/* CSS Document */

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, 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;
}

body{
background:#FFF url(../images/bodyBg.gif) repeat-x top;
font-family:"Arial";
font-size:80%;
color:#4c4c4c;
}

#leftNav #navContent ul li a.colorOne{
color:#4f9010;
}

#leftNav #navContent ul li a.colorTwo{
color:#a70e0e;
}

/* ------------------------- Wrapper ------------------------- */

#wrapper{
width:858px;
margin:0 auto;
}

/* ------------------------- Splash Page ------------------------- */

#splashContent{
margin-top:150px;
}

#splashLeft{
display:block;
float:left;
width:375px;
height:115px;
background:url(../images/splashLeft.gif) top left;
}

#splashLeft:hover{
background-position:bottom left;
}

#splashCenter{
float:left;
}

#splashRight{
display:block;
float:left;
width:399px;
height:115px;
background:url(../images/splashRight.gif) top;
}

#splashRight:hover{
background-position:bottom;
}

/* ------------------------- Header ------------------------- */

#header{
height:87px;
position:relative;
}

/* ------------------------- NavBar ------------------------- */

#navBar{
height:56px;
background:url(../images/navBg.jpg) no-repeat;
}

#navBar ul{
list-style:none;
font-size:13px;
color:#FFF;
margin-left:16px;
}

#navBar ul li{
float:left;
border-right:1px dotted #888;
}

#navBar ul li a{
text-decoration:none;
display:block;
padding:16px 10px;
color:#FFF;
font-size:12px;
}

#navBar ul li a:hover{
background:#808080;
}

#navBar ul li a.selected,
#navBar ul li a.selected:hover{
background:#434343;
}

/* ------------------------- Content Boxes ------------------------- */

.contentTop{
height:15px;
background:url(../images/contentTopBg.jpg) no-repeat;
}

.content{
background:url(../images/contentBg.jpg) repeat-y;
padding:0 14px;
}

.contentBottom{
height:15px;
background:url(../images/contentBottomBg.jpg) no-repeat;
}

.content p{
margin-bottom:10px;
margin-left:20px;
}

.content a{
color:#4c4995;
}

.content ul{
margin-left:30px;
margin-bottom:10px;
}

.content ul li{
margin-bottom:5px;
}

.content ol{
margin-left:30px;
margin-bottom:10px;
}

.content ol li{
margin-bottom:5px;
}

/* ------------------------- Large Header ------------------------- */

.largeHeaderBar{
height:90px;
position:relative;
}

.largeHeaderBar h5{
font-family:"Georgia";
color:#878787;
font-size:13px;
position:absolute;
bottom:0px;
left:40px;
}

/* ------------------------- Small Header ------------------------- */

.smallHeaderBar{
height:65px;
margin-bottom:20px;
}

.impactHome{
background:url(../images/welcomeHeader.jpg) no-repeat;
}

/* ------------------------- Top Content Boxes ------------------------- */

.homeImgLeft{
float:left;
}

#homeImgRight{
width:292px;
height:257px;
float:right;
}

#homeImgRight ul{
list-style:none;
margin-left:22px;
margin-top:110px;
}

#homeImgRight ul li{
margin-bottom:10px;
}

#homeImgRight ul li a{
font-size:16px;
text-decoration:none;
color:#FFF;
display:block;
width:208px;
padding:8px 0 6px 35px;
background:url(../images/rightImgNavBg.gif) no-repeat top left;
}

#homeImgRight ul li a:hover{
background-position:bottom left;
}

/* ------------------------- Large Content Box Float ------------------------- */

.largeBox{
width:291px;
float:right;
margin:0px 0px 20px 20px;
}

.largeBoxTop{
height:46px;
background:url(../images/largeBoxTopBg.gif) no-repeat;
}

.largeBoxTop h4{
color:#FFF;
font-size:16px;
padding:15px 0 0 10px;
}

.largeBoxContent{
background:#e9e6e4;
}

.largeBoxContent p{
padding:10px 10px 0 10px;
margin:0;
}

.largeBoxContent a{
color:#4c4995;
}

.largeBoxBottom{
height:18px;
background:url(../images/largeBoxBottomBg.gif) no-repeat;
}

/* ------------------------- Left Nav ------------------------- */

#leftNav{
width:195px;
float:left;
}

#navContent{
float:right;
width:176px;
background:url(../images/subNavBg.jpg) repeat-y;
padding:20px 0 40px 0;
}

#navContent ul{
list-style:none;
margin-left:20px;
margin-right:20px;
}

#navContent ul li{
border-bottom:1px solid #dddddd;
padding:7px 0;
}

#navContent ul li a{
text-decoration:none;
color:#4c4995;
font-size:14px;
}

#navContent ul li a:hover{
color:#AAA;
}

#navBottom{
width:176px;
height:6px;
float:right;
background:url(../images/subNavBottomBg.jpg) no-repeat;
}

#rightContent{
width:630px;
float:right;
}

#rightContentContent{
padding-left:20px;
}

.content #rightContentContent p{
margin-bottom:10px;
margin-left:0;
}

.content #rightContentContent h4{
margin-bottom:5px;
}

#rightContentContent h2{
color:#4f4c97;
font-weight:normal;
font-size:18px;
margin-top:20px;
}

/* ------------------------- Content Box ------------------------- */

.contentBox{
clear:both;
width:175px;
float:right;
margin-top:20px;
}

.contentBoxTop{
height:32px;
background:url(../images/contentBoxTopBg.gif) no-repeat;
}

.contentBoxTop h4{
color:#FFF;
font-size:16px;
padding:10px 0 0 10px;
}

.contentBoxContent{
background:#e9e6e4;
}

.contentBoxContent p{
padding:10px 10px 0 10px;
margin:0;
}

.contentBoxContent a{
color:#4c4995;
}

.contentBoxBottom{
height:18px;
background:url(../images/largeBoxBottomBg.gif) no-repeat;
}

/* ------------------------- Footer List ------------------------- */

#footer{
text-align:center;
}

#footer ul{
list-style:none;
margin-top:20px;
}

#footer ul li{
display:inline;
}

#footer ul li a{
color:#4c4c4c;
text-decoration:none;
}

/* ------------------------- Form ------------------------- */

fieldset{
margin-top:10px;
}

div.formRow{
clear:left;
float:left;
margin-top:10px;
width:100%;
}

.formBox{
font-family:"Arial";
font-size:12px;
width:250px;
color:#193449;
padding-left:5px;
}

label{
display:block;
width:100px;
float:left;
font-weight:bold;
}

.but{
padding:5px 10px;
}

/* ------------------------- Special Classes ------------------------- */

/* Hide Text */
.specialText{
	position:absolute;
	text-indent:-5000px;
}

/* Clearing Div */
.easyClear{
	clear:both;
}

/* ------------------------- Event List Styles ------------------------- */

#errorList{
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #dd3c10;
	background: #ffebe8 url(.../images/errorBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:13px;
}

#errorList li{}

#successList{
	margin: 10px 10px 10px 10px;
	padding: 10px;
	border: solid 1px #82c242;
	background: #dafab9  url(.../images/successBg.gif) no-repeat center right;
	clear:both;
	list-style:none;
	font-size:13px;
}

#successList li{}

/* ------------------------- Standard Button Styles ------------------------- */

.buttons{
	font-size:13px;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Tahoma", Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
    color:#82c242;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#dafab9;
    border:1px solid #8fc955;
    color:#82c242;
}
.buttons a.positive:active{
    background-color:#82c242;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
} 

/* ------------------------- Query Log ------------------------- */

#queryLog{
width:800px;
margin:0px auto;
background:#eee;
padding:20px 30px 30px 30px;
font-size:13px;
color:#000;
}

.queryBar{
margin:5px 5px 10px 5px;
}

/* ------------------------- Oval Buttons ------------------------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background:#d9d9e3;
padding:3px 9px;
display:block;
text-decoration:none;
font-size:12px;
color:#3b386f;
}


a.ovalbutton:hover{ /* Hover state CSS */
background:#ababc3;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
position:absolute;
right:17px;
bottom:12px;
}