/*FONT FAMILY===========================================================================================*/

body, td, th {
	font-family: "Lucida Sans"; /*Arial & Helvetica are almost undistinguishable*/
}

/*-------uncomment and ustomize if you want to use different fonts for different page elements
h2 { font-family: Times }
h3 { font-family: Courier }
h4 { font-family: Trebuchet }
p { font-family: Helvetica }
---------*/ 
 


/*FONT SIZE=============================================================================================*/

h1 {
	font-size: 200%;
} /* - header or special effects */
h2 { font-size: 130%; } /* content headings */
h3 { font-size: 115%; } /* content sub-headings */
h4 { font-size: 100%; } /* list headings, same size as (p) */
h5 { font-size: 100%; } /* list headings 2, same size as (p) */
h6 { font-size: 90%; } /* list headings 2, same size as (p) */

p, ul, ol, td { font-size: 90%; }

ul ul { font-size: 100%; } /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 100%; }




/*FONT COLORS=============================================================================================*/
/*--------------------
below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag)
lead  color: 		#0066cc  	blue		h1, h2, h3
second color:		#333333		green		seperaton lines, some links
highlight 1:		#9966cc		purple		not used but matching color - if you want to highlight something
highlight 2:		#990000		red			not used but matching color - if you want to highlight something

background 1:		#eeeeff		light 	 	lead elements
background 2:		#f7f7ff		light 		lightest bg
box underline:		#cccccc		light grey
---------------------*/


body {color: black}
a:active {color: red}

h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #333333}
ul li a:link, ul li a:visited {color: #333333}
p a:link, p a:visited {color: #333333}
a:link, a:visited {color: #333333}

p.postmetadata a:link, p.postmetadata a:visited {color: #006699}

#footer p a:link, #footer p a:visited {color: black}

/*-------uncomment and customize below example if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/



/*LINK STYLE other than color=============================================================================*/

a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

a:hover {text-decoration:underline }
h1 a:hover {text-decoration:none }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}

/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/

body {margin:0px; padding: 0px;}
ul, ol {list-style: outside}

h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}


a img {border: 1px solid #0066cc}


/*MULTI-USE TAGS==========================================================================================*/

.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.left {float:left;}

.bg1 {background: #eeeeff}
.bg2 {background: #f7f7ff}

.border1 {border: solid 1px #0066cc;}



/* menu bar in header section*/
#nav{position:relative; display:block; height:24px; font-size:12px; font-weight:bold; background:transparent url(images/bgOFF.gif) repeat-x top left;}
		#nav ul{margin:0; padding:0; list-style-type:none; width:auto;}
		#nav ul li{display:block; float:left;}
		#nav ul li a{display:block; float:left;color:#fff; text-decoration:none; padding:6px 20px 0 20px;height:24px;}
		#nav ul li a:hover,#nav ul li a.current{color:#fff;	background:transparent url(images/bgON.gif) repeat-x top left;}


.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}

.nav3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
}

a.nav3:Link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003466;
}

a.nav3:visited {
	font-weight: bold;
	color: #003466;
}

a.nav3:hover {
	font-weight: bold;
	color: #666666;
}
.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	line-height: normal;
}
.nav4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight: bold;
}

a.nav4:Link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003466;
}

a.nav4:visited {
	font-weight: bold;
	color: #003466;
}

a.nav4:hover {
	font-weight: bold;
	color: #666666;
}.header {
	font-family: "Lucida Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #003466;
}
