/* CSS Document */

html, body{ 
	height: 100%; 
	width: 100%; 
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	color: #000;
} 

#container {
	position: absolute;
	float: left;
	padding: 0px;
	top: 0px;
	left: 50%;
	width: 745px;
	margin-left: -372px;
	height: 1030px;
	color: #000;
	background-color: #FFF;
	z-index: 1;
}

#mainback {
	position: absolute;
	float: left;
	padding: 0px;
	top: 100px;
	left: 50%;
	width: 745px;
	margin-left: -372px;
	height: 830px;
	color: #000;
	background-color: #EFF2F7;
	z-index: 2;
	border: 1px solid #DDD;
}

#latest {
	position: absolute;
	float: left;
	padding: 0px;
	top: 10px;
	left: 10px;
	width: 700px;
	height: 275px;
	color: #000;
	background-color: #EFF2F7;
	z-index: 3;
}

div.indent {
	margin-left: 3em;
	margin-top: 1em;
	text-indent: -3em;
	clear: both;
}

#update {
	position: absolute;
	float: left;
	padding: 5px;
	top: 385px;
	left: 10px;
	width: 400px;
	height: 375px;
	color: #000;
	background-color: #FFFFDE;
	z-index: 3;
	border: 1px solid #DDD;
}


#help {
	position: absolute;
	float: left;
	padding: 5px;
	top: 485px;
	left: 10px;
	width: 400px;
	height: 175px;
	color: #000;
	background-color: #FFFFDE;
	z-index: 3;
	border: 1px solid #DDD;
}

#slides {
	position: absolute;
	float: left;
	padding: 5px;
	top: 385px;
	left: 430px;
	width: 295px;
	height: 375px;
	color: #000;
	background-color: #FFFFDE;
	z-index: 3;
	border: 1px solid #DDD;
}

div.textarea {
	margin: 8px;
}

div.picholder {
	float:left;
	padding: 8px;
	margin-left: 50px;
}

div.slideholder {
	height: 100px;
	padding: 8px;
	margin-left: 50px;
}

div.slidetext {
	margin-top: 15px;
	font-weight: bold;
	color: #333;
}

div.more {
	position: absolute;
	font-size: 12px;
	bottom: 10px;
	right: 10px;
}

#logotop {
	position: absolute;
	float: left;
	padding: 0px;
	top: 30px;
	left: 10px;
	width: 390px;
	height: 45px;
	color: #000;
	background-color: #FFF;
	font-size: 11px;
	z-index: 3;
}

#alert {
	position: absolute;
	float: left;
	padding: 0px;
	top: 25px;
	right: 25px;
	width: 250px;
	height: 30px;
	color: #000;
	background-color: #FFF;
	font-size: 13px;
	line-height: 22px;
	z-index: 3;
	text-align: right;
}

#topnav {
	position: absolute;
	float: left;
	padding: 0px;
	top: 85px;
	left: 10px;
	width: 725px;
	height: 20px;
	color: #666;
	background-color: #FFF;
	font-size: 13px;
	font-weight: bold;
	z-index: 1;
	text-align: center;
/*	border: 1px solid #AAA;
*/
}

img.withborder {
	border: 1px solid #AAA;
}

#photo {
	position: absolute;
	float: left;
	padding: 0px;
	top: 10px;
	left: 10px;
	width: 250px;
	height: 250px;
	color: #000;
	background-color: #EFF2F7;
	z-index: 3;
}

a:link {
	color: #C00;
	text-decoration: underline;
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

a.article:link {
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
	color: #C00;
	text-decoration: underline;
}

a.article:visited {
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
	color: #666;
	text-decoration: underline;
}

a.article:hover {
	color: #333;
	text-decoration: underline;
}

a.nav:link {
	color: #EE9C0F;
	text-decoration: none;
}

a.nav:visited {
	color: #EE9C0F;
	text-decoration: none;
}

a.nav:hover {
	color: #333;
	text-decoration: none;
}

a.more:link {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

a.more:visited {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

a.more:hover {
	color: #c00;
	text-decoration: underline;
	font-weight: bold;
}

#bottomnav {
	position: absolute;
	float: left;
	padding: 0px;
	top: 935px;
	left: 10px;
	width: 725px;
	height: 50px;
	color: #666;
	background-color: #FFF;
	font-size: 10px;
	z-index: 1;
	text-align: center;
/*	border: 1px solid #AAA;
*/
}

span.highlight {
	font-weight: bold;
}
span.bigger
{
    FONT-SIZE: 14pt;
    FONT-STYLE : normal;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
	FONT-WEIGHT: bold;
	color: #333;
	font-variant: small-caps;
	letter-spacing: 3px;
}

img.slideimage {
	float:left;
	margin-top: 0px;
	margin-right:10px;
	margin-bottom:5px;
	border: 1px solid #AAA;
}

#variablecont {
	position: absolute;
	float: left;
	padding: 0px;
	top: 0px;
	left: 50%;
	width: 745px;
	margin-left: -372px;
	color: #000;
	background-color: #FFF;
	z-index: 1;
}

#variableback {
	position: absolute;
	float: left;
	padding: 0px;
	top: 100px;
	left: 50%;
	width: 745px;
	margin-left: -372px;
	color: #000;
	background-color: #EFF2F7;
	z-index: 2;
	border: 1px solid #DDD;
}

div.subpagebox {
	float: left;
	padding: 5px;
	width: 550px;
	color: #000;
	background-color: #FFFFDE;
	z-index: 3;
	border: 1px solid #DDD;
}

div.spacer { 
	clear: both; 
	height: 5px;
}

#varbottom {
	float: left;
	padding: 0px;
	padding-top: 8px;
	left: 10px;
	width: 745px;
	height: 50px;
	color: #666;
	background-color: #FFF;
	font-size: 10px;
	z-index: 1;
	text-align: center;
	border-top: 1px solid #DDD;
	clear: both; 
}

span.enhance {
	color: #0000CC;
	font-weight: bold;
}