/* COMMON CLASSES */

body {
	margin-top: 0px;
		color:#333;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 83%;
	line-height: 1.5;
	background-color: #E6E6E6;
	background-image: url(../images/background_1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	
}

/*backgrounds*/
.head_bg {
	background-color: #F0F0EA;
	background-position: bottom;
}

.bottom_bg {
	background-image: url(../images/main_corners_bot.gif);
	background-repeat: no-repeat;
	background-position: top;
}


/*end Head*/
/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#c00} 
a:visited {color:#999} 
a:hover,a:active {color:#069} 
/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 196%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {
	font-size: 106%;
	border-bottom-color: #FFFFFF;
}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}
.thumbnail2 {
	border: 1px solid #eee;
	float:none;
	width:226px;
	padding:5px;
	background:#fff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}
.thumbnail2 img {border: 1px solid #000}


	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
	a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
	padding-left:21px;
	background-color: transparent;
	background-image: url(../images/sprites.gif);
	background-repeat: no-repeat;
	background-position: 5px -500px;
}
	a.morelink:hover {
	background-color: transparent;
	background-image: url(../images/sprites.gif);
	background-position: 5px -400px;
}

.morelink span {position:absolute;left:-9999px;width:900px}

	/* TABLES */
	.table1 {border: 1px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url("../images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("../images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("../images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {
	font-size:95%;
	color:#333333;
	padding: 6px;
	background-color: #efefef;
	background-image: url(../images/sprites.gif);
	background-repeat: repeat-x;
	background-position: 0 -1500px;
}



	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}




#main
{
	width: 780px;
	height: auto;
	font-size: 11px;
	font-weight: normal;
	color: #A52A2A;
}

.menuside
{
	width: 150px;
	color: #00008B;
	text-align: left;
	margin-top: 11px;
	font-size: 12px;
}

.menuside a:link, .menuside a:visited
{
	width: 150px;
	background-color: transparent;
	color: #003366;
	text-decoration: none;
	font-weight: normal;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efefef;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF3333;
	}

.menuside a:hover
{
	color: #FF6600;
	text-decoration: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6600;	
}



#lefty
{
	float: left;
	left:25px;
	width:165px;
	padding-bottom: 40px;
	text-align: left;
}

#lefty p
{
	width: 137px;
	padding: 12px;
	margin-left: 0px;
	background-color: #f9f9f9;
	color: #607080;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #efefef;
	border-bottom-color: #efefef;
	border-left-color: #efefef;
}

#breadcrumb {
	padding-bottom: 2px;
	padding-top: 2px;
	font-size:11px;
	font-weight:bold;
	padding-left: 20px;
}
#breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
#breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}

hr
{
	border:0;
	border-bottom: 1px solid #efefef;
	height: 1px;
}
#frontcontent
{
	float: left;
	width: 400px;
	text-align: justify;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 16px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	line-height: 145%;
	color: #607080;
}

/*#frontcontent h3, h4
{
	
	color:  #2F4F4F;
	font-weight: bold;
	padding-left: 0px;
}*/

#content
{
	float: left;
	width: 550px;
	padding-top: 0px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	line-height: 145%;
	color: #333333;
	font-size: 12px;
	text-align: left;
}
#contentphoto
{
	float: left;
	width: 720px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #efefef;
	line-height: 145%;
	color: #333333;
	font-size: 12px;
	text-align: left;
}
#contenthome
{
	float: left;
	width: 720px;
	padding-top: 0px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	line-height: 145%;
	color: #333333;
	font-size: 12px;
	text-align: left;
}

/*#content h3, h4
{
	color:  #990000;
	font-weight: bold;
	padding-left: 0px;
	font-size: 13pt;
}*/


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


.copyright, .copyright a:link, .copyright a:visited		{
	
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 5px;
	height: 30px;
}


/*2ndnav*/
#info {background:#eee;}
#navigation {background:transparent; margin:0 5em 0 10px; height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation li {display:block; float:left; margin:0 1px;}
.snazzy {background:transparent;}
.snazzy span {
	text-align:center;
	color:#FFFFFF;
	margin:0;
	font-weight:bold;
	font-size: 12px;
	padding-top: 5px;
}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #000000; border-right:1px solid #000000;}
.b1 {margin:0 5px; background:#000000;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #000000; border-right:1px solid #000000;}

a.menu, a.menu:visited {display:block; text-decoration:none; width:8.5em;}
a.menu:hover {background:transparent; cursor:pointer;}
a.menu:hover span {color:#FF9900; padding-top:15px;}


.red {background:#CC0000;}
.orange {background:#CC0000;}
.yellow {background:#CC0000;}
.green {background:#CC0000;}
.blue {background:#CC0000;}
.indigo {background:#CC0000;}
.violet {background:#CC0000;}

#navigation2 {background:transparent; margin:0 5em; height:3em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation2 ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation2 li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

a.menu2, a.menu2:visited {display:block; text-decoration:none; width:8.5em;}
a.menu2:hover {background:transparent; cursor:pointer;}
a.menu2:hover .boxcontent {padding-bottom:0.8em;}
a.menu2:hover .pad {height:0.2em;}