﻿/* 1024px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer.

Version: 1.2, April 20, 2006 */

/******** General tags ********/
body{
	line-height: 1.2em;
	background: #02050A url(images/bg.gif) top center repeat-y;
	font: 95% "Verdana", "Trebuchet MS","Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #F3F7FC;
	margin: 0 auto;
	padding: 0;
}
a{
	text-decoration: none;
	color: #D8DBE7;
	font-weight: bold;
}
a:hover{text-decoration:underline;}
a img{border:0;}
p{margin:0 0 18px 10px; font-size:.95em;}
ul,ol,dl{margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}
h1{
	font-size: 1.75em;
	line-height: normal;
	color: #2B6CA7;
	border-bottom: 3px solid #172348;
	padding: 0 2px 2px 5px;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}
h1 a{text-transform:none; color:#4088b8;}
h2{
font-size:1.25em;
color:#2B6CA7;
border-bottom:3px solid #172348;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:1px;
}
h3{
font-size:1em;
font-weight:bold;
color:#2B6CA7;
border-bottom:1px solid #1B4283;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}
blockquote{
font-size:0.9em;
border:1px solid #1B4283;
margin:20px 10px;
padding:8px;
}
#container {
	background-image: url('images/header.jpg');
	background-repeat: no-repeat;
	text-align:center;
	}
/******** Main wrap ********/
#wrap{
	color: #C8DBF5;
	width: 970px;
	margin: 10px auto 10px auto;
	padding: 0;
	text-align:left;
}

#header{
	margin: 0;
}
#toplinks{text-align:right; padding:5px 2px 2px 3px;}
#slogan{
	font-size: 1.5em;
	color: #D8DBE7;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 15px 0px 20px 35px;
	line-height: 1.2em;
}

/******** menu ********/
<style type="text/css">.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a
{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}
.imcm li a img{display:inline;border-width:0px;}
.imcm span{display:inline;}.imcm .imclear,
.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}
.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}
.imcm li{list-style:none;font-size:1px;float:left;}
.imcm ul ul li{width:100%;float:none !important;}
.imcm a{display:block;position:relative;}
.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}
.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}
.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}
.imde ul li:hover .imsubc{visibility:visible;}
.imde ul ul li:hover  .imsubc{visibility:visible;}
.imde ul ul ul li:hover  .imsubc{visibility:visible;}
.imde li:hover ul  .imsubc{visibility:hidden;}
.imde li:hover ul ul .imsubc{visibility:hidden;}
.imde li:hover ul ul ul  .imsubc{visibility:hidden;}
.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}
.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}
/*\*//*/.imcm .imea{visibility:hidden;}/**/</style>
<!--[if IE]><style type="text/css">
.imcm .imea span{position:absolute;}.imcm .imclear,.imclear{display:none;}
.imcm{zoom:1;}
 .imcm li{curosr:hand;}
  .imcm ul{zoom:1}
  .imcm a{zoom:1;}
  </style><![endif]-->
  <!--[if gte IE 7]><style type="text/css">
  .imcm .imsubc{background-image:url(ie_css_fix);}</style>
  <![endif]--><!--end-->

/* --[[ Main Expand Icons ]]-- */
	#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(menu-css/sample3_main_arrow.gif); width:7px; height:5px; left:-7px; top:5px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(sample3_main_arrow.gif); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Sub Expand Icons ]]-- */
	#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(menu-css/sample3_sub_arrow.gif); width:5px; height:7px; left:-5px; top:3px; background-repeat:no-repeat;background-position:top left;}
	#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(menu-css/sample3_sub_arrow.gif); background-repeat:no-repeat;background-position:top left;}


	/* --[[ Main Container ]]-- */
	#imouter0 {background-color:#ffffff; border-style:none; border-color:#6a6a6a; border-width:1px; padding:0px; margin:0px; }


	/* --[[ Sub Container ]]-- */
	#imenus0 li ul {background-color:#efefef; border-style:solid; border-color:#cccccc; border-width:1px; padding:5px; margin:4px 0px 0px; }


	/* --[[ Main Items ]]-- */
	#imenus0 li a, #imenus0 .imctitle {color:#333333; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:underline; border-style:solid; border-color:#dddddd; border-width:1px; padding:2px 8px; }

		/* [hover] - These settings must be duplicated for IE compatibility.*/
		#imenus0 li:hover>a {background-color:#efefef; text-decoration:underline; }
		#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#efefef; text-decoration:underline; }

		/* [active] */
		#imenus0 li a.iactive {}


	/* --[[ Sub Items ]]-- */
	#imenus0 ul a, #imenus0 .imsubc li .imctitle  {color:#555555; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }

		/* [hover] - These settings must be duplicated for IE comptatibility.*/
		#imenus0 ul li:hover>a {color:#000000; text-decoration:underline; }
		#imenus0 ul li a.ihover {color:#000000; text-decoration:underline; }

		/* [active] */
		#imenus0 ul li a.iactive {background-color:#ffffff; }
		
/******** Content variations ********/

#contentalt{
line-height:1.3em;
width:750px;
float:left;
text-align:justify;
padding:0;
margin-right:20px;
color:#Ffffff;
font-size:.90em;

}
h1{
	font-size: 1.75em;
	line-height: normal;
	color: #F3F7FC;
	border-bottom: 3px solid #172348;
	padding: 0 2px 2px 5px;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}
h1 a{text-transform:none; color:#4088b8;}
h2{
font-size:1.25em;
color:#F3F7FC;
border-bottom:3px solid #172348;
padding:0 2px 2px 5px;
margin:0 0 10px 0;
letter-spacing:1px;
}
h3{
font-size:1.2em;
font-weight:bold;
color:#B0BCD0;
border-bottom:1px solid #1B4283;
margin:10px 0 8px 0;
padding:1px 2px 2px 3px;
}
#contentalt p{
	padding-right: 10px;
	color:#F3F7FC;
	
}
#content h3, #contentalt h3{margin:10px 0 8px;}

/******** sidebar ********/
#sidebar{
float:left;
width:195px;
margin:0 0 5px 0;
padding:1px 0 0 0;
}
#sidebar p{
	font-size:10px;
}
#sidebar h2 {
	font-size: 12px;
	border-bottom: 2px solid #172348;
	padding: 0 2px 2px 5px;
	margin: 0 10px 10px 10px;
	letter-spacing: 1px;
}

#sidebar h4 {
	font-size: 12px;
	border-bottom: 2px solid #172348;
	padding: 0 2px 2px 5px;
	margin: 0 10px 10px 10px;
	letter-spacing: 1px;
}
#sidebar ul{
list-style:none;
margin:0;
padding:0 0 15px 10px;
font-size:10px;
}

#sidebar li{
	background-image: url('images/marker.gif');
	list-style: none;
	line-height: 16px;
	margin: 0 0 4px 0;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	
}
#sidebar li li{
	list-style: none;
	line-height: 16px;
	margin: 0 0 4px 0;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	
}

#sidebar li a{
font-size:10px;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}

#newslist{
	font-size: 10px;
}
#newslist li{
	background-image: none;
	line-height: 14px;
	margin: 0 0 4px 0;
	padding: 0 0 0 0;
	list-style-type: disc;
	list-style-position: inside;
	
}


/******** Footer ********/
#footer{
	clear: both;
	text-align: center;
	color: #B0BCD0;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 8px 0;
	line-height: 1.6em;
	background-image: url('images/footer.jpg');
}

#footer p{margin:0; padding:0; font-weight:bold}
#footer a{
	color: #D3DAF8;
}
#footerline {
	background-image: url('images/footer-line.gif');
	background-repeat: repeat;
	height:3px;
}

/******** Various classes ********/
.box{
	color: #ffffff;
	background-color: #172348;
	border: 1px solid #1B4283;
	line-height: 1.3em;
	padding: 5px 5px 5px 8px;
	text-align: center;
	background-image: url('images/box-bg.png');
}
.box a{color:#255DBC;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;float: right;
	}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#255DBC;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#D3DAF8;}
.gray{color:#92B5ED}
.sidetext{
	font-weight:bold;
	line-height:1.2em;
	font-size: 11px;
	text-align:center;
}
.photo{
border:1px solid #172348;
padding:2px;
background-color:#000000;
margin:6px 18px 2px 5px;
}
