/* CSS Document by pjw design*/

*{
	margin:0px;
	padding:0px;
	border: 0px;
    }
body{
	font-family: "Trebuchet MS";
	font-size: 62.5%;
	text-align:center;
	overflow: -moz-scrollbars-vertical;
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper{
	text-align:left;
	width: 940px;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/backWrap.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#inner-wrapper{
	width: 860px;
	background-color: #fff;
	margin-right: 40px;
	margin-left: 40px;
}
#header-outer{
	width: 100%;
	height: 110px;
	background-image: url(../images/backHead.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;

}
#header{
	position:relative;
	width: 940px;
	height: 110px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/backHeadInner.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer-outer{
	width: 100%;
	height: 75px;


}
#footer{
	position:relative;
	width: 940px;
	height: 75px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/backFooter.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header-images{
	position:relative;
	width: 860px;
	height: 135px;
	margin-bottom: 20px;
}
#mainNav{ 
    width: 200px;
    float: left;
	background-color:#00CC00
}
#contentWrapper{
	width: 640px;
	float: right;
}
#content{
	width: 420px;
	float: left;
}
#contentRight{
    width: 200px;
	float: right;
}
#clear
{
	clear:both;
	height: 0px;
	margin-bottom: 18px;

}

/*--Links--*/

#footer a
{
	color:#000;
	text-decoration: none;
}
#content a
{
	color:#990000;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover, #content ul.pdf li a:hover
{
	text-decoration: underline;
}

#content ul.pdf {
	list-style: none;
	border: none;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content ul.pdf li {
	font-size: 1.4em;
	background-image: none;
	padding-top: 4;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0px;
}
#content ul.pdf li a
{
	text-decoration: none;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}

/*--Text--*/
p {
	font-size: 1.4em;
	line-height:  1.2em;
	margin-bottom: 0.5em;
	text-align: justify;
    }
h1, h2, h3, h4, h5, h6{
	font-family:  Arial, Helvetica, sans-serif;
	letter-spacing:  -.02em;
	margin-bottom: 0.25em;
}
h1 {
	font-size: 2.5em;
	color: #003366;
	font-weight: normal;
	margin-bottom: 0.4em;
	margin-top: 0em;
}
h2 {
	font-size: 2.0em;
	letter-spacing: 0.07em;
	color: #FFFFFF;
	margin-bottom: 0.25em;
	margin-top: 0em;
	text-transform: none;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h3 {
	font-size: 2.0em;
	letter-spacing: 0.03em;
	color: #5A91C7;
	text-transform: none;
	font-weight: normal;
}
h4{
	font-size: 2em;
	letter-spacing: 0.03em;
	color: #5A91C7;
	margin-bottom: 0.6em;
	text-transform: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A91C7;
}
h5 {
	font-size: 1.5em;
	color: #5A91C7;
	text-transform: none;
}
h6 {
	font-size: 1.5em;
	color: #5A91C7;
	margin-bottom: 0.4em;
	text-transform: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B0CBE3;
}
#header h1
{
	position:absolute;
	padding:0;
	margin:0;
	left: 40px;
	top: 23px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer p {
	padding-top: 20px;
	padding-left: 40px;
	font-size: 1em;
	color: #999999;	
	}
#content p.box {
    padding: 0 20px 0 20px
} 

#content h4 {

}	

/*--Navigation--*/	

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#mainNav li {
	font-size: 95%;
	vertical-align: bottom;

}
#mainNav a {
	display: block;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 10px;
	background-color: #003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainNav li.noline {
	border-bottom-width: 0px;
	margin: 0px;
	padding: 0px;
}
#mainNav a:hover, #mainNav #current {
	color: #FFFFFF;
	background-color: #5A91C7;

}
#mainNav ul ul {
	margin: 0px;
	padding: 0px;
}
#mainNav ul ul li {
	margin:0;

}
#mainNav ul ul a{
	background-color: #87AED6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.4em;
}
#mainNav ul ul a:hover, #mainNav #current2  {
	background-color: #6C9DCE;
	color: #FFFFFF;
	background-image: url(../images/arrowRight.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
}

/*--Top Images--*/	
	
#header-images ul {
    margin: 0;
	padding: 0;
	list-style: none;
	}
#header-images li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	}
#header-images img {
	margin: 0 0 0 20px;
	padding: 0;
	}
#header-images .imgHead {
	margin: 0;
	padding: 0;
	}

/*--Right Boxes--*/

.box1, .box2, .box1, .box3, .box4, .box5, .box6, .box7, .box8, .box9, .box10, .box12 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border: none;
	background-color: #E6EEF7;
	background-image: url(../images/backBoxRght.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/*.box2 {
	padding-bottom: 10px;
	background-color: #E8ED89;
	margin-bottom: 20px;
	border: none;
}
.box3 {
	padding-bottom: 10px;
	margin-bottom: 20px;
	background-color: #D2E1F0;
}
.box4 {
	padding-bottom: 10px;
	background-color: #D2E1F0;
	margin-bottom: 20px;
}
.box5 {
	padding-bottom: 10px;
	background-color: #E0BEB6;
	margin-bottom: 20px;
}
.box6 {
	padding-bottom: 10px;
	background-color: #B5F1F4;
	margin-bottom: 20px;
}
.box7 {
	padding-bottom: 10px;
	background-color: #D2E1F0;
	margin-bottom: 20px;
}
.box8 {
	padding-bottom: 10px;
	background-color: #C0C081;
	margin-bottom: 20px;
}
.box9 {
	padding-bottom: 10px;
	background-color: #D0B79B;
	margin-bottom: 20px;
}
.box10 {
	padding-bottom: 10px;
	background-color: #D2E1F0;
	margin-bottom: 20px;
}*/
.box11 {
	padding-bottom: 10px;
	background-color: #E6EEF7;
	margin-bottom: 20px;
}

#contentRight h4 {
	font-size: 1.5em;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
#contentRight p {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 1.3em;
	text-align: left;
	line-height: normal;
}
#contentRight h4 {
	border-bottom: none;
	padding-top: 8px;
	padding-bottom: 8px;

}
.box1 h4 {
	background-color: #C64000;
	background-image: url(../images/backBox1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box2 h4 {
	background-color: #B2BB1C;
	background-image: url(../images/backBox2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box3 h4 {
	background-color: #5A91C7;
	background-image: url(../images/backBox3.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box4 h4 {
	background-image: url(../images/backBox4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box5 h4 {
	background-color: #894A3A;
}
.box6 h4 {
	background-color: #1BA8AF;
	background-image: url(../images/backBox6.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box7 h4 {
	background-color: #B2BB1C;
	color: #B9B900;
	background-image: url(../images/backBox7.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box8 h4 {
	background-color: #8D8D47;
	background-image: url(../images/backBox8.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box9 h4 {
	background-color: #663300;
	background-image: url(../images/backBox9.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box10 h4 {
	background-color: #666666;
	background-image: url(../images/backBox10.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.box11 h4 {
	background-color: #5A91C7;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding-left: 10px;
}
#contentRight a {
	color: #990000;
	text-decoration: none;
}
#contentRight a:hover{
	text-decoration: underline;
}

/*--various--*/
#flashcontent {
margin-bottom: 15px
}

#content ul {
	list-style: none;
	border: none;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#content li {
	font-size: 1.4em;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 4;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 15px;
}

#headerBox {
   background: #99CC99;
   padding: 15px
}
blockquote {
	font-size: 110%;
	color: #8095C6;
	background-color: #5A91C7;
	background-image: url(../images/quoLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
blockquote div {
	background-color: transparent;
	background-image: url(../images/quoRght.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 45px;
}
blockquote div p{
	color: #003366;
	padding-left: 10px;
	font-size: 1.4em;
	font-weight: bold;
}
.meet {
	background-color: #DBE7F2;
	padding: 15px;
	border: 1px solid #97BADC;
	margin-bottom: 15px;

}
/* always visible */
#outer {
    margin-bottom: 15px
}
#outer .holder {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {
	float:right;
	margin-right:0px;
	cursor:pointer;
	color:#c00;
	font-weight:bold;
	font-size: 1.5em;
	margin-top: 10px;
}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; }
