/* CSS Document */

/* Impress Design, LLC is the home of graphic designer Jack McDaniel. 720.495.1368 - www.Impress-Design.com */
/* Feel free to use this template as you like. It was developed for use with 
MODx Content Management Framework, but it will work with any site. Just make certain you change it and don't steal my images */

/* Site Colors: Med Blue: 003a6a, Light Blue 97baca, Charcoal 666 */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}

ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* Body Settings and Background */
html,body{margin:0; padding:0; border:0; font-size:14px; font-family: Helvetica, "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, "sans serif"; color:#000;}
html{background:#003a6a url(../img/BG.jpg) top left repeat-x}

a {color: #003a6a; text-decoration: none;}
a:hover {color: #666; text-decoration: none}

body{width:100%; margin:0 auto;background:#003a6a url(../img/BG.jpg) top left repeat-x}
*{margin:0; padding:0}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#FFF url(../img/maincontain_BG.jpg) top left repeat-y;
}

#topsection{
height: 407px; /*Height of top section*/
background: #003a6a url(../img/head_BG.jpg) top left no-repeat;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#logo {
width: 350px;
padding-left: 30px;
height: 114px;
float: left;
overflow: hidden;}

/* Header Area - Links */
#toplinks{
font-size: 14px;
float: right;
}

/* Top Links */
#links{text-align:right; list-style:none;}
#menu ul{float:right; list-style:none;}
#menu ul li{float:left}
#menu ul li:hover{border-bottom:2px solid #5E0E0F; background: url(../img/menu_BG.jpg) bottom center no-repeat;}
#menu ul a{color:#243D7F; display:block; line-height:37px; text-decoration:none; padding:1px 12px; margin:0 2px; font-size:1.0em; font-weight: bold}
#menu ul a:hover{padding:1px 12px; margin:0 2px; color:#5E0E0F; font-weight: bold}

#tagline {
float: left;
margin: 10px;
padding-left: 20px;
padding-top: 115px;
width: 450px;
}

/* Promo News */
.promo {
background-color: #FFF; padding-left: 20px;}

.learnmore a{color: #003a6a; text-decoration:none;padding-left: 20px; background: url(../img/arrow3.gif) top left no-repeat}
.learnmore a:hover{color: #000; text-decoration:none;}

#hilitesection1 {
float: left;
width: 275px;
margin: 10px 10px 5px 10px;
background-color: #FFF;
color: #666;
padding: 3px 10px 0 10px; 
line-height: 1.4em;
}

#hilitesection2 {
float: left;
width: 275px;
margin: 10px 10px 5px 10px;
background-color: #FFF;
color: #666;
padding: 3px 10px 0 10px; 
line-height: 1.4em
}

#hilitesection3 {
float: left;
width: 275px;
margin: 10px 10px 5px 10px;
background-color: #FFF;
color: #666;
padding: 3px 10px 0 10px; 
line-height: 1.4em
}

#about {
	width:590px;
	float: left;
	margin: 0 10px 5px 10px;
	background-color: #FFF;
	color: #666;
	padding: 3px 10px 10px 10px; 
	line-height: 1.4em
	}

#contact {
	width:275px;
	float: left;
	margin: 0 10px 5px 10px;
	background-color: #FFF;
	color: #666;
	padding: 3px 10px 10px 10px; 
	line-height: 1.4em
}

/* Content Info */
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
color: #666;
}

#contentcolumn p{padding-bottom: 1.4em; font-size: 1.1em; line-height:1.4em}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left margin to -(RightColumnWidth) */
margin-top: -53px;
}

.rightinner {
margin: 10px;}

#footer{
clear: left;
height: 172px;
margin: 0 auto; /*Center container on page*/
width: 1000px;
color: #003a6a;
background:url(../img/footer_BG.jpg) bottom left no-repeat;
overflow: hidden;
}

#footer a {color: #003a6a}
#footer a:hover {color: #666}

#footerlinks{
float: left;
width: 450px;
font-size: .9em;
padding: 50px 25px 20px 45px;
}

#footaddress{
float:left;
width: 420px;
text-align: right;
font-size:.9em;
line-height: 1.3em;
padding: 100px 20px;
overflow: hidden;
}

#footaddress p{
font-size:.9em;
text-align: right;
color:#FFF;}

#siteInfo {float: left;padding-top: 25px; padding-bottom: 5px; color: #003a6a; font-size: .85em;}
#siteInfo a {color: #003a6a}
#siteInfo a:hover {color: #666}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.clear {clear: left;}

/* Blockquotes */
.blockquote {
font-size: 28px; 
text-indent: 15px; 
color:#d7d7d7; 
line-height: 2em; 
font-style: italic; 
overflow: hidden; 
font-family: Georgia,"Times New Roman",serif;
padding-top: 10px}

.blockquote2 {
padding-left:20px;border-bottom: 1px solid #CCC; background: url(../img/blockquotes2.jpg) top left no-repeat; font-size: 1.1em; color:#666666; line-height: 1.4em; font-style: italic; overflow: hidden; font-family: Georgia,"Times New Roman",serif;}

.name {font-family: Georgia, "Times New Roman", serif; font-size: .8em; font-style: normal; text-align: right; color:#6f94a5; margin-bottom: 10px;}

#GoWhite {
overflow: hidden;
padding: 10px 0;
margin: auto 0;
}

#ada {
overflow: hidden;
margin-top: 10px;
margin: auto 0;
}

.rightContain {margin: auto 0}

/* Content Lists */
.list {padding: 5px;}
.list ul {padding: 0 10px 0 5px; list-style-type: none;}
.list ul li {padding: 2px 0 2px 23px; display: block; font-size: 1.1em; color: #003a6a; line-height: 1.4em; text-decoration: none; background: url(../img/arrow.gif) no-repeat 2px 4px}

/* Content Lists */
.contentlist {padding: 5px;}
.contentlist ul {padding: 0 10px 0 5px; list-style-type: none;}
.contentlist ul li {padding: 2px 0 2px 23px; display: block; font-size: 1.1em; color: #003a6a; line-height: 1.4em; text-decoration: none; background: url(../img/arrow.gif) no-repeat 2px 4px}

/* Headers */
h1{font-size: 1.5em; font-weight:200; color:#003a6a; border-bottom: 1px solid #003a6a; margin: 15px 0 10px 0; font-family: Georgia,"Times New Roman", Times, serif}
h2{font-size: 1.5em; font-weight:200; font-style: italic; color:#003a6a; text-decoration: none; padding-bottom: 25px; font-family: Georgia, "Times New Roman", Times, serif;}
h3{font-size: 1.4em; font-style:italic; font-family: Georgia,"Times New Roman", Times, serif;color:#003a6a;text-decoration: none;font-weight:200; border-bottom: 1px solid #CCC; margin-bottom: 3px}
h4{font-size: 15px; font-weight:bold; color: #003a6a; text-decoration: none; font-family: Arial, Helvetica, sans-serif; padding: 2px 0 3px 10px; border-bottom: 1px solid #CCC; margin-bottom: 3px}
h5{font-size: 1.4em; font-weight:200;  color:#666; text-decoration:none; padding-bottom: 10px;}
h6 {font-size: 1.3em; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #666; text-decoration: none; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-left: 10px;}

/* Accordian */
    UL.drawers {
        width: 550px;
    }
    
    UL {
        list-style: none;
        margin: 0;
        padding: 5px;
    }
    
    LI A {
        text-decoration: none;
        color: #666;
    }
    
    H2.drawer-handle {
        font-size: 1.1em; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #243D7F; text-decoration: none; border-bottom: 1px solid #CCC; padding: 7px;
        background-color: #e5e5e5;
    }
    
    H2.drawer-handle.open {
        font-size: 1.1em; font-style: normal; font-family: Georgia, "Times New Roman", Times, serif; color: #243D7F; text-decoration: none; border-bottom: 1px solid #CCC; padding: 7px;
    }
	
	.drawers p {padding-left: 15px;}

.portImage {float: right; padding-right: 50px;}

/* Site Search */
#sitesearch {color: #FFF;margin: 0 auto;width: 300px; height: 35px;margin-right: 25px; background: url(../img/search_BG.jpg) top left no-repeat; overflow: hidden; padding: 3px 0 5px 30px; font-size: 14px}
#sitesearch h3 {color: #FFF; padding-left: 20px}

/* News and Articles Sections */
#news {
float: left;
width: 300px;
margin: 10px 10px 10px 5px;
background-color: #FFF;
color: #666;}

#news p {padding: 10px 10px 20px 10px; line-height: 1.4em;}

#news h3 {
padding-left: 10px; 
font-size: 1.2em; 
font-style:italic;
font-family: Georgia,"Times New Roman", Times, serif;
color:#6f94a5;
text-decoration: none;
font-weight:100;}

#news img {padding: 3px; border: 1px solid #666;background-color: #6f94a5;}

#news a{color: #6f94a5; text-decoration:none;padding-left: 20px; background: url(../img/arrow.png) top left no-repeat; font-size: .9em}
#news a:hover{color: #000; text-decoration:none; font-size: .9em}

#articles {
float: left;
width: 285px;
margin: 10px 10px 10px 10px;
background-color: #FFF;
color: #666;}

#articles p {padding: 10px 10px 20px 10px; line-height: 1.4em;}

#articles h3 {
	padding-left: 10px; 
	font-size: 1.2em; 
	font-style:italic; 
	font-family: Georgia,"Times New Roman", Times, serif;
	color:#6f94a5;
	text-decoration: none;
	font-weight:100;}

#articles a{color: #6f94a5; text-decoration:none;padding-left: 20px; background: url(../img/arrow.png) top left no-repeat; font-size: .9em}
#articles a:hover{color: #000; text-decoration:none; font-size: .9em}

/* Right Column Links */
.block {padding: 0px 45px 85px 5px;font-size: 1.1em; background: url(../img/bottom_BG.jpg)bottom right no-repeat;}
.block ul {margin: 0; padding: 0 0px 0 12px; list-style-type: none;}
.block ul li {padding: 5px 0 5px 20px; display: block; color: #003a6a; line-height: 1.4em; text-decoration: none; background: url(../img/arrow2.gif) no-repeat 2px 6px}
.block ul li:hover {padding: 5px 0 5px 20px; display: block; color: #000; line-height: 1.4em; text-decoration: none; background: url(../img/arrow2.gif) no-repeat 2px 6px}
.block ul li a:hover {color: #000;}
.block ul a{text-decoration: none; color:#003a6a}
.block ul li.active a{color:#666;}
.menuTop {
	height:55px; 
	background: url(../img/navhead_BG.gif) bottom right no-repeat; 
	overflow: hidden;}

.menuTop h3 {padding: 19px 0px 0 40px;color:#003a6a;text-align: left;}

/* Blog Info */
.nl_summaryPost {}
.nl_info {font-size: .85em; color: #666; font-style: italic; padding: 5px 0 0px 10px}
.nl_link {margin-top: -25px;}

/* Portfolio Images */
.portImage {float: left; padding: 4px; }
.portImage img{border:1px solid #666}
.portfolioWrapper {width: 575px; margin-top: 5px;}
.clear{clear:left}

/* Form Styles */
#cForm{padding: 10px; border: 0px}
#EmailForm{border:0px}
.leftForm{float: left; width: 275px; text-align: left; margin-bottom:10px}
.rightForm{float: left; width: 275px; text-align:left; margin-left: 25px; margin-bottom:10px}

#AT img{border: 0px;}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
	font-size:.95em
}
#EmailForm.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}
#cfContact{
padding: 3px;
color: #000;
}

/********Article Images**********/
.articleImage{
float:left; 
margin-right: 5px;}

/********Newsletter Form********/
.leftForm {
float: left;
width: 200px;
text-align: right;
}
.rightForm {
float: left;
margin-left: 15px;
text-align: left;
width: 250px;
}

/**********More Ditto***********/
#ditto_currentpage {color:#e8e8e8;padding:4px; background: url(../img/gradient.jpg) top left repeat-x; border: 1px solid #0a0c18;}
.ditto_page {padding: 4px;}
.ditto_page:hover {background: url(../img/gradient.jpg) top left repeat-x;border: 1px solid #0a0c18;padding: 4px;}
#pagination {margin-top: 10px;}