/* ------ Default Styles ------ */

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/14px Arial,sans-serif; color: #3a3a3a; text-align: left; background: #cad8e3 url(../img/background_img.jpg) repeat-x 0 0; padding-top: 10px; }

a { color: #ffc50c; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr {
	float: right;
	display:inline;
	font-size: 12px;
}
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 980px; margin: 0 auto; p}

.box { margin-bottom: 10px; }
.box .cnt { height: 100%; background: #fff; padding: 5px 10px; }
.box .bottom { background: url(../img/box-bottom.gif) no-repeat 0 0; height: 3px; }
.box .top {
	background: url(../img/box-top.gif) no-repeat 0 0;
	height: 4px;
	font-size: 0;
	line-height: 0;
	text-indent: -4000px;
}


/* ------ Header ------ */
#header {
	background: url(../img/header_img.jpg);
	height: 104px;
	width: 960;
}

h1#logo {
	height: 90px;
	width: 400px;
	margin: 7px 0 0 10px;
}
h1#logo a {
	display: block;
	height: 90px;
	background: url(../img/logo.jpg);
	background-repeat: no-repeat;
	text-indent: -4000px;
}
#header p {
	text-indent: -4000px;
	margin-top: -20px;
	height: 0;
	width: 0;
}


/* ------ Navigation ------ */
#navigation {
	height: 32px;
	background: url(../img/navigation.gif) no-repeat 0 0;
	padding-top: 4px;
	margin: 5px 0;
}

#navigation ul {
	list-style: none outside;
	float: left;
	display: inline;
	width: 90%;
	margin-left: 4px;
}

#navigation li {
	float: left;
	display: inline;
	height: 28px;
	margin-right: 5px;
}

#navigation li a {
	float: left;
	display: inline;
	height: 28px;
	width: 84px;
	padding-right: 10px;
	background: url(../img/nav-bg.gif) no-repeat 0 0;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 28px;
	color: #616b63;
}

#navigation li a:hover, 
#navigation li a.active {
	background-position: -94px 0;
	text-decoration: none;
}

/* Column */
.column { float: left; display: inline; width: 310px; }

.middle-col { margin: 0 15px; }

.service {
	width: 280px;
	height: 164px;
	padding: 7px 15px;
}

.service p {
	text-align: center;
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	padding: 5px 0;
}

.service .more {
	display: block;
	height: 28px;
	width: 113px;
	text-align: center;
	color: #5d5d5d;
	font-size: 13px;
	line-height: 28px;
	margin: 10px auto 10px auto;
}


/* ------ top_img ------ */
#top_img {
	margin-bottom: 13px;
}



/* ------ Three Box ------ */
/* Red Box */
.red-box { background: url(../img/red-box.jpg) no-repeat 0 0; }
.red-box h2 { height: 57px; }
.red-box h2 span {
	display: block;
	height: 21px;
	margin-left: 40px;
	position: relative;
	top: 15px;
}

/* Orange Box */
.orange-box { background: url(../img/orange-box.jpg) no-repeat 0 0; }
.orange-box h2 { height: 57px; }
.orange-box h2 span {
	display: block;
	height: 26px;
	margin-left:47px;
	position: relative;
	top: 15px;
}

/* Green Box */
.green-box { background: url(../img/green-box.jpg) no-repeat 0 0; }
.green-box h2 { height: 57px; }
.green-box h2 span {
	display: block;
	height: 26px;
	margin-left: 48px;
	position: relative;
	top: 15px;
}


/* ------ Latest News ------ */
.latest-news { height: 100%; background: url(../img/latest-news-bg.gif) repeat-y 0 0; }
.latest-news .latest-bottom { background: url(../img/latest-news-bottom.gif) no-repeat 0 bottom; }
.latest-news .latest-top { background: url(../img/latest-news-top.gif) no-repeat 0 top; padding: 7px; }

.latest-news h2 {
	font-size: 16px;
	color: #666666;
	margin: 7px 0 5px 0;
	padding-left: 10px;
}

.latest-news .news {
	padding: 10px 5px;
	background: url(../img/latest-news-separator.gif) repeat-x 0 bottom;
	margin: 0 5px;
}

.latest-news .news small {
	display: block;
	color: #01297A;
	font-size: 11px;
	margin-bottom: 3px;
}

.latest-news .news p { line-height: 15px; color: #5a5a5a; }

.latest-news .actions {
	float: right;
	display: inline;
	background: url(../img/latest-news-actions.gif) no-repeat 0 bottom;
	line-height: 12px;
	padding-left: 15px;
	color: #c24426;
	text-decoration: underline;
	margin:  10px 5px 5px 5px;
}

.latest-news .actions:hover { text-decoration: none; }


/* ------ Other News ------ */
.post {
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
} 
.post h2 { font: 15px "Trebuchet MS", Arial, sans-serif; color: #404040; margin-bottom: 7px; }
.post h2 span {
	color: #01297A;
	font-weight: bold;
}
.post p {
	padding-bottom: 10px;
	font-size: 13px;
}

.post .more {
	display: block;
	height: 11px;
	background: url(../img/latest-news-actions.gif) no-repeat 0 0;
	padding-left: 15px;
	line-height: 11px;
	font-size: 12px;
	color: #c24426;
	text-decoration: underline;
}

.post .more:hover { text-decoration: none; }
.post ul { list-style: none outside; padding: 20px 0 0 0; }

.post li {
	background: url(../img/latest-news-actions.gif) no-repeat 0 2px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.post li a {
	font-size: 11px;
	line-height: 11px;
	color: #c24426;
	text-decoration: underline;
}

.post li a:hover { text-decoration: none; }

.credit {
	font-size: 10px;
	color: #666666;
	text-align: right;
	width: 270px;
	margin: -14px 0 5px 0;
	padding: 0 0 5px 0;
}

/* ------ Footer ------ */
#footer { padding: 10px 0; font-size: 15px; }
#footer a { color: #3a3a3a; text-decoration: underline; }
#footer a:hover { text-decoration: none; }