body {background-image:url(/image_assets/background_slice.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; background-color:#FBFBFB;}
h1{color:#000066; font-size:large;}
h2{color:#000066; font-size:small;}
h2 a {color:#000066; font-size:small; text-decoration:none;}
h2 a:hover {text-decoration:underline;}
a {color:#000000;}
a:hover {text-decoration:none;}
p {line-height:125%;}


.breadCrumb {margin:0 auto; width:780px;}
.breadCrumb p {color:#FFFFFF; font-size:x-small; margin-bottom:5px;}
.breadCrumb a{color:#FFFFFF; text-decoration:underline;}
.breadCrumb a:hover {text-decoration:none;}

.main {margin:0 auto; width:778px; border:1px solid #666666; background-color:#FFFFFF; display:table;}

.siteHeader {float:left;}

.siteHeaderLeft {width:380px; float:left; padding:11px 0px 0px 11px;}
.siteHeaderRight {width:200px; float:right; padding-top:11px;}

.divider {width:757px; height:5px; background-color:#CAEC8F; margin-left:8px; float:left; margin-bottom:15px;}

.contentArea {width:780px; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px;}
.col1 {float:left; width: 190px; table-layout:fixed; margin:0px;}
.col2 {float:left; width: 580px;  margin:0px; min-height:600px;}


ul.leftNav, ul.memberNav, ul.leftNav li ul{list-style:none; margin:0px; padding:0px; margin-bottom:20px; margin-top:15px; font-size:x-small;}
ul.leftNav li ul {margin:0px;}
ul.leftNav li a, ul.memberNav li a {color:#000000; font-weight:bold; display:block; text-decoration:none; padding:4px 0px 4px 5px; background-color:#CCCCCC; margin-left:10px;  width:160px; margin-bottom:0px; margin-top:0px; border:1px solid #FFFFFF; background-image:url(/image_assets/left_nav_arrow_across.gif); background-position:right; background-repeat:no-repeat;}
ul.leftNav li a.subNav, ul.leftNav li ul li.page_item a {display:table; padding:3px 0px 3px 15px; border:0px; background-color:#CAEC8F; color:#000000; width:150px; font-weight:normal; background-image:none;}
ul.leftNav li a.subNav:hover, ul.leftNav li ul li.page_item a:hover {text-decoration:underline;  font-weight:bold; color:#000000; background-color:#CAEC8F; background-image:none;}
ul.leftNav li a:hover, ul.memberNav li a:hover, ul.leftNav li a.selected, ul.leftNav li.current_page_item a{display:block; background-color:#666666; font-weight:bold; color:#FFFFFF; background-image:url(/image_assets/left_nav_arrow_down.gif);}
ul.leftNav li a.subNavSelected, ul.leftNav li a.selected, ul.leftNav li ul li.current_page_item a {display:table; padding:3px 0px 3px 15px; border:0px; background-color:#CAEC8F; color:#000000; width:150px; text-decoration:underline;  font-weight:bold; background-image:none;}


ul.memberNav li a {background-color:#8F8FBC; }
ul.memberNav li a:hover{background-color:#000066;}

p.introPara {color:#000066; font-weight:bold;}

.footer {margin:0 auto; width:780px; font-size:xx-small;}
.footer p {margin-top:2px; font-size:xx-small;}
.footer a {color:#000000; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footerLeft {float:left;}
.footerRight {float:right;}



.signInPanelHead {margin-left:10px; height:22px; width:165px; background-color:#000066; font-size:x-small;}
.signInPanelHead p {font-weight:bold; color:#FFFFFF; margin:0px 0px 0px 8px; padding-top:5px;}
.signInPanel {margin-left:10px; width:160px; background-color:#8F8FBC; padding:6px 0px 0px 5px; margin-bottom:20px;}
.signInPanel p {font-size:x-small; color:#FFFFFF; padding:0px 10px 0px 10px; margin:0px;}
.signInPanel form { margin:0px 8px 0px 0px; display:table; padding:0px;  width:155px;}
.signInPanel form label {color:#FFFFFF;  margin:0px; padding:0px 0px 0px 2px; font-size:x-small;}
.signInPanel form input { font-size:x-small; margin:0px 0px 0px 0px; padding:2px 0px 0px 5px; border:1px #676767 solid; height:18px;}
.signInPanel .login-div { padding-bottom:8px; }
.signInPanel form input .loginRemember {margin:0px; padding:0px;}
.signInPanel .login { margin: 0px 1px 10px 0px; text-align:right; float:right; }
.signInPanel a {color:#FFFFFF; font-size:x-small;}
.signInPanel a:hover {text-decoration:none;}

.hidden {display:none;}

.eventsList {border-bottom:#330066 1px solid; margin:10px 0px 10px 0px; float:left;}
.eventsList a{text-decoration:none; color:#330066; font-weight:bold;}
.eventsList a:hover{text-decoration:underline;}
.eventsList p {margin:0px;}
.eventDate {color:#330066; margin:3px 0px 3px 0px; text-transform:uppercase; display:block;}

.boardList a {font-weight:bold; color:#000000;}
.boardList a:visited {font-weight:normal;}

.newsPanel {float:left; margin-left:10px; width:163px; height:inherit; background:url(/image_assets/left_newstop.jpg) no-repeat top #ACCDEF; margin-bottom:10px;}
.newsPanel h2 {float:left; padding-top:0px; font-size:medium; color:#FFFFFF; padding-left:10px;}
.newsPanel .body {float:left;  min-height:130px; height: inherit; border:0px #333333 solid;}
.newsPanel .body .item {float:left;  height:inherit; color:#FFFFFF; font-size:85%; padding-left:10px; padding-top:5px; padding-right:10px;}
.newsPanel .body .item h3 {margin:0; padding:0; font-size:100%; font-weight:bold; text-transform:uppercase; border:0px #000000 solid;}
.newsPanel .body .item p {margin:0; padding:2px 0px 0px 0px; color:#000000;}

.newsPanel .bottom {margin:0px; padding:0px; float:left; width:165px; height:35px; background:url(/image_assets/left_newsbottom.jpg) no-repeat bottom;  }
.newsPanel ul {list-style:none; margin:0px; padding:0px;}
.newsPanel ul li {margin:0px 0px 7px 0px;}
.newsPanel ul li a {text-decoration: none;  color:#000000; font-weight:bold;}
.newsPanel ul li a:hover {text-decoration: underline;}


.news_article {margin-left:20px;}

.news_article p.intro{ font-weight: bold; }
.news_article img{border:1px #064F8C solid;}

.news_summary{margin-left:20px; padding: 10px 0 10px 0; border-bottom: 1px solid #CCCCCC; float:left; width:565px;}
.news_summary .image {float:left; width:115px; margin:0px; padding-top:3px;}
.news_summary .summary {float:left; margin:0px; width:450px;}
.news_summary .summary h2 {margin-top:0px; padding-top:0px; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	border:0px;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.navigation a {background:#CCCCCC;
color:#000000;
display:block;
margin:15px 0;
min-width:75px;
padding:7px;
text-align:center;
text-decoration:none;}

/*homepage*/
.left {width:380px; float:left;}
.right {float:right; width:200px;}

/*Online App form*/
.appForm .element {width:560px; float:left; margin-bottom:10px;}
.appForm .label {width:180px; float:left;}
.appForm .input {width:380px; float:left;}
.appForm textarea {height:40px; width:300px;}
.appForm input {width:300px;}
.appForm .button {background:#CCCCCC;
color:#000000;
display:block;
margin:15px 0;
width:75px;
padding:7px;
text-align:center;
text-decoration:none;}