﻿/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}


/* -------------------- */
/* Grid */
/* -------------------- */


/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px; margin-right:20px !important}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body{font-size:75%; color:#757575;font-family: Arial, Helvetica, sans-serif;}
body.homepage{ background:#fff url(../../Image/bkg_Clouds.jpg) top center no-repeat; }
body.secondary{ background:#e9f8ff url(../../Image/bkg_secondary.jpg) top center no-repeat; }

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{color:#75c3ef; font-size:2.25em;font-weight: bold; line-height:1; margin-bottom:0.5em}
h2{color:#0079c2; font-size:1.5em;font-weight: bold;}
h3{font-size:1em; line-height:1; margin-bottom:1em}
h4{font-size:.7em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}



em {
	font-style: italic;
	margin-top: 10px;
	display: inline-block;
}


a:focus, a:hover{color:#ea9d37}
a{color:#0079c2; text-decoration:underline}

/* A container should group all your columns. */
.container{width:936px; margin:0 auto}


/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}

/* -------------------- */
/* Non-Framework */
/* -------------------- */
#header {width: 936px;height:135px;}

#logo {width:336px;height: 135px;float: left;}
#logo img {margin: 12px 0 0 18px;}

#headerInfo {float:left;width:600px;height:135px;text-align: right;}
#headerInfo h1 {font-size: 18px;font-weight: bold;color:#757575; }
#headerInfo h2 {font-size: 10px;margin-top: 12px;color:#757575; }

#rowThree {width:600px;height: 25px;}
.icoSocial {vertical-align: middle;margin-left: 3px;}

#search {margin-top: 3px;float:right;}
#search .searchInput {text-align:left;float:left;font-size: 14px;background-color: #fff7d0;background-image: url(../../Image/bkg_Search.jpg);background-position: left;background-repeat: no-repeat;height: 28px;margin: 5px 0 0 0px;width:210px;border: 1px solid #B7A33F;}

#search input {border:0;font-size:12px; text-transform:lowercase;margin-top:5px; margin-left:30px;background-color: #fff7d0;color:#82773f; }

#search .searchButton {float:left; margin-top: 5px; margin-left: 5px;}
#search a.searchbtn:link{float:left; width:76px; height:30px; background:url('../../Image/btn_Search.jpg') no-repeat 0 0;}
#search a.searchbtn:hover{float:left; width:76px; height:30px; background:url('../../Image/btn_Search.jpg') no-repeat 0 0;}


#nav {width: 936px;height:49px; float:left;}

#flash {width: 936px;height:276px;background-image: url(../../Image/bkg_FlashFull.jpg);}

#programs {float:left;width:276px; padding:24px 0 0 18px; }/*width:294px;*/

#programs ul, #programs li /*RESET THESE*/ {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
#programs ul {list-style-type: none;margin-top: 10px;padding:0; }
#programs li {background-image: url(../../Image/dgn_Inactive.jpg);background-repeat: no-repeat;background-position: left;margin-top: 10px;margin-bottom: 10px;padding: 5px 0 5px 25px;}
#programs li:hover {background-image: url(../../Image/dgn_Active.jpg);}
#programs a {text-decoration: none;color: black;  width:180px; display:block;}

#progHelp {float:left;width:349px;color:#0079c2;font:normal 14px Helvetica,Arial,sans-serif;text-align:center;}/*width:349px;*/
#progImage {float:left;width:293px;}/*width:293px;*/

#columns {width:936px;}
#leftColumn {width: 430px;float: left;}
#middleColumn {width: 235px;float: left;}
#rightColumn {width: 235px;float: left;}
.gutter {float:left;width:18px;height:1px;display:block;}
.spotlightImg {float: left;margin-right: 20px;}
.column1 {width: 237px;margin-left: 20px;float: right;}
#columns .header {padding-bottom: 0px;margin-bottom: 4px;margin-top: 25px;}
#columns hr {border-bottom: 1px solid #0079C2;color: white;margin-bottom: 10px;background-color: white;}

/*#email {background-color: #fff7d0;background-image: url(../../Image/btn_Signup.jpg);background-position: right;background-repeat: no-repeat;height: 28px;margin-top: 10px;margin-bottom: 15px;border: 1px solid #B7A33F;border-right: none;}*/
#email {margin-top: 3px;margin-bottom: 10px;float:right; }
#email .emailInput {text-align:left;float:left;font-size:14px;background-color:#fff7d0;height:28px;margin: 0px 0 0 0px; width:150px; border: 1px solid #B7A33F;}

#email .emailInput input {border:0;font-size:12px;margin-top:5px; margin-left:5px;background-color: #fff7d0;color:#82773f; }


#email .emailButton {float:left; margin-left: 5px;}
#email a.emailbtn:link{float:left; width:76px; height:30px; background:url('../../Image/btn_Signup.jpg') no-repeat 0 0;}
#email a.emailbtn:hover{float:left; width:76px; height:30px; background:url('../../Image/btn_Signup.jpg') no-repeat 0 0;}



.banners {margin-bottom: 20px;margin-top: 5px}
#columns h2 {font-weight: bold;color: #0079C2;font-size:1em;}
#columns .moreNews {color: #fff;font-size: 14px;background-color: #0079C2;padding: 5px 13px 5px 13px;margin-top: 20px;display: inline-block;}
#Spotlight {width: 422px;}
#poll {width: 422px;margin-top: -15px;}
#radio {margin: 15px 0 0 0;}

#footer {width: 936px;height: 200px;margin-top: 20px;margin-bottom: 15px;}
#footer .right {float: left;width:223px;height:160px;}
#footer .left {float:left;width:713px;height:150px;}
#footer a{color:#0079c2;text-decoration: none;}

#footer ul {list-style-type: none;}
#copyright {color: #5B5A5A;background-image: url(../../Image/bkg_copyright.jpg);background-repeat: no-repeat;background-position: left center;padding-left: 15px;margin-bottom: 15px;}

/* SECONDARY */
#secondary {width:936px;background: url(../../Image/dgn_secondaryContent.jpg) repeat-y;}
.secondaryNav {float:left;width:208px;}
.secondaryContent {float:left;width:696px;padding:15px 15px 10px 15px;}/*width:726px;*/

#secHolder {width:936px;background: url(../../Image/dgn_secondaryContentCurve.jpg) no-repeat bottom left;}



