
/* ---------------------------------------------------------
GLOBAL text styles
 ---------------------------------------------------------*/
* {
	font:x-small;
	color:#000000;
	font-family: arial,helvetica;
}

a{
	color:#003366;
	text-decoration:none;
}
a:visited{
	/*color:#CB4402;*/
}
a:hover{
	text-decoration:underline;
}
a:active{

}
/* ---------------------------------------------------------
Basic text styles
 ---------------------------------------------------------*/
p{
	line-height:150%;
}
h1{
	font:large;
	margin:0 0 0 0;
	padding:0;
	color:#336699;
}
h2{
	margin:0;
	padding:0;
	font:medium;
	color:#666666;
}
h3{
	margin:0;
	padding:0;
	font-size:22px;
	color:#666666;
}
h4{
	margin:0;
	padding:0;
	font-size:18px;
	color:#666666;
}

h2.homepage{
	padding: 3px 0px 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:90%;
	margin:0;
	padding:0;
	font:medium;
	color:#003366;
}


/* ---------------------------------------------------------
special text colors
 ---------------------------------------------------------*/
.black_text{
	color:#000000;
}
.lightgrey_text{
	color:#ffffff;
	font-size:11px;	
}

/* ---------------------------------------------------------
Header styles
 ---------------------------------------------------------*/
.PrimaryNav, .PrimaryNav a,.PrimaryNav a:visited{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}
.PrimaryNav a:hover{
	text-decoration:none;
	color:#336699;
}

.HomepageBottomNav, .HomepageBottomNav a,.HomepageBottomNav a:visited{
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}
.HomepageBottomNav a:hover{
	text-decoration:none;
	color:#336699;
}


.PrimaryNavOn, .PrimaryNavOn a,.PrimaryNavOn a:visited{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
}
.PrimaryNavOn a:hover{
	text-decoration:none;
	color:#336699;
}


.SubNav, .SubNav a,.SubNav a:visited{
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	padding: 3px;
}
.SubNav a:hover{
	text-decoration:underline;
}



.headerwhitelink ,.headerwhitelink a,.headerwhitelink a:visited  {
	font-size:100%;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.headerwhitelink a:hover {
	color: #efefef;
	text-decoration: underline;
	}

/* ---------------------------------------------------------
Footer styles
 --------------------------------------------------------- */
#Footer p{
	font-size:10px;
	color:#000000;
	text-align:right;
	margin:0 0 5px 0;
}
#Footer a{
	color:#000000;
	margin:0 5px 0 5px;
}
#Footer a:hover{
	color:#F85D10;
}
hr.dotted {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 2px dotted #ccc;
	padding: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------
Images with Mouseovers
 --------------------------------------------------------- */

.gallerycontainer{
	position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid white;
	margin: 0 5px 5px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	 border: 1px dashed grey;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: eeeeee;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	left: -530px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/* ---------------------------------------------------------
Images with Mouseovers
 --------------------------------------------------------- */

.toggleopacity img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.5;
}

.toggleopacity:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;
}

.toggleopacity img{
	border: 1px solid #ccc;
}

.toggleborder:hover img{
	border: 1px solid navy;
}

.toggleborder:hover{
	color: red; /* Dummy definition to overcome IE bug */
}

/* ---------------------------------------------------------
FORM values
 --------------------------------------------------------- */
.form_header { font-weight: bold; color: #FFFFFF;font-size:1.1em; padding: 6 6 6 6 ;}
.form_header a {font-weight: bold; color: #FFFFFF; text-decoration: none;}
.form_header a:hover { text-decoration: none;}
.form_header {filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6699cc', endColorStr='#336699', gradientType='0');}