/* RESET
===========================================================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body 				{ color: black; background: white; }
ol, ul 				{ list-style: none; }


/* GLOBAL
===========================================================================================================*/
html, body 			{ height: 100%; }
body 				{ font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:62.5%; line-height:1.8em; color:#467aa7; text-align:center; }

/* Block */
p 					{ margin:1.5em 0 0 0; color:#467aa7;}

/* Inline */
strong 				{ font-weight:bold; }
em 					{ font-style:italic; }

/* Lists */
ul					{ margin:1.5em 0 0 18px; list-style:square; }
li 					{ margin:1.5em 0; line-height:1.5em; }
ol 					{ margin-left:20px; list-style:decimal; }


/* HEADERS
===========================================================================================================*/
h1, h2, h3,
h4, h5, h6	{ color:#467aa7; }
h1 			{ margin:0.625em 0 0 0;font-size:24px; line-height:1.2em; font-weight:bold; }
h2 			{ margin:1em 0 0 0; font-size:18px; font-weight:bold; line-height:1em; }
h3 			{ margin:1.285em 0 0 0;font-size:14px;font-weight:bold;line-height:1.285em; }
h4 			{ margin:1.5em 0 0 0; font-size:12px;font-weight:bold;line-height:1.5em; } 


/* LINKS
===========================================================================================================*/
a:link 				{ color:#467aa7; }
a:visited 			{ color:#467aa7; } 
a:hover 			{ text-decoration:none; }
h1 a, h2 a, h3 a	{ text-decoration:none; }
h1 a:hover,
h2 a:hover,
h3 a:hover 			{ text-decoration:underline; }


/* HEADER
===========================================================================================================*/
#header_wrap 	{ min-height:117px; background:url(../images/header-bg.png) 0 100% repeat-x #484848; text-align:left;}
#header 		{ height:70px; width:910px; margin:0 auto; }

#gridlogo 		{ float:left; margin:0; height:80px; width:210px; background: url(../images/gridlogo.png) 0 25px no-repeat; text-indent:-9999px; }
h1#gridlogo a 	{ display:block; height:70px; width:169px; }


/* NAV
===========================================================================================================*/
#gridnav 							{clear:both; width:910px; margin:0 auto; /*padding-left:1px;*/}
#gridnav ul	 						{margin:0.8em auto 0 auto; padding:0; width:100%; list-style: none; }
#gridnav h2							{margin:0; padding:0; font-size:1em; line-height:1.5em; font-weight:normal;}
#gridnav ul li  						{ float:left; margin:0; padding:0.7em 0 0 0; }
#gridnav ul li a						{ float:left; padding:0 0 0 13px; background:url(../images/firstnav_left-btn.png) no-repeat left top; border-bottom:1px solid #969696; text-decoration:none; }
#gridnav ul li a span 					{ float:left; display:block; padding:0.75em 1.083em 0.583em 0; width:104px; /*width:8.665em;*/ background:url(../images/firstnav_right-btn.png) no-repeat right top; font-size:1.2em; text-align:center; color:#333; white-space:nowrap; }
#gridnav ul a:hover					{ cursor:pointer;background-position:0% -64px; }
#gridnav ul a:hover span 				{ background-position:100% -64px; }


/* CONTENT
===========================================================================================================*/
#content_wrap	{ clear:both; width:910px; margin:0 auto; text-align:left; margin-bottom:10%;}
#content 		{ margin-top:8px; font-size:1.2em; }


/* MENU BLOCKS
===========================================================================================================*/
#menublock {float:right; width:26%; height:200px; border:1px solid #CCCCCC; padding-top:0.5em;}
#menublock2 {float:right; width:26%; height:420px; border:1px solid #CCCCCC; margin-top:1em; margin-bottom:1em; }

#menublock h1 {font-size:18px;}
	
.menublock{ margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-size:12px; font-weight:bold; text-decoration:none; color:#467aa7;}
.menublock li a:hover{text-decoration:underline;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}


/* CREDITS BLOCK
===========================================================================================================*/

.creditsblock {text-align:center; padding-bottom:1em; padding-right:2em; margin-top:0px; margin-bottom:0px;}
.creditsblock li {list-style:none; display:block; margin:1em; padding:0px;}


/* FOOTER
===========================================================================================================*/
#main_wrap { min-height:100%; height:auto !important; height:100%; margin:0 auto -8.2em;}  /* the bottom margin is the negative value of the footer's height */

#footer_wrap {height:7em; margin-top:10px;}
#footer_wrap {clear:both; background:url(../images/footer-bg.png) 0 0 repeat-x #fff; text-align:center; font-size:12px; color:#CCCCCC;}

#copyright {clear:both; font-size:12px; color:#fff; padding-top:2em;}


/* MISC
===========================================================================================================*/
.clearfix:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfix 		{ display:inline-block; }
.clearfix 		{ display:block; }