@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;
}

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/bodybg.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:-40px;
	height:auto;
}

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

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


.footer {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 1024px;
	clear:both;
	height:40px;
	color: #666666;
	background-repeat:no-repeat;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

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

.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:0px 0px 0px 16px;
}

.innermain{
margin:36px 0px 0px 0px;
width:748px;
float:left;
height:320px;
display:block;
}

.innersecondary{
margin:36px 12px 0px 0px;
width:214px;
float:right;
height:330px;
display:block;
}

.defineinnersecondary{
margin:10px 48px 0px 0px;
background-image:url(images/transparent_blk.png);
background-repeat:repeat;
width:214px;
float:right;
height:249px;
display:block;
}

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

.credits{
background-image:url(images/transparent_blk.png);
background-repeat:repeat;
width:214px;
height:249px;
display:block;
float:left;
margin:10px 0px 0px 16px;
border:none;
}

.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.e:link {text-decoration:none;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}
a.e:visited {text-decoration:none;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}
a.e:active {text-decoration:none;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}
a.e:hover {text-decoration:underline;color:#CCCCCC;font-size:11px;padding:0px 0px 0px 0px;}

a.d:link {text-decoration:none;color:#999999;font-size:11px;padding:0px 0px 0px 0px;}
a.d:visited {text-decoration:none;color:#999999;font-size:11px;padding:0px 0px 0px 0px;}
a.d:active {text-decoration:none;color:#999999;font-size:11px;padding:0px 0px 0px 0px;}
a.d:hover {text-decoration:underline;color:#999999;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;}