body {
	font-family:Arial, Tahoma, Verdana;
	font-size:14px;
	color:#363636;

	background: #CCC;
}
a {
	color: #8d0e3a;
}
a:hover {
	color: #6a0e3a;
}

img.wraptextleft {
	float: left;
	margin: 10px 10px 10px 0px;
}

img.border {
	padding: 4px;
	border: 1px solid #C3C3C3;
}

img.alignleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.alignright {
	float: right;
	margin: 0px 0px 0px 25px;
}

img.aligncenter {
	margin: 0px auto;
}

.imageFrame {
	background:#FFF;
	padding: 3px 3px 3px 3px;
	margin: 0px 20px 10px 0px;
	float:left;
	border: 1px #999 solid;
}

strong {
	font-weight: bold;
}

p {
	margin: 12px 0;
}
.bg {
	width: 100%;
	background: #CCC;
}
#wrapper {
	width: 960px;
	margin: 22px auto;
	background-color: #fff;
	padding: 16px;
}
.header, .intro, .section.home, .footer {
	overflow: auto;
}
.header .logo, .header ul {
	display: block;
	float: left;
}
.header {
	width: 960px;
	height: 140px;
}
.header .logo {
	margin: 22px 0 0 18px;
}
.header ul {
	margin: 25px 0 0 54px;
	float: left;
}
.header li {
	display: block;
	float: left;
	background-color: #8d0e3a;
	margin: 0 18px 0 0;
}
.header li a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px;
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.header li:hover, .header li.active {
	background-color: #6a0e3a;
}
.header #searchform {
	float: right;
	width:240px;
}

.header #headerDonatePromo {
	float:right;
	width:200px;
		
}

.header #searchform input['text'] {
	width:100px;
}

.navcont {
	width: 1012px;
	margin: 0 -26px;
	position: relative;
    z-index: 200;
}


#menu{
	padding:0;
    background-color: #8D0E3A;
    border: 1px solid #6A0E3A;
    box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.2);
    line-height: 1;
    list-style: none outside none;
    margin: 0 auto;
	list-style-type:none;
	overflow:visible;
  }
#menu ul {
	margin:-2px 0 0 0;
	padding:0;
	list-style-type:none;
  }

#menu li {
	margin: 0px 10px 0px 20px;
	padding: 0;
	float:left;
	height:46px;
  }

#menu a {
	display: block;
	line-height: 36px;
	/*overflow: hidden;*/
	margin: auto 15px;
	color:#c0c0c0;
	text-decoration:none;
  }

#menu li a:hover {
	color: #ffffff;
	text-decoration: none;
	display: block;
  }

#menu li ul {
  list-style: none;
  position: absolute;
  width: 200px;
  top: 38px;
  left: -999em;
  padding:10px 0;
  z-index:10;
  background-color:#8d0e3a;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari, Chrome */
  border-radius: 6px; /* CSS3 */
  }

#menu li:hover ul, #menu li.sfhover ul {
  left: auto;
  }
	
#menu li li {  
  margin: 0;
  padding: 0;
  width: 200px;
  left: auto;
  height:auto !important;
  }
  
#menu li li:first-child{
  background: url(../img/border-nav.gif) !important;
  background-repeat:repeat-x !important;
  background-position:top !important; 
}
	
#menu li li a {
  width: 140px;
  color:#c0c0c0;
  line-height:18px;
  font-size: 12px;
  background-color: #33363a;
  margin: 0;
  padding: 8px 15px 8px 15px;
  background: url(../img/border-nav.gif);
  background-repeat:repeat-x;
  background-position:bottom;
  }
	
#menu li li a:hover {
  padding: 8px 15px 8px 15px;
  }
  
#menu li li:hover {
  background-color: #3d4044 !important;
  }

#menu li:hover, #menu li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }

.lavaLamp {
  position: relative;
  height: 36px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
}

.lavaLamp li {
  list-style: none;
  padding-right: 10px;
  float:left
}

#menu li.back {
	background: #CCCCCC url(../img/lava.png) no-repeat right -40px;
	width: 9px; height: 36px;
	z-index: 10;
	position: absolute;
	z-index: -1;
}

#menu li.back .left {
	background: #CCCCCC url(../img/lava.png) no-repeat top left;
	height: 36px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
	z-index: -1;
}
.lavaLamp li a {
  z-index: 10;
}

.lavaLamp li.current, .lavaLamp li.current a, .lavaLamp li.current a:visited{font-weight:bold !important;}
.lavaLamp li.current li a, .lavaLamp li.current li a:visited{font-weight:normal !important;}


#calendar li {
	border:1px solid #D3D3D3;
	margin: 20px 5px;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#sidebar #calcontainer {
	background-color: #7c7652;
	width: 310px;
	margin:0 auto;
	color: #FFFFFF;
	font-size: 13px;
    padding: 20px 20px;
    -moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
}

#sidebar #calendar li {
	border:1px solid #D3D3D3;
	background: #E8DBAA;
	margin: 10px 5px;
	padding: 5px 10px 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* search styles */
#searchcont {
	width:960px;
}

#searchresultscontainer {
	clear:both;
	width: 800px;
	margin: 0 auto;
}

#searchresultheader {
	display:block;
	width:700px;
}

#searchresultheader{
	color:#8D0E3A;
	font-size: 22px;
	margin-bottom: 20px;
}

#searchresults {
	list-style: none;

}

#searchresults li {
	display:block;
	width: 600px;
	border:1px solid #D3D3D3;
	margin: 20px 5px;
	padding: 5px 20px 5px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}


#searchresults li h3 {
	font-size: 16px;
	color: #77290a;

}

#searchresults .searchpagecontent{
	margin: 5px 20px 5px 0px;
	padding: 5px;
	width: 80%;
	border: 1px solid #d8cbff;

}

#searchresults a {
	margin: 5px;
	color: #ff5a14;
	font-size: 14px;
}



.intro {
	margin: 22px 18px;
	background-color: #fff;
}
.intro .hgroup {
	float: left;
	width: 345px;
	margin: 0 9px 0 0;
}

}
.intro .hgroup2 {
	float: left;
	width: 900px;
	margin: 0 9px 0 0;
}

.intro .hgroup h1 {
	color: #8d0e3a;
	font-size: 26px;
	margin: 0 0 22px 0;
}

.intro .hgroup2 h1 {
	color: #8d0e3a;
	font-size: 26px;
	margin: 0 0 22px 0;
}
.intro .hgroup h2 {
	color: #000;
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
}

.intro .hgroup h3 {
	color: #737171;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
}

#homegallery {
	float: right;
	width:550px;
	position:relative;
}


.section.home div.col {
	float: left;
	padding: 12px;
}
.section.home .col h2, .section.home .col h3, .footer h2 {
	text-transform: uppercase;
	color: #8d0e3a;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 12px 0;
}
.section.home .col h3 {
	font-size: 14px;
	font-weight: normal;
}
.section.home .col.news {
	width: 350px;
	background-color: #e7f0fb;
	margin-right: 8px;
}
.col.news .item {
	overflow: hidden;
	clear: both;
	margin: 0 0 30px 0;
}
.col.news .item img {
	display: block;
	float: left;
	width: 65px;
	height: 65px;
	border: 1px solid #8d0e3a;
	padding: 2px;
	background-color: #fff;
}
.col.news {color:#000;}
.col.news .item div {
	width: 250px;
	float: left;
	margin: 0 0 0 12px;
	font-size: 12px;
}

.col.news .item h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
}

.col.news .item a {
	color:#8d0e3a;
	font-weight: bold;
	text-decoration: none;
}

.col.news .item ul {
	list-style:inherit;
	padding-left: 40px;
	color: #990033;
}

.col.news .item ul li {
	padding-left: 5px;
	line-height: 16px;
}

.col.news .item p {
	font-size: 13px;
	line-height: 16px;
	color:#000;
}

.col.news .item a:hover {
	text-decoration: underline;
}

.section.home .col.involved, .section.home .col.calendar {
	width: 260px;
}
.section.home .col.involved {
	background-color: #eaf8c5; color:#000;
	margin-right: 8px;
}
.section.home .col.involved p {
	margin: 0 0 12px 0; color:#000;
	font-weight: bold;
	font-size: 14px;
}
.section.home .col.involved li {
	margin: 0 0 12px 14px;
	font-size: 12px;
	list-style-type: disc;
}

.section.home .col.involved select {
	margin: 0 0 10px 5px;
	font-size: 12px;
}

.section.home .col.calendar {
	background-color: #edecc8;  color:#000;
}
#cse {
	margin: 18px 0 0 0;
}
#cse table td {
	border-color: transparent;
}
.footer {
	background-color: #8d0e3a;
	margin: 18px 0;
	padding: 12px;
	color: #fff;
	font-size: 14px;
}
.footer h2 {
	color: #fff;
}
.footer .vcard {
	float: left;
	width: 300px;
	margin: 12px 50px 0 18px;
	font-size: 12px;
	line-height: 20px;
}
.footer .adr {
	width: 190px;	
	float:left;
}

.footer .org {
	width: 190px;	
	float:left;
}

.footer .vcard img {
	margin: 0 0 5px 0;
}
.footer .vcard .tel  {
	float: right;
	margin: 0;
}
.footer .links {
	width: 200px;
	float: left;
	margin: 32px 0 0 0;
}
.footer .links li {
	margin: 0 0 18px 0;
}
.footer .links a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.footer .links a:hover {
	color: #e6e6e6;
	text-decoration: underline;
}


.footer .footerinteriorlinks {
	width: 500px;
	float: left;
	
}
.footer .footerinteriorlinks li {
	list-style: none;
  	padding-right: 10px;
  	float:left
}
.footer .footerinteriorlinks a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.footer .footerinteriorlinks a:hover {
	text-decoration: underline;
}


.footer .socialnetwork {
	float: right;
	text-align: right;
	padding: 0 30px 0 0;
	width: 200px;
	color: #fff;
}

.footer .addressinfo {
	width: 900px;
	clear:both;
	margin-top: 40px;
	text-align: center;
}


.legal {
	text-align: center;
	font-size: 12px;
}
.footer .social {
	float: left;
	width: 350px;
	padding: 18px 0 0 0;
}
.footer .social .icons {
	margin: 0 0 18px 0;
}
.homeFooterAffiliations {
	width:350px;
	text-align:center;
}
.affiliates {
	width:170px;
	float:left;
}
.affiliateTagLine {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer .social img {
	/*width: 35px;
	height: 35px;*/
	margin: 0 4px;
}
.homeFooterAffiliations img {
	width: none;
	height: none;
	margin:0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.clear {
	clear:both;	
}

/* page content styles */

#contentwrapper {
	margin: 10px 0px 10px 0px;
	overflow: hidden; 
	width: 960px;
	
}


#sidebar {
	background: #E8DBAA url(../img/sidebar_back.jpg) top left repeat-x ;
	float: left;
	width: 350px;
	color: #000;
	min-height: 500px;
}

#sidebar p {
	color: #000;
	margin:10px 0px;
	padding: 0px 20px;
	font-size: 13px;
	line-height: 16px;
}

#sidebar a {
	color: #990033;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}

#sidebar h2 {
	color: #8D0E3A;
	margin: 5px 0px;
	padding: 10px 0px 10px 25px;
	font-size: 20px;
}

#sidebar h3 {
	color: #000;
	margin: 5px 0px;
	padding: 10px 0px 10px 25px;
	font-size: 16px;
}

#sidebar form {
	padding: 10px 0px 10px 25px;
}

#sidebar .highlight {
	/*background: url(../../images/orange_bground.gif) repeat-y; */
	background-color: #7c7652;
	width: 310px;
	color: #FFFFFF;
	font-size: 13px;
    padding: 20px 20px;
    -moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
}

#sidebar .highlight h2 {
	color: #F4AD1A;
	margin: 5px 0px;
	padding: 0;
	font-size: 22px;
}

#sidebar .highlight p {
	color: #FFF;
	margin:10px 0px;
	font-size: 13px;
	line-height: 16px;
}

#content {
	float:left;
	margin: 0 20px;
	width: 560px;
}

#content h1 {
	color: #8D0E3A;
	margin: 5px 0px;
	font-size: 24px;
}

#content h2 {
	color: #8D0E3A;
	margin: 5px 0px;
	font-size: 20px;
}

#content h2.publications {
	color: #F4AD1A;
	
}

#content p {
	color: #000;
	margin:20px 0px;
	font-size: 13px;
	line-height: 16px;
}

#sidebar ul {
	padding-left: 40px;
	color: #990033;
	font-weight: bold;	
}

.volspotlight {
    width: 450px;
    display:block;
}

h2.volspotlighthead {
	padding: 0 0 0 75px;
	margin: 0 0 5px 0;
	background: url(../img/volspotlight_bk.jpg) left top no-repeat;
	height: 50px;
	line-height: 50px;
	width: 400px;
	font-size: 18px;
	font-weight: normal;
	float: left;
}

h2.volspotlightheadactive {
	background-position: left bottom;
}

.spotlightcontainer {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	width: 400px;
	clear: both;
}

.spotlightcontainer .spotlight {
	padding: 20px;
}
.spotlightcontainer .spotlight p {
	padding: 5px 0;
	margin: 5px 0;
}

/* from old stylesheet */


#leftcol {
	float: left;
	width: 300px;
	padding: 25px 60px 25px 60px;
	color: #FFFFFF;
}
#leftcolNoIndent {
	float: left;
	width: 400px;
	padding: 0px 20px 0px 0px;
	color: #FFFFFF;
}
#leftcolNoIndent ul {
	padding-left: 40px;
	color: #990033;
	font-weight: bold;
}
#leftcol p {
	font-size: 13px;
}
#rightcol {
	float: right;
	width: 530px;
	min-height: 100%;
   	margin: 0px 0px 0px 0px;
   	padding: 0px 0px 0px 0px;
}
#subpageLeftColHeader {
	background: url(../../images/subpage_left_header_background.gif) repeat-y;
	float: left;
	width: 380px;
	height: 20px;
	padding: 5px 0px 0px 90px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}
#subpageLeftColOrangeBox {
	background: url(../../images/orange_bground.gif) repeat-y;
	float: left;
	width: 360px;
	padding: 20px 40px 20px 40px;
	color: #FFFFFF;
}
.subpageRightColHeader {
	background: url(../../images/subpage_right_header_background.gif);
	float: left;
	width: 570px;
	height: 25px;
	padding: 3px 0px 0px 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}
#subpageLeftColText {
	float: left;
	width: 300px;
	padding: 25px 40px 25px 40px;
	color: #FFFFFF;
}
#subpageLeftColTextBlack {
	float: left;
	width: 300px;
	padding: 25px 40px 25px 40px;
	color: #000000;
}
#subpageLeftColBeigeHigh {
	float: left;
	width: 340px;
	padding: 25px 40px 25px 40px;
	background: #d9d2b0;
	color: #000000;
}
#rightcolIndent {
	background: #FFFFFF;
	color:#000000;
	padding: 20px 80px 20px 40px;
	width: 450px;
}
#rightcolIndent ul {
	padding-left: 40px;
	color: #990033;
	font-weight: bold;
}
#twocolsidebar {
	background:  url(../../images/hp_sidebar_bground.gif) repeat-y;
	margin: 0px 5px 0px 0px;
	width: 100%;
	min-height: 100%
}
#twocolsidebarleft {
	width: 240px;
	height: 100%;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 10px 20px;
}
#twocolsidebarright {
	width: 250px;
	height: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
}
#twocolsidebarright p a {
	font-size: 12px;
}
.slideshow img {
	padding: 8px;
	border: 2px solid #d9d2b0;
}

.sidebarslideshow {
	margin: 0 auto;
}

.sidebarslideshow img {
	padding: 8px;
	border: 2px solid #d9d2b0;
}

.clear { clear: both; background: none; }
/** TEXT STYLES */
.white20 {
	color: #FFFFFF;
	font-size: 20px;
}
.white16 {
	color: #FFFFFF;
	font-size: 16px;
}
.white12 {
	color: #FFFFFF;
	font-size: 12px;
}
.black16 {
	color: #000000;
	font-size: 16px;
}
.black14 {
	color: #000000;
	font-size: 14px;
	
}
.red20 {
	color: #990033;
	font-size: 20px;
	font-weight: bold;
}
.red18 {
	color: #990033;
	font-size: 16px;
}
.red16 {
	color: #990033;
	font-size: 16px;
	font-weight: bold;
}
.red14 {
	color: #990033;
	font-size: 14px;
	font-weight: bold;
}
.red12 {
	color: #990033;
	font-size: 12px;
	font-weight: bold;	
	}
.opp14 {
	color: #990033;
	font-size: 13px;
	line-height: 15px;	
}
}
/** Search Styles **/
.searchtable {
	background: #cccccc;
	margin: 0 auto;
	width: 560px;
	margin-left: 20px;
}
.searchrow {
	background-color: #ffffff;
}
.searchrowhigh {
	background-color: #FBF7E1;;
}
/** Notes Styles **/
.notesbox {
	padding: 20px 10px 10px 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
	background-color: #ffc474;
}
.notesbox ul {
	padding-left: 20px;
	list-style: none;
}
.floatright {
	float:right;	
}


#siteMapWrapper {
	width:800px;
	margin: 0 auto;
	padding: 20px 40px 20px 40px;
}

#siteMapWrapper h1 {
	color: #8D0E3A;
	margin: 5px 0px;
	font-size: 24px;
}

#siteMapWrapper .sitecol {
	width:300px;
	float:left;
	font-size:14px;
	margin-left: 40px;
	padding:40px 20px 20px 20px;
}

#siteMapWrapper .sitecol ul li {
	list-style: none;
	padding-top: 10px;
}

#siteMapWrapper .sitecol ul li ul{
	padding-left: 40px;
}

#siteMapWrapper .sitecol a{
	text-decoration:none;
	color:#000;
}

#siteMapWrapper .sitecol a:hover{
	text-decoration:underline;
	color: #AF4D00;
}
