


/* GENERAL */
body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
	background-image: url(images/layout/bg_page.gif);
}



/* LINKS */
A:LINK {  COLOR: #333333}
A:HOVER {  TEXT-DECORATION: NONE; COLOR: #2852b7}
A:VISITED {  COLOR: #333333}
A:ACTIVE {  COLOR: #333333}



/* TEXT */
BODY, TABLE, TD, TR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}



/* SMALL TEXT */
.fineprint {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: italic}
.mini {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}



/* SUBMENUS */
.submenu {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; padding: 5px;}
	.submenu A:LINK { color:#FFFFFF; text-decoration: none; }
	.submenu A:HOVER { color: #FFFFFF;  text-decoration: none; }
	.submenu A:VISITED { color: #FFFFFF; text-decoration: none; }
	.submenu A:ACTIVE { color: #FFFFFF;  text-decoration: none; }
.submenuheader {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold; }


/* SMALL BLACK LINKS */
.blacklink
	{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.blacklink
	A:LINK { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.blacklink
	A:VISITED { COLOR: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.blacklink
	A:ACTIVE { COLOR: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.blacklink
	A:HOVER { COLOR: #666666; TEXT-DECORATION: NONE; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
	
/* SMALL BLUE LINKS */
.bluelink
	{ color: #2852B7; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.bluelink
	A:LINK { color: #2852B7; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.bluelink
	A:VISITED { COLOR: #2852B7; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.bluelink
	A:ACTIVE { COLOR: #2852B7; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.bluelink
	A:HOVER { COLOR: #666666; TEXT-DECORATION: NONE; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }


/* BLUE TEXT */
.bluetext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#2852B7; line-height:16px;}
	.bluetext A:LINK { color:#2852B7; }
	.bluetext A:HOVER { color: #333333; }
	.bluetext A:VISITED { color: #2852B7; }
	.bluetext A:ACTIVE { color: #333333; }
.blueboldheader {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #2852B7; font-size: 12px; font-weight: bold; line-height: 16px;}

.bluetext2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#2852B7; line-height: 18px;}


/* GOLD TEXT ARIAL */
.goldtext {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#B1A770; }
	.goldtext A:LINK { color:#333333; }
	.goldtext A:HOVER { color: #B1A770; }
	.goldtext A:VISITED { color: #333333; }
	.goldtext A:ACTIVE { color: #B1A770; }
.goldboldheader {  font-family: Arial, Helvetica, sans-serif; color: #B1A770; font-size: 12px; font-weight: bold; }

/* GOLD TEXT VERDANA */
.goldtextV {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#B1A770; line-height:16px; }
	.goldtext A:LINK { color:#333333; }
	.goldtext A:HOVER { color: #B1A770; }
	.goldtext A:VISITED { color: #333333; }
	.goldtext A:ACTIVE { color: #B1A770; }


/* GREY TEXT */
.greytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; }
.greyboldheader {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; font-weight: bold; }


/* WHITE TEXT */
.whitetext {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; }
	.whitetext A:LINK { color:#FFFFFF; }
	.whitetext A:HOVER { color: #FFFFFF; }
	.whitetext A:VISITED { color: #FFFFFF; }
	.whitetext A:ACTIVE { color: #FFFFFF; }
.whiteboldheader {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; }

/* RIGHT LINKS */
.rightlinks {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#FFFFFF; font-weight:bold; padding-left:15px}
	.rightlinks A:LINK { color:#FFFFFF; }
	.rightlinks A:HOVER { color: #FFFFFF; text-decoration: none;}
	.rightlinks A:VISITED { color: #FFFFFF; }
	.rightlinks A:ACTIVE { color: #FFFFFF; }

/* RED TEXT */
.redtext {  font-family: Arial, Helvetica, sans-serif; color: #CC0000; font-size: 12px; font-weight: bold; }


/* MENU */
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/	
	z-index: 2;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 30px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/

ul#topnav a.ca {
	background: url(images/menu/ca.gif) no-repeat;
	width: 120px;
	height: 30px;
}
ul#topnav a.gi {
	background: url(images/menu/gi.gif) no-repeat;
	width: 80px;
	height: 30px;	
}
ul#topnav a.di {
	background: url(images/menu/di.gif) no-repeat;
	width: 149px;
	height: 30px;
}
ul#topnav a.ev {
	background: url(images/menu/ev.gif) no-repeat;
	width: 83px;
	height: 30px;
}
ul#topnav a.nm {
	background: url(images/menu/nm.gif) no-repeat;
	width: 144px;
	height: 30px;
}
ul#topnav a.pa {
	background: url(images/menu/pa.gif) no-repeat;
	width: 141px;
	height: 30px;
}
ul#topnav a.au {
	background: url(images/menu/au.gif) no-repeat;
	width: 105px;
	height: 30px;
}
ul#topnav a.dn {
	background: url(images/menu/dn.gif) no-repeat;
	width: 133px;
	height: 30px;
}

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 30px; left: 0;
	background: #454545 url(images/menu/bg.gif) repeat-x; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 175px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*--background: url(navlist_arrow.png) no-repeat 5px 12px;--*/
	padding: 7px 5px 7px 15px;
	display: block;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-transform: uppercase;	
	font-weight: bold;
}
ul#topnav .sub ul li a:hover {
	color: #fff;
	background-color:#999;
	background-position: 5px 12px ;/*--Override background position--*/
	text-decoration: none;	
}

/* SUB2 */

ul#topnav li .sub2 {
	position: absolute; /*--Important--*/
	top: 30px; right: 0;
	background: #454545 url(images/menu/bg.gif) repeat-x; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .sub2 ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 175px;
	float: left;
}
ul#topnav .sub2 ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub2 ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight: normal;
}
ul#topnav .sub2 ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;	
}
ul#topnav .sub2 ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	/*--background: url(navlist_arrow.png) no-repeat 5px 12px;--*/
	padding: 7px 5px 7px 15px;
	display: block;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	text-transform: uppercase;	
	font-weight: bold;	
}
ul#topnav .sub2 ul li a:hover {
	color: #fff;
	background-color:#999;
	background-position: 5px 12px ;/*--Override background position--*/
	text-decoration: none;
}



/* SEARCH */
.form-text	{	font-size:10px; border:1px solid #7e878e; margin-left:6px; padding:2px;}
.form-button{	font-size:9px; background-color:#2852b7; border:1px solid #2852b7;; width:25px; height:19px; font-weight:bold; color:#FFFFFF; cursor:pointer; margin:0 7px; margin-right: 0; padding-bottom:1px;}
.form-button:hover{background-color:#333333; border:1px solid #333333;}



/* IMAGE ROTATOR */
.main_image {
	z-index: 1;
    width: 655px;
    height: 381px;
    float: left;
    background: #333;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
	color: #fff;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.main_image a:link {
	color: #fff;
	text-decoration: underline;
}
.main_image a:active {
	color: #fff;
	text-decoration: underline;
}
.main_image a:visited {
	color: #fff;
	text-decoration: underline;
}
.main_image a:hover {
	color: #fff;
	text-decoration: none;
}
.block puny { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(images/banners/icon_calendar.gif) no-repeat 0 center;
}
.main_image .block puny {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
/*--.main_image a.collapse { This is our hide/show tab
    background: url(images/banners/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}--*/
.main_image a.show {background-position: left bottom;}

.image_thumb {
    float: left;
    width: 299px;
    background: #f0f0f0;
    border-right: 1px solid #fff;
    border-top: 1px solid #ccc;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 0px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.image_thumb ul li{
    margin: 0;
    padding: 12px 10px;	
    background: #f0f0f0 url(images/banners/nav_a.gif) repeat-x;
    width: 278px;
    float: left;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
    background: #fff;
    cursor: default;
}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;} /*--Hide the description on the list items--*/

html .image_thumb ul li .teaser {
    font-size: 11px;
    margin: 5px 0;
}

.main_image .teaser {display: none;} /*--Hide the title on the main image description--*/
