@charset "UTF-8";

/* RESET CSS */

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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;} ol, ul, li {list-style: none;}


/* BACKGROUND TEMPLATED CSS */

body, html {
	width:100%;
	height:100%;
	background-color:#37B1F6;
	color:#404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

#menu {
	width:100%;
	height:42px;
	background:#404040;
	color:#FFF;
}

#menu_btm_line {
	width:100%;
	height:1px;
	background:#000;
}

#header {
	width:100%;
	height:235px;
	background:#0080C8;
}

#header_top_line {
	width:100%;
	height:1px;
	background:#4DA6D9;
}

#header_btm_line {
	width:100%;
	height:1px;
	background:#0066A0;
}

#content {
	width:728px;
	margin:auto;
	padding:0 100px 0 100px;
	display:block;
	background: url(../images/tile.png) repeat-y -928px 0;
}

#footer {
	width:928px;
	height:50px;
	margin:auto;
	background: url(../images/tile.png) repeat-y 0 0;
}

/* CONTENT ITEM CSS */

#menu ul {
	width:928px;
	height:30px;
	margin:0 auto;
	padding:12px 0 0 0;
	list-style:none;
	background: url(../images/header.jpg) no-repeat 0 1px;
}

#menu ul li {
	display:inline;
}

#menu ul li.logo {
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	padding: 0 50px 0 15px;
}

#menu ul li a, #menu ul li a:visited {
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding: 0 20px 0 0;
	color:#FFF;
}

#menu ul li a:hover {
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding: 0 20px 0 0;
	color:#37B1F6;
}

#menu_btm_line #display {
	width:928px;
	height:1px;
	margin:auto;
	background: url(../images/header.jpg) no-repeat 0 -41px;
}

#header_top_line #display {
	width:928px;
	height:1px;
	margin:auto;
	background: url(../images/header.jpg) no-repeat 0 -42px;
}

#header #display {
	width:928px;
	height:235px;
	margin:auto;
	background: url(../images/header.jpg) no-repeat 0 -43px;
}

#header_btm_line #display {
	width:928px;
	height:1px;
	margin:auto;
	background: url(../images/header.jpg) no-repeat 0 -278px;
}

#title {
	width:728px;
	display:block;
	padding:0px 100px 0px 100px;
	min-height:45px;
	margin:auto;
	overflow:visible;
	background: url(../images/header.jpg) no-repeat 0 -279px;
}

h1 {
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	color:#37B1F6;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#37B1F6;
	font-weight:bold;
	margin-bottom:0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#404040;
}

.blue {color:#37B1F6;}

.grey {color:#404040;}

a, a:visited {
	color:#37B1F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}

a:hover {
	color:#404040;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-decoration:none;
}

#boxes {
	width:728px;
	display:block;
	margin:auto;
	background:url(../images/boxes.jpg) repeat-y -728px 0;
}

#boxes_top {
	width:728px;
	height:152px;
	margin:auto;
	background:url(../images/boxes.jpg) no-repeat 0 0;
}

#boxes_btm {
	width:728px;
	height:20px;
	margin:auto;
	background:url(../images/boxes.jpg) no-repeat 0 -184px;
}

#boxes #one {
	width:196px;
	display:block;
	padding:0 15px 0 15px;
	float:left;
}

#boxes #two {
	width:196px;
	display:block;
	padding:0 15px 0 40px;
	float:left;
}

#boxes #three {
	width:196px;
	display:block;
	padding:0 15px 0 40px;
	float:left;
}

#clearfix {
	clear:both;	
}

#greenbox_content {
	width:698px;
	display:block;
	padding: 0 15px 0 15px;
	margin:auto;
	background:url(../images/green-box.png) repeat-y -728px 0;
}

#greenbox_top {
	width:728px;
	height:20px;
	margin:auto;
	background:url(../images/green-box.png) no-repeat 0 0;
}

#greenbox_btm {
	width:728px;
	height:20px;
	margin:auto;
	background:url(../images/green-box.png) no-repeat 0 -55px;
}
