@charset "utf-8";
/* CSS Document */


/* Hiding division organization========================================================================================

body 

	div#all 

		div#header0 (Optional) 

		div#header1 

			div#logos 

		div#header2 (Optional)  

		div#nav1

		div#nav2 (Optional)

		div#left2col

			div#leftad1
			div#leftcontent1
			div#leftad2

			
		div#right2col
		
			div#rightad1
			div#rightcontent1
				div#form0
				div#construction
			div#rightad2


		div#footer

========================================================================================End Hiding*/

/*======================*/
/*		GLOBAL PROPERTIES */ 
/*======================*/



body {


background-position:top;
background-color:#f2f2f2;
margin:0px;
height:auto;
}


div#all {
width:760px; 
margin-left:auto; 
margin-right:auto; 
height:auto;
}


/* WEB SITE TITLE */
h1 {
font-style: italic; font-variant: normal; font-weight: normal;
font-size: 36px;
font-family: "Century Gothic", Helvetica, sans-serif;
text-align:left;color: #768C6C;
}
/* WEB SITE TITLE */

/* WEB SITE TAGLINE */
h2 {
font-style: italic; font-variant: normal; font-weight: 500;
font-size: 18px;
font-family: "Century Gothic", Helvetica, sans-serif;
text-align:left;color: #768C6C;
}
/* WEB SITE TAGLINE */

/* WEB PAGE TITLES */
h3 {
font-style: normal; font-variant: normal; font-weight: bold;
font-size: 20px;
font-family: "Century Gothic", Helvetica, sans-serif;
text-align:center;color: #0B0859;
}
/* WEB PAGE TITLES */

/* BULLET HEADING */
h4 {
font-style: normal; font-variant: normal; font-weight: bold;
font-size: 18px;
font-family: "Century Gothic", Helvetica, sans-serif;
text-align: left;color: #0B0859;
}
/* BULLET HEADING */


/* COLOR PALETTE */
/* f2f2f2 off-white		background-color  */
/* C4D8F2 light blue   	left column background, nav blocks */
/* 768C6C green-grey   	WEB SITE TITLE, TAGLINE */
/* 0B0859 navy blue     text, FORM TEXT */
/* 0B0859 navy blue   	WEB PAGE TITLES, TAGLINE */
/* 768C6C green-grey   	a:link, a:visited, a:active */
/* d94e0c dark orange  	a:focus, a:hover */



/*======================*/
/*		HEADER PROPERTIES */ 
/*======================*/

div#header1 {width:100%;
height:auto; 
margin: 5px;
padding: 5px; 
}

div#logos {float:left;
margin: 5px;
}

div#header2 {width:100%; 
height:auto;
margin: 5px;
padding: 5px;  

}

/*======================*/
/*		NAV PROPERTIES */ 
/*======================*/


div#nav1 {width:100%; 
height:auto; 
margin: 5px;
padding: 5px;  
}

#nav1 ul {
  margin-left: -2.5em;
}

#nav1 li {
  list-style-type: none;
  float: left;
  width: 7.9em;
  text-align: center;
}

#nav1 a {
  text-decoration: none;
  display: block;
  border: 3px 0B0859 outset;
  background-color: #C4D8F2;
}

#nav1 a:focus {
  text-decoration: none;
  display: block;
  background-color:#C4D8F2;
}

#nav1 a:hover {
  text-decoration: none;
  display: block;
  background-color:#C4D8F2;
}

#nav1 li a.active {
	background: #C4D8F2;
}

#nav2 {
	width:100%;
	margin: 5px;
	padding: 5px;  
	background: #49bdef;
	height: 65px;
}

#nav2 ul li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 15px 10px 15px 10px;
	font-size: 1.4em;
	color: #F2F2F2;
	text-decoration: none
}

#nav2 li.option {
	padding: 15px 25px 15px 10px;
	color: #F2F2F2;
	text-decoration: none
}

#nav2 li a {
	padding: 10px 0 10px 35px;
	color: #F2F2F2;
	text-decoration: none
}

/*
Each of the nav2 items is classes so that it can recieve
matching icon as it's background.
*/


/*======================*/
/*		LEFT2COL PROPERTIES */ 
/*======================*/

div#left2col {
width:31%; 
height:auto;
 float:left;
 margin: 5px;
padding: 5px;  
 text-align:center;
 background-color:#C4D8F2;
}

div#leftcontent1 {
width:90%; 
height:auto;
margin: 5px;
padding: 5px;
text-align:left;
font-family: "Century Gothic", Helvetica, sans-serif;
font-size: 18px;
color: 0B0859;
}

/*======================*/
/*		RIGHT2COL PROPERTIES */ 
/*======================*/

div#right2col {
width:62%; 
height:auto;
 float:right;
 margin: 5px;
padding: 5px;  

}

div#rightad1  {
width:100%; 
height:auto;
margin: 5px;
padding: 5px;  
text-align:center;
}

div#rightcontent1 {

width:100%; 
height:auto;
margin: 5px;
padding: 5px;  
text-align:left;
}

div#form0 {
margin: 5px;
padding: 5px;  
height:auto;
text-align:left;
}

div#construction {

width:100%; 
height:auto;
margin: 5px;
padding: 5px;  
text-align:center;
}


/*======================*/
/*		FOOTER PROPERTIES */ 
/*======================*/


div#footer {clear:both; 

text-align:center; 
width:100%;
}

/*======================*/
/*		SPAN CLASS= PROPERTIES */ 
/*======================*/



.style18b5  {
font-family: "Century Gothic", Helvetica, sans-serif;
font-size: 18px;
color: #0B0859;
} 
/* main_text color: blue */


.style9b {
font-family: "Century Gothic", Helvetica, sans-serif;
font-size: 14px;
color: #0B0859;
} 
/* footer color: blue */

.style14b {
font-family: "Century Gothic", Helvetica, sans-serif;
font-size: 14px;
color: #0B0859;
text-align:left;
} 
/* font: 14px color: blue */


/* style code: .style14b5 14 = 14px; b5 = med blue;  b1 = light blue; b9 = dark blue;*/

/* r5 red color: #ff0000; */

/* o5 orange color: #ef9c00; */

/* y5 yellow bodega color: #F2F2F2; */

/* b5 blue  color: #0B0859; */
 
/* b1 aqua color: #00ffff; */
 
/* b2 turquoise color: #49bdef; */

/* b3 persian blue color: #00a8ec; */

/* i indigo navy color: #000080; */

/* v5 violet fuchsia color: #ff00ff; */

/* v9 purple color: #800080; */

/* w1 white color: #ffffff; */

/* k9 black color: #000000; */




a:link {
color: #768C6C;
text-decoration: none
}





a:visited {
color: #768C6C;
text-decoration: none
}

 


a:active {
color: #768C6C;
text-decoration: none
}





a:focus {
color: #d94e0c;
text-decoration: none; 
}





a:hover {
color: #d94e0c;
text-decoration: none; 
}