body {background: url("/img/bg.png"); font-family:'Montserrat Regular',Arial,Calibri,sans-serif; font-size:14px; line-height:1.5em;}
body#home .navHome img,body#conference .navConference img, body#members .navMembers img, body#news .navNews img, body#bylaws .navByLaws img, body#officers .navOfficers img, body#about .navAbout img, body#contact .navContact img {border-bottom:2px solid white; top:2px; position:relative;}
body#home .navHome img:hover, body#conference .navConf img:hover, body#members .navMembers img:hover, body#news .navNews img:hover, body#bylaws .navByLaws img:hover, body#officers .navOfficers img:hover, body#about .navAbout img:hover, body#contact .navContact img:hover {top:2px;}

.hide {display:none!important;}



#header {background: url("/img/header.png") repeat-x;height:138px;}


#branding {background: url("/img/logo_lg.png") no-repeat;height:95px; width:960px; margin: 0 auto; position:  relative; top:28px;}
#branding h1 {height:95px;width:400px; float:  left;}
#branding h1 a {display:block;height:95px;width:400px;}
#branding em {display:none;}

#name {background: url("/img/name.png") no-repeat; height:50px; width: 400px; float: left;position:  relative; top:20px; left: 26px;}

#menu {background: url("/img/menu.png") repeat-x; position:relative; height:60px; z-index:1;}

#menu ul {width: 980px; margin: 0 auto;}
#menu ul li {display: inline; position:relative; left:28px;}

#menu a {padding-right:30px;}
#menu img {margin-top:10px;}
#menu img:hover {border-bottom:2px solid white;position:relative; top:2px;}



#content {position:relative; top:-7px; }

#mainContent h4 {font-size: 20px;margin: 30px 50px 20px; background: #EAE1D1; padding: 10px 12px; color: #4f4d48;border-top: 1px solid #b5b1a9;border-bottom: 1px solid #b5b1a9;}

#mainContent {background:#f9f4ea;border:1px solid #d3ccbe;}
#mainContent a {color: #023773; font-weight: bold; text-decoration: none;}
#mainContent a:hover {border-bottom: 1px dotted;}
#mainContent a.imglink:hover {border-bottom:none;}
#mainContent p {margin: 10px 50px!important; color:#4f4d48;}
#mainContent H3 {font-size: 20px; margin:16px 50px; color: #003865;}
#mainContent .first {border: none;}
#mainContent dl {padding: 10px 60px 10px 100px ; color: #4F4D48;position:relative; top:  -86px;}
#mainContent dl dt{font-size: 18px; padding-top: 82px;  color: #003865;border-top: 1px solid #E4DFD4;}
#mainContent dl dd{padding: 10px 0;}

#mainContent .register {width: 155px; text-align: center; padding: 10px; border-radius: 4px; background:#b61c36; box-shadow:0 3px 0 rgba(226,221,211,.9);}
#mainContent .register:active {position: relative; top: 1px;}
#mainContent .register a {color: #f9f4ea;}

#mainContent .socialMedia {width: 155px; text-align: center; padding: 10px; border-radius: 4px; background:#b61c36; box-shadow:0 3px 0 rgba(226,221,211,.9);display: inline;position: relative;left: 50px;margin:0 0 0 16px;}
#mainContent .socialMedia:active {position: relative; top: 1px;}
#mainContent .socialMedia a {color: #f9f4ea;}

#mainContent .date {background: #b0aba3; border-radius: 100%; height: 5px; width: 5px; display: block; padding: 31px; position: relative; top: 162px; color: #f9f4ea; right: 84px;}

#mainContent .date em {font: normal 14px 'Montserrat Regular',Arial,Calibri,sans-serif;;position: relative;top: -28px;right: 11px;text-transform: uppercase;}

#mainContent .date strong {font: normal 28px 'Montserrat Regular',Arial,Calibri,sans-serif;position:  relative;right:  38px;top:  -4px;}
#mainContent #items li {list-style: none;margin: 0;}
#mainContent ul li {list-style:disc; margin:0 50px 0 100px;color:#4f4d48;}

#mainContent .timeline li {list-style:none;}

.alphaList {margin: 16px auto;}
.alphaList td{padding:0 8px; border-left: 1px solid #E4DFD4; color: #c0baac;}
.alphaList td a {color:#B61C36;}
#aa:target, #cc:target, #dd:target, #ff:target, #gg:target, #hh:target, #ii:target, #kk:target, #ll:target, #mm:target, #nn:target, #oo:target, #pp:target, #rr:target, #ss:target, #tt:target, #uu:target, #vv:target, #ww:target, #usdol:target {background: #f7e3bc; outline: 1px solid #ceb584;}
#mainContent .members li {list-style: none; margin: 0 0 0 50px;}
#mainContent .members {margin: 16px 0;}
#mainContent .state {font-size: 16px; color:  #374056; font-weight: bold;}
#mainContent .pr, #mainContent .pr .state {font-size: 90%;}
.ribbon {position:relative;left:-5px;margin-top:20px;}

#pagination li {display: inline; padding: 10px; margin: 3px; border: 1px solid #b0aba3; position: relative; top: 40px;}
#pagination li:hover {cursor:pointer; background: #B61C36; color:#f9f4ea ;}
#pagination .current {background:#b0aba3; color:5f5a51; border-color: #5f5a51;}

.divider {display:block;margin:20px;height:15px;border-bottom:1px solid #e4dfd4!important;clear:both; }
.title {font-style:italic; color:#b92942;}
.pic {text-align:center;}
#mainContent .pic a:hover {border-bottom:none;position: relative; top:-1px;}
#mainContent .pic a:active {top: 1px;}

.officerInfo h4 {font-size:18px;font-weight:normal;margin-top:10px;}
.officerInfo p {margin-left:0!important;}
.stateInfo {color:#374056!important;}

#mainContent .timeline li {padding: 5px 0 14px;}
#mainContent .timeline .year {background: #B61C36;width:30px; padding:4px 8px; color: #fff; border-radius: 2px;}

#mainContent .googleCal {padding: 40px 0 40px 10px;}
#mainContent .larry {padding:50px 0;}
#mainContent .larry em {position: absolute; top: 124px; left: 52px; width: 230px;font: italic 18px/1.5em droid serif, serfi;}

#footer {margin-top:15px; padding-left:40px;margin-bottom:15px;}

#footer p {font-family:Arial; font-size:11px; font-weight:bold;color:#959085;line-height:1.5em;}

#archConf {position: absolute;top: 32px;right: 28px;cursor:pointer;background: #D3CCBE;border-radius: 4px;padding: 4px;border: 1px solid #CBC4B5;font-style: italic;}
#archConf a {color: #928c80; padding: 6px 12px; font-weight: normal;}
#archConf a:hover {border: none; color: #fff;}
#archConf:hover {background:#B61C36;}

/***************************sliderjs*/

#container {
	width:580px;
	padding:10px;
	margin:20px auto 0;
	position:relative;
	z-index:0;
}

#example {
	width:600px;
	height:312px;
	position:relative;
}


#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:570px;
	height:270px;
	display:block;
}

.slides_container div.slide a:hover {cursor: pointer;}

/*
	Next/prev buttons
*/
#slides .next:hover, #slides .prev:hover {border:none;}
#slides .next:active, #slides .prev:active {top:108px;}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

#mainContent .pagination {
	margin:26px auto 0;
	width:100px;
}

#mainContent .pagination li {
	float:left;
	margin:0 10px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}