@media screen, projection {

/*---------------------------------------------------------------------------------------
--- RESETS & CLEARFIX
---------------------------------------------------------------------------------------*/
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,
table, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

html{ height:100%; }
body{ font-family:Georgia, "Times New Roman", Times, serif; height:100%; color:#555; background:#e9f2fc url(images/body_bg.png) repeat-x top; }

a { color:#31557f; text-decoration:none; }

/*---------------------------------------------------------------------------------------
--- STYLE
---------------------------------------------------------------------------------------*/
#wrapper {
	width:901px;
	margin:0 auto;
	background: url(images/main_bg.png) center repeat-y;
	}
	
#logo {
	margin-top:68px;
	width:901px;
	height:26px;
	background:url(images/header_bg_top.jpg) no-repeat;
	text-align:right;
}	

#homeheader { 
	width:901px;
	height:341px;
	background:url(images/header_home.jpg) no-repeat;
	}

#contentheader {
	width:901px;
	height:137px;
}

.headerWho { background:url(images/header_who.jpg) no-repeat; }
.headerWhat { background:url(images/header_what.jpg) no-repeat; }
.headerWhere { background:url(images/header_where.jpg) no-repeat; }
.headerBlanko { background:url(images/header_blanko.jpg) no-repeat; }

#main {
	width:901px;
	background:url(images/footer_bg.jpg) bottom center no-repeat;
	}
	
#boxLeft, #boxCenter, #boxRight {
	float:left;
	font-size:12px;
	line-height:19px;
	margin-bottom:58px;
	margin-top:42px;
	}	
	
#boxLeft {
	width:215px;
	margin-left:60px;
	}	
	
#boxCenter {
	width:230px;
	margin-left:55px;
	}

#boxRight {
	width:215px;
	margin-left:55px;
	}	
	
#boxLeft img, #boxCenter img, #boxRight img { margin-bottom:17px; }	

/*---------------------------------------------------------------------------------------
--- Menu
---------------------------------------------------------------------------------------*/
	
#menu {display:block; width:838px; height:37px; margin-left:32px; background:#cce1f1 url(images/menu_bg.png) repeat-x;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; display:block;}
#menu li.navHome {background:transparent url(images/nav_home_off.png); width:114px;}
#menu li.navHomeCurrent {background:transparent url(images/nav_home_on.png); width:114px;}
#menu li.navWho {background:transparent url(images/nav_who_off.png); width:178px;}
#menu li.navWhoCurrent {background:transparent url(images/nav_who_on.png); width:178px;}
#menu li.navWhat {background:transparent url(images/nav_what_off.png); width:179px;}
#menu li.navWhatCurrent {background:transparent url(images/nav_what_on.png); width:179px;}
#menu li.navWhere {background:transparent url(images/nav_where_off.png); width:199px;}
#menu li.navWhereCurrent {background:transparent url(images/nav_where_on.png); width:199px;}
#menu a {display:block; padding-top:37px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:37px; he\ight:0;}

#menu a#linkHome {background:transparent url(images/nav_home_on.png) -114px -37px no-repeat; width:114px;}
#menu a#linkWho {background:transparent url(images/nav_who_on.png) -178px -37px no-repeat; width:178px;}
#menu a#linkWhat {background:transparent url(images/nav_what_on.png) -114px -37px no-repeat; width:179px;}
#menu a#linkWhere {background:transparent url(images/nav_where_on.png) -114px -37px no-repeat; width:199px;}

#menu a#linkHome:hover {background-position:top right; z-index:50;}
#menu a#linkWho:hover {background-position:top right; z-index:50;}
#menu a#linkWhat:hover {background-position:top right; z-index:50;}
#menu a#linkWhere:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:37px; he\ight:0;}
	
		
	
#content {
	width:535px;
	margin-top:36px;
	margin-left:60px;
	margin-bottom:50px;
	float:left;
	font-size:15px;
	line-height:24px;
	}
	
#contentWhere {
	width:535px;
	margin-top:36px;
	margin-left:60px;
	margin-bottom:242px;
	float:left;
	}	
	
#content p, #contentWhere p { padding-bottom:23px; }	
	
.menea { font-style:italic; }

.normal { font-size:15px; line-height:24px; }

.large { color:#31557f; font-size:18px; line-height:26px; }

#content ul { margin-left:30px; }

#content li { font-size:15px; line-height:24px; background:url(images/list.png) no-repeat 0 5px; padding-left:24px; }

#sidebar {
	width:230px;
	margin-top:43px;
	margin-left:45px;
	float:left;
	background:url(images/sidebar_head.png) no-repeat top;
	font-size:12px;
	}		
	
#sidebar ul {
	margin-top:39px;
	}	
	
#sidebar li {
	display:block;
	border-top:1px solid #8fbde0;
	padding:6px 0 6px 0;
	}	
	
li.last { border-bottom:1px solid #8fbde0; }	
	
#footer {
	width:887px;
	height:69px;
	background:#e9f2fc;
	text-align:right;
	padding-right:15px;
	}	
	
/*---------------------------------------------------------------------------------------
--- Form
---------------------------------------------------------------------------------------*/	
#contact p, label, legend { font-size:15px; }
#contact { display:block; width:535px; background-color:#fff; font-size:15px; }
#contact label { display:inline-block; float:left; height:26px; width:220px; }
#contact .input, textarea { width: 280px; padding:5px; color:#666; background:#cce1f1; margin-bottom:7px; border:none; font-size:15px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* #contact select { width: 140px; padding: 5px; color: #666; background: #8fbde0; margin-bottom:7px; border:none; font-size:15px; -moz-border-radius:3px; -webkit-border-radius:3px; } */
/* #contact input:focus, textarea:focus, select:focus {border:none; background-color: #cce1f1; color:#333; } */
#contact .submit { width:90px; cursor:pointer; }
#contact legend { font-size:18px; color:#31557f; padding-bottom:20px; }
#contact span.radioleft { padding-right:12px; }
#contact #calldate { width:120px; }
#contact #verify { width:30px; }
#contact span.required{ color:#ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }
.error_message { display:block; height:22px; line-height:22px; background:#FBE3E4 url('images/error.gif') no-repeat 10px center; padding:3px 10px 3px 35px; color:#8a1f11; }
.loader { padding:0 10px; }
#contact #success_page h1 { background:url('images/success.gif') left no-repeat; padding-left:22px; color:#547427; font-size:18px; line-height:26px; }
#success_page { margin-bottom:242px; }
acronym { border-bottom:1px dotted #ccc; }
	
	
/*---------------------------------------------------------------------------------------
--- IE STUFF
---------------------------------------------------------------------------------------*/

#ie6 #menu { height:35px; }
#ie6 #menu a { padding-top:36px; }
#ie6 #boxLeft { margin-left:30px; }
#ie6 #content, #ie6 #contentWhere { margin-left:32px; }

#ie7 #callback {margin-top:-6px; }

}
/*---------------------------------------------------------------------------------------
--- PRINT 
---------------------------------------------------------------------------------------*/
@media print {
	
	body {
    	background: #fff;
    	color: #000;
	}
	
}