/* Set up page */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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;
	background: transparent;
}
:focus {
	outline : 0;
}
table {
	border-collapse : collapse;
	border-spacing : 0;
}
caption, th, td {
	text-align : left;
	font-weight : normal;
}
blockquote, q {
	quotes : "" "";
}
html {
	font-family: arial, helvetica, sans-serif;
	/* 1.0em is equal to 10px, and 1.2em is equal to 12px etc */
	font-size: 62.5%;
}

body {
    margin: 3px;
    padding: 0px;
    text-align: center;
    background-image:url('../images/site/bg.gif');
    background-repeat:repeat-x;
    z-index:0;
}

div {
	padding: 0px;
	margin: 0px;
}

h1 {
	margin-bottom:10px;
}
h2 {
	margin-bottom:10px;
}
p {
	margin-bottom:1.2em;
}
li {
	font-size:100%;
}
ul {
	margin-bottom:1.2em;
	margin-left:1.2em;
}
/** Table styles */

td, th {
	font-size:1.2em;
	line-height:1.4em;
	padding: 5px;
}

thead th {
	background: #fff url('../images/site/th_bg.gif') repeat-x scroll center bottom;
	border: 1px solid #999;
	color: #000;
	line-height:1.4em;
	padding: 0.4em;
}

th {
	font-weight:bold;
}

/** Site layout */

div#container {
    width: 984px;
    margin: 0px auto;
    margin-top: 170px;
    text-align: left;
    padding: 0px;
    border: 0px solid #000000;
}

div#contentContainer {
}

div#header {
    position:absolute;
    margin-top:-170px;
    width:984px;
}

div#utility {
    position:absolute;
    margin-top:-170px;
    width:984px;
}

div#menu {
    position:absolute;
    height: 48px;
	padding:0px;
	margin:0px;
	top:119px;
}

div#main {
	float:right;
	width: 724px;
}

div#sidebar {
	float:left;
	width: 253px;
	margin-right:5px;
	margin-top:5px;
}

div#news {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #e7f1f4;
}

div#news h1 {
	background-color:#e7f1f4;
	margin:0px;
	padding:5px;
	color:#0b85be;
	font-size:1.8em;
}

div#news ul {
	list-style-type:none;
	margin:0px;
	padding:5px;
}

div#footer {
	clear:both;
}

/** [end] Site layout */

/** header styles */

div#header {
}

div#header div#logo {
    margin-top:10px;
    margin-left:11px;
    width:446px;
    height:91px;
    background-image:url('../images/site/logo.gif');
}

div#header div#info {
    font-family: Tahoma;
    color:#5085bb;
    margin-top:-28px;
	font-size:1.2em;
	text-align:right;
}

div#header div#info div {
	margin-left: 15px;
}

.left {
	float:left;
}

.right {
	float:right;
}

/** [end] header styles */

/** utility styles */

div#utility ul {
    list-style:none;
    margin:0px;
    padding:0px;
    float:right;
}

div#utility ul li {
    margin:0px;
    margin-right:15px;
    padding:0px;
    float:left;
}

div#utility ul li a {
    text-decoration:none;
}

/** [end] utility styles */

/** menu styles */
/** http://v3.thewatchmakerproject.com/journal/154/simple-css-how-to-make-clickable-areas-bigger */

#menu ul {
	list-style-type:none;
	/*overflow:auto;*/
	padding:0px;
	margin:0px;
}

#menu ul li {
	list-style-image:none;
	float:left;
	margin: 0px;
	padding:0px;
    border-left:2px solid #dfdfdf;
	font-size:1.1em;
}

#menu ul li.last {
    border-right:2px solid #dfdfdf;
}

#menu ul li#current {
    background-image:url('../images/site/menu_selected_bg.gif');
    background-repeat:repeat-x;
	padding:0px;
	margin:0px;
}

#menu ul li a {
	text-decoration:none;
	padding:16px 20px;
	display:block;
	font-size:1.3em;
    color:#fff;
}

* html #menu ul li a {
	width: 1%;
}

#menu ul li a:hover {
	text-decoration: underline;
    background-image:url('../images/site/menu_selected_bg.gif');
}

/** [end] menu styles */

h1 {
    color:#154f8c;
	font-size:2.4em;
}

h2 {
	font-size:1.8em;
}

p {
	font-size:1.2em;
}

.note {
    font-weight:bold;
}

.importantNote {
    font-weight:bold;
	font-size:1.3em;
	font-style:italic;
}

.pageImage {
    float:right;
    margin:5px;
}

.datetime {
	float:left;
	height:50px;
	width:50px;
	background-image:url('../images/site/date.png');
	font-size:10px;
	font-weight:700;
	text-align:center;
	color:#FFFFFF;
	line-height:20px;
	margin:0 10px 0 0;
}

.datetime span {
	display:block;
	line-height:30px;
	color:#fff;
	font-size:15px;
}

.message {
	border: 1px solid #990; 
	background-color: #ffc; 
	padding: 0px 4px 1px 4px;
}