@charset "utf-8";

/* CSS Document */



/*  CSS 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,

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;

}



:focus {outline: 0;}

.clear {clear: both;}

.skip {display: none;}

.hide {display: none;}

.visible {visibility: visible;}

.left {float: left;}

.right {float: right;}



bold, strong { font-weight: bold;}

i, em { font-style: italic;}



/* Basic CSS */



body {

	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #333;

	background: #01B7C2 url(../images/page_bg.jpg) top repeat-x;

}



h1,h2,h3,h4,h5,h6 {

	color: #0094A2;

	font-weight: bold;

	font-size: 1.4em;

	padding: 0.2em .5em;

	border-bottom: 1px solid #000;

	margin-left: 1em;

}



h1 { 

	text-transform: uppercase; 

	font-style: italic;

	border-bottom: 5px solid #000;

}



h2,h3,h4,h5,h6 {

	color: #0f60ae;

	font-size: 1.2em;

	padding: 0.2em 0.7em;

}



p {

	font-size: 1em;

	padding: 0.5em 2em;

}

p.image img {padding: 0.2em; border: 1px solid #ccc; margin: 0.5em; background: #fff;}

p.preamble { color: #0f60ae; font-style: italic;}

a {	text-decoration: none; 	color: #01B7C2;}

a:hover { text-decoration: underline;}



ul {

	font-size: 1em;

	margin: 0 2em;

}





/* Layout Divs */



#container {

	width: 960px;

	margin: 0 auto;

	background: #fff url(../images/container_bg.jpg) top repeat-y;

}



	#header {

		background: url(../images/header_bg.jpg) top no-repeat;

		height: 121px;

		position: relative;

	}

	#flash {

		height: 121px;
		padding-left: 350px;

			}

	

	#content {

		width: 100%;

		overflow: hidden;

	}

	

		

		#colLeft {

			width: 310px;

			float: left;

			background: url(../images/column_bg.jpg) top no-repeat;

			padding: 1em 0;

		}

		

		

		#colRight {

			width: 649px;

			background: url(../images/content_bg.jpg) top right no-repeat;

			float: right;

			padding: 180px 0 1em 0;

		}



		

			#news {

				font-size: 0.8em;

				list-style: none;

				margin: 0;

			}

			

				#news li a {

					padding: 10px;

					clear: left;

					display: block;

					height: 100px;

					color: #555;

					border-bottom: 1px dotted #ccc;

				}

				

				#news li a img {

					float: left;

					padding: 0.2em;

					border: 1px solid #ccc;

					margin: 0 10px 10px 0

				}

				

				#news li a span.newsTitle {

					width: 300px;

					display: block;

					font-weight: bold;

				}

				

				#news li a:hover {

					background: #7E8E97;

					color: #fff;

					text-decoration: none;

				}

		

	#footer {

		clear: both;

		margin: 1em auto;

		width: 960px;

		font-size: 0.8em;

		letter-spacing: 0.2em;

		text-align: center;

		color: #ccc;

	}

	

		#footer a{ color:#fff;}