@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------

	COLORS
	-------------------------------------------
	black: 			#02161f
	dark blue:		#006699
	blue:			#0099cc
	light blue:		#89b8d1 
	grey blue:		#cce0eb
	
	CHAPTERS
	-------------------------------------------
	1.	CSS reset
	2.	Page building
	3.	Navigation
	4.	Text
	5.	Blocks
	6.	Slider
	7.	Links
	8.	Footer
	9.	Forms
	*.	Helpers
	
	
	
	1. CSS RESET v1.0 | 20080212 (meyerweb.com)
-------------------------------------------- */

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: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

img {
	behavior: url("css/iepngfix_v2/iepngfix.htc"); 
	}


/* --------------------------------------------
	2. PAGE BUILDING
-------------------------------------------- */

body {
font-family: Verdana, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 300;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #FFF;
}

.head_wrap {width:100%; height: 300px;}
.head {background:url(img/bg_header.jpg) no-repeat; margin: auto; width:1000px; min-height:300px;}

.content_wrap {background:url(img/bg_body.jpg) repeat-x top #203d3d; width:100%; min-height:400px; padding: 0 0 150px 0;}
.content { width: 1000px; min-height:400px; margin: auto; padding: 20px 0 20px 0;}

.footer {width:100%; height: 100px; background:#FFF; text-align: center; font-weight: bold; font-size: 10px; color: #999;}

.nav_wrap {width: 100%; border-bottom: dotted 1px #FFF;}

.nav {clear: both; width: 100%; height:35px;}
.nav ul {float: left; }
.nav li {float: left; margin: 10px 40px 0 0; font-size: 15px; vertical-align: bottom; display: inline; line-height: 35px;}
.nav li a {text-decoration:none; color:#6caa00; text-transform: uppercase; vertical-align: bottom; }
.nav li a:hover {color: #000; text-decoration:underline;}

.hNews {width: 400px;}
.hNews .item .cal {width: 70px; height:70px; background:url(img/cal.png) no-repeat top left; float: left;}
.hNews .item .text {float: left; width:330px; }



/* --------------------------------------------
	3. TEXT
-------------------------------------------- */
h1 {font-size: 18px; font-weight: bold; margin:10px 0 15px 0; color:#6caa00;}
b {font-weight: bold;}

.content_wrap a {color:#DDD; text-decoration: none; font-size: 10px; font-weight: bold;}
.content_wrap a:hover {color:#FFF; text-decoration: underline;}

/* --------------------------------------------
	*. HELPERS
-------------------------------------------- */
.clear {clear: both;}
.clear_dot {clear: both; height:2px; width: 100%; background:url(img/dot.png) repeat-x;}
.clear_line {clear: both; height:2px; width: 100%; background:url(img/line.png) repeat-x; padding: 5px 0 20px 0;}
#readon {clear:both; background:url(img/read_on.png) bottom; width: 96px; height: 19px; display: block; margin: 5px 0 0 0; float: right;}
#readon:hover {clear:both; background:url(img/read_on.png) top;}