/* Key styles for: CLIENT*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: NAME, DAY MONTH YEAR */

/*Reset Styles*/
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;
}

body{font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #b6b5c3; color: #555;}
#shadow span.bottom, #shadow span.middle, #shadow span.top, img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff;}


#banner{overflow: hidden; height: 130px;}
#logo{float: left; padding: 0 10px;}
#banner-content{float: right; padding: 20px; width: 280px;}
#title {color: #F38325; font-size: 22px; margin-top: 50px; width: 550px; margin-bottom: -75px; font-family: "Trebuchet MS";}
#navigation{background: #2b4a6a; overflow: hidden; clear: both}

#feature {height: 360px;}
#sub-feature {height: 100px;}

#content {background-color: #fff; width: 920px; overflow: hidden; padding: 20px;}
#content .col {position: relative; float: left;}
#col1 {width: 405px; padding-right: 25px;}
#col2 {width: 216px; border-left: 1px solid #e4e4e4; padding: 0 15px;}
#col3 {width: 216px; border-left: 1px solid #e4e4e4; padding-left: 15px;}
#sidebar{width: 220px;}
#main {width: 660px; padding-left: 40px;}

#footer{background: #2b4a6a;}
#webdeveloper{margin-left: auto; margin-right: auto; width: 960px; margin-bottom: 10px;}

/*Navigation Styles*/
#navigation ul {padding: 10px;}
#navigation li {margin: 0; display: inline; list-style: none;}
#navigation li a{margin: 10px; text-decoration: none; color: #fff; font-size: 1.4em; }
#navigation li a:hover {color: #fab771;}
#navigation li.current a {color: #fab771;}

/*Sub-Navigation Styles*/
#sub-navigation ul {margin-bottom: 20px; margin-left: 0!important;}
#sub-navigation li {margin: 0; display: block; list-style: none; border-bottom: 1px dashed #bbb}
#sub-navigation li a{margin: 5px 5px 5px 0; text-decoration: none; color: #2b4a6a; font-size: 1.2em; display: block;}
#sub-navigation li a:hover {color: #F38325;}
#sub-navigation li.current-page a {color: #F38325;}
#sub-navigation h2 {color: #2b4a6a; margin-bottom: 10px; border-bottom: 2px solid #f38325; padding-bottom: 5px;}

/*Link Styles*/
a {color: #2b4a6a; text-decoration: none;}
a:link{color: #2b4a6a;}
a:visited {color: #2b4a6a; }
a:hover {color: #F38325;}

#footer a{color: #fff;}
#footer a:hover{color: #fab771;}

#webdeveloper a{color: #2b4a6a;}
#webdeveloper a:hover{color: #2b4a6a; border-bottom: 1px dotted #fff;}

/*Paragraph Styles*/
h1 {font-size: 2.2em; color: #2b4a6a; padding-bottom: 2px; font-family: "Trebuchet MS"; font-weight: normal; border-bottom: 2px solid #f38325; margin-bottom: 20px;}
h2 {font-size: 1.9em; color: #F38325; padding-bottom: 2px; font-family: "Trebuchet MS"; font-weight: normal;}
h3 {font-size: 1.6em; color: #2b4a6a; padding-bottom: 2px; font-family: "Trebuchet MS"; font-weight: normal;} 
h4 {font-size: 1.4em; color: #2b4a6a; padding-bottom: 2px; font-family: "Trebuchet MS"; font-weight: normal;}
p {font-size: 1.2em; padding-bottom: 10px; line-height: 1.4em;}
#sidebar p {color: #666; line-height: 1.5em}
#banner-content p{font-size: 1.4em;}
#banner-content h3 {font-size: 2em; }
.item {font-weight: bold;  width: 62px; display: block; float: left}
#footer p{color: #fff; text-align: right; padding: 10px; font-size: 1.2em;}
#webdeveloper p{color: #2b4a6a; font-size: 1.1em;}

p.date {color: #888; margin-top: 10px; padding-top: 3px; font-size: 14px;}
h2.news-article{float: left; padding-right: 10px;}

/*Table Styles*/
table{background: #fff; border: 1px solid #fff; margin-bottom: 15px;}
table td{padding: 5px; background: #fff; color: #555 border: 1px solid #fff; font-size: 12px;}

table.filled {background: #2b4a6a; border: 1px solid #fff; margin-bottom: 15px;}
table.filled td{padding: 5px; background: #2b4a6a; color: #fff; border: 1px solid #fff; font-size: 12px;}

/*List Styles*/
#content ul, #content ol {font-size: 12px; margin-left: 30px; padding-bottom: 15px; color: #555;}
#content li {padding-bottom: 5px;}

ul.downloads li {list-style: none; background: url(images/pdf-icon.jpg) no-repeat 0 0px; padding-left: 28px; margin-bottom: 8px; padding-top: 4px;}

/*Image Styles*/
img {padding: 0px;}
#content img{padding: 5px;}
#content img.left{padding: 5px 25px 5px 0;}
#content img.right{padding: 5px 0 5px 25px;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px dashed #bbb;  margin-bottom: 20px; padding-bottom: 10px;}
.highlight-text {color: #2b4a6a; font-weight: bold;}
.staff-info {float: right; width: 550px; padding-top: 2px;}

/*Shadow Container*/
#shadow{margin-left: auto; margin-right: auto; width: 1024px; margin-top: 20px;}
#shadow span.top{display: block; background: url(images/shadow-top.png) no-repeat top; height: 10px;}
#shadow span.bottom{display: block; background: url(images/shadow-bottom.png) no-repeat; height: 10px;}
#shadow span.middle{display: block; background: url(images/shadow-middle.png) repeat-y;}

form label { float: left; width: 150px;  }