@charset "utf-8";
/* CSS Document */

/* commented backslash hack to hide from ie5 mac \*/ 
html, body	{
	height:100%;
	font-family:Arial, Verdana, sans-serif;
	} 
/* end hack */
html,body {
	margin:0;
	padding:0;
}


h1{color:#000000;display:inline;clear:none;font-size:12px;}
h2{color:#666666;display:inline;clear:none;font-size:12px;}
h3{color:#0099CC;display:inline;clear:none;font-size:12px;}
h4{color:#009900;display:inline;clear:none;font-size:12px;}


body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	min-width:1024px;/* stop mozilla sliding off the edge */
	font-family:Arial, Verdana, sans-serif;
	color:#000000;
	background-image:url(images/sub_head_bg.png);
	background-repeat:repeat-x;
}

.container {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1024px; /*orig 1024px*/
	text-align: left;
	min-height:100%;
	margin-bottom:-95px;
	height:auto;
}

* html .container {height:100%;} /* for ie to resize */

.header {
	width:1024px; /*ori 1024px*/
	height:140px;
	border-bottom:0px solid #ccc;
	border-top:0px solid #eee;
}


.footer {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
	clear:both;
	height:95px;
	color: #666666;
	background-image:url(images/sub_foot_bg.png);
	background-repeat:repeat-x;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

.footer_nav_container {
	padding-top:48px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1024px;
}


.clearfooter{
	clear:both;
	height:95px;
}

.menu{
display:block;z-index:99;float:right;height:24px;margin:108px 0px 0px 0px;border:none;position:relative;font-size:14px;
}


.featurewrapper{
width:1000px;
margin:200px 0px 0px 16px;
height:400px;
}

.infomain{
margin:0px 0px 0px 0px;
width:480px;
float:left;
height:320px;
display:block;
}

.info_column_container{
margin:0px 12px 0px 0px;
width:500px;
float:right;
height:290px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:18px;
}

.right_column{
margin:24px 4px 0px 0px;
width:214px;
float:right;
height:264px;
display:block;
}

.left_column{
margin:24px 0px 0px 24px;
text-align:justify;
width:440px;
float:left;
height:94px;
display:block;
}

.social_box{
margin:0px 0px 0px 32px;
text-align:justify;
width:440px;
float:left;
height:auto;
display:block;
}

.icongallery{
margin:58px 0px 0px 0px;
width:200px;
float:right;
clear:both;
height:24px;
display:block;
}

.credits{
width:420px;
height:249px;
display:block;
float:left;
margin:24px 0px 0px 6px;
border:none;
font-size:12px;
color:#333333;
text-align:justify;
}

.w3cert{
width:214px;
height:36px;
display:block;
float:left;
margin:36px 0px 0px 36px;
border:none;
}

.feature{
background-image:url(images/main.png);
background-repeat:no-repeat;
width:488px;
height:266px;
display:block;
float:left;
margin:0px 0px 0px 16px;
border:none;
}





a:link {text-decoration:none;color:#333333;font-size:12px;padding:0px 18px 0px 0px;}
a:visited {text-decoration:none;color:#333333;font-size:12px;padding:0px 18px 0px 0px;}
a:active {text-decoration:none;color:#333333;font-size:12px;padding:0px 18px 0px 0px;}
a:hover {text-decoration:none;color:#0099CC;font-size:12px;padding:0px 18px 0px 0px;}

a.white:link {text-decoration:none;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}
a.white:visited {text-decoration:none;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}
a.white:active {text-decoration:none;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}
a.white:hover {text-decoration:underline;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}

a.nav:link {text-decoration:none;color:#333333;font-size:14px;margin:0px 20px 0px 0px;}
a.nav:visited {text-decoration:none;color:#333333;font-size:14px;margin:0px 20px 0px 0px;}
a.nav:active {text-decoration:none;color:#333333;font-size:14px;margin:0px 24px 0px 0px;}
a.nav:hover {text-decoration:none;color:#0099CC;font-size:14px;margin:0px 20px 0px 0px;}

a.footnav:link {font-size:11px;text-decoration:none;color:#aaaaaa;padding:0px 11px 0px 0px;}
a.footnav:visited {font-size:11px;text-decoration:none;color:#aaaaaa;padding:0px 11px 0px 0px;}
a.footnav:active {font-size:11px;text-decoration:none;color:#aaaaaa;padding:0px 11px 0px 0px;}
a.footnav:hover {font-size:11px;text-decoration:underline;color:#aaaaaa;padding:0px 11px 0px 0px;}

a.icon:link {text-decoration:none;color:#333333;font-size:14px;margin:0px 6px 0px 0px;padding:0px 0px 0px 0px;}
a.icon:visited {text-decoration:none;color:#333333;font-size:14px;margin:0px 6px 0px 0px;padding:0px 0px 0px 0px;}
a.icon:active {text-decoration:none;color:#333333;font-size:14px;margin:0px 6px 0px 0px;padding:0px 0px 0px 0px;}
a.icon:hover {text-decoration:none;color:#0099CC;font-size:14px;margin:0px 6px 0px 0px;padding:0px 0px 0px 0px;}