/* GENERAL */

	html {
		height: 100%;}
	body {
		color: #ffffff; 
/*	background: #000000 url('../images/lights.gif') no-repeat top left; */
    background-color: #36578c;
		margin: 0em; padding: 0; 
		margin-top: .5em;
		height: 100%;
		font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 14px;font-style: normal;font-weight: normal;}

	h1, p.center, ul.center {text-align: center;}
	h2, h3, h4, h5, h6 {text-align: left;}
	h1, h2, h3, h4, h5, h6 {margin-top: .5em; margin-bottom: .5em;}
  .left {text-align: left;}
  .right {text-align: right;}
  
	h1 {
    font-size: 1.4em; 
    font-style: italic;
    background-color: #d3c3b9; color: #36578c; 
    border-bottom: 2px dotted #36578c;  border-top: 2px dotted #36578c; 
    padding-top: .3em;
    padding-bottom: .3em; 
  }
	h2 {font-size: 1.3em;}
	h3 {font-size: 1.1em;}
	h4 {font-size: 1em;}
	
	ul.nobullet, ol.nobullet {list-style-type: none; padding-left: 0; margin-left: 0;}
	ul.nobullet li, ol.nobullet li {padding-bottom: .3em;}

/* GENERAL NAVIGATION */
	
	a {background-color: #ffffff; font-weight: bolder; text-decoration: underline;}
	a:link {background-color: #ffffff; color: #600;}
	a:visited {background-color: #ffffff; color: #505C55;}
	a:hover {background-color: #ffffff; color: #86968C;}
	a:active {background-color: #ffffff; color: #868662;}

/* STRUCTURE/LAYOUT */

	#container {width: 780px; margin-left: auto; margin-right: auto;}
	#header {width: 780px; height: 219px;}
	#flashcontent {width: 780px; height: 175px;}
	#wrapper {width: 780px;}
	#navig {width: 190px; float: left;}
	#navig.horiz {width: 780px;}
	#feature {width: 175px; float: right;}
	#footer {height: 25px;}
	
	#content {margin-left: 195px; margin-right: 0px;}
  #content {padding: .6em;}
	#content, #content.full {border-left: 1px dotted #5d6f87; border-right: 0;}
	#content.reduce {margin-left: 195px; margin-right: 195px;}
	#content.increase {margin-left: 0; margin-right: 0;}

/* PRESENTATION */

	#header {
		background: #5d6f87 url('../images/newlogoheader.jpg') repeat-y top left;
		color: #000000;
		margin-bottom: .2em;
		border: 2px solid #86ace7;}

	#header div#contact {
		color: #3c528b; float: right; 
		font-size: .9em; font-weight: bold;
		padding-top: .5em; padding-bottom: .5em;
		padding-left: 1.5em; padding-right: 1.5em;
		margin-left: 0; margin-right: 1em; 
		margin-top: 2em; margin-bottom: 0;
		border: 8px solid #76a1e2;}
  
  #header a {
    background-color: #86ace7; font-weight: bolder; text-decoration: underline;
    padding-top: .5em; padding-bottom: .5em; padding-left: .1em; padding-right: .1em;
  }
  #header a:link {background-color: #86ace7; color: #ebeebe; font-weight: bolder;}
  #header a:visited {background-color: #86ace7; color: #ebeebe; font-weight: bolder;}
  #header a:hover {background-color: #ffffff; color: #3c528b; font-weight: bolder;}
  #header a:active {background-color: #86ace7; color: #ffffff; font-weight: bolder;}
  
  #header li.ad {
    margin-top: .5em; margin-bottom: 0;
    margin-left: 0; margin-right: 0;
    padding: 0;
    font-size: 1.1em;
    font-style: italic;
  }
  
	#wrapper {		
		background-color: #d3c3b9; color: #000000;
		border: 2px solid #ffffff;}

	#feature {
		border-left: 1px solid gray; 
		border-bottom: 1px solid gray; 
		padding: 0; 
		color: #000000;
		background: #ffffff url('../images/greenfade.gif') repeat-x;
	}

  #feature ul {
    padding-left: .3em; padding-right: .3em;
    margin-left: 1.2em;
  }
  
  #feature ul li {padding-bottom: .5em;}
  
  #feature a {
    background-color: #ebeebe; font-weight: bolder; 
    text-decoration: underline;
  }
  
  #feature h3 {
    text-align: center; 
    border-bottom: 1px dashed gray; border-top: 1px dashed gray;
    margin-top: 0;
    padding-top: .2em; padding-bottom: .2em;
  }
  
  #feature a:link {background-color: #ebeebe; color: #000000; font-weight: bolder;}
  #feature a:visited {background-color: #ebeebe; color: #000000; font-weight: bolder;}
  #feature a:hover {background-color: #ffffff; color: #3c528b; font-weight: bolder;}
  #feature a:active {background-color: #ebeebe; color: #3c528b; font-weight: bolder;}
  
  
  #feature p {padding: .5em;}
  
	#footer {
		background-color: #36578c; color: #ffffff; 
		font-size: .9em;
		text-align: center;
		padding-top: 12px;}
		/* background-image: url('../images/blueback.jpg'); background-repeat: repeat-y; */

	#footer span {padding-right: 4em;}

/* NAVIGATION */

	#navig ul {
		list-style-type: none; 
		margin-top: 1em; margin-left: .5em; padding-left: .5em;
	}
  
	#navig ul li, #navig.horiz ul li {
		margin: 0; padding: 0; 
		line-height: 2em; 
		padding-left: 25px; 
		background-image: url(../images/bluebutton1.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;}

  #navig.horiz ul li {padding-right: 2px;}
 
  #navig.horiz ul li{
    display: inline;
    float: left;
  }
  
	#navig li.button1, #navig.horiz li.button1 {
		background-image: url(../images/bluebutton1.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;}

	#navig li.button2, #navig.horiz li.button2 {
		background-image: url(../images/bluebutton2.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;}

	#navig li.button3, #navig.horiz li.button3 {
		background-image: url(../images/bluebutton3.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;}

	#navig a {background-color: #d3c3b9; font-size: .8em; height: 25px; text-decoration: none; padding: .2em;}
	#navig a:link {background-color: #d3c3b9; color: #600;}
	#navig a:visited {background-color: #d3c3b9; color: #505C55;}
	#navig a:hover {background-color: #d3c3b9; color: #86968C; text-decoration: underline;}
	#navig a:active {background-color: #d3c3b9; color: #868662;}
	#navig a.selected {border: 1px solid #5d6f87; display: block; width: 90%;}

	#content a {background-color: #d3c3b9; color: #000000; text-decoration: underline}
	#content a:link {background-color: #d3c3b9; color: #600;}
	#content a:visited {background-color: #d3c3b9; color: #505C55;}
	#content a:hover {background-color: #d3c3b9; color: #86968C;}
	#content a:active {background-color: #d3c3b9; color: #868662;}

/* CONTENT */

  div#news {
    float: right;
    width: 190px;
    height: 100px;
    margin-top: 0;
    margin-bottom: 1em;
    padding-top: 1em;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center;
    border: .2px solid gray;
  }

/*  
  div#news h2{
    background: url(../images/newsaction.gif);
    width: 143px;
    height: 147px;
    margin-left: auto;
    margin-right: auto;
  }
*/

div#news h2{ 
  padding: 0; margin: 0;
  margin-bottom: .5em;
}

div#classes ul li {
  border: 3px solid #c8b8ad;
  padding: .1em;
  margin: .1em;
  margin-bottom: 1em;
  color: #000000;
}

div#classes ul li h3 {
  text-align: center;
}

div#classes ul li ul li{border: 0;}

/* FORMS */
  form {width: 500px; margin-left: auto; margin-right: auto;}
  label.fixedwidth {display: block; float: left; width: 130px;}
  p.buttons {text-align:center;}
  
/* SWISH */
  div#flashcontent {border: 2px solid #ffffff; margin-bottom: .3em;}
  

/* FEATURE ITEM */
	

/* GET STARTED LINK*/


/* CLEAR to ensure 3 cols grow to full height */
	
	.clear {clear: both;}