@charset "utf-8";
@import "browser_resets.css";

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 100%;
	margin: 0px;
	margin-top:5px;
	padding: 0px;
	text-align: center;

	/*background: url(../assets/top_strip.jpg) repeat-x top center;
	background-color: #fff;*/
}

* {margin: 0px; padding: 0px;}
a img {border: none;}

/*============================================ Framework ==*/

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#masthead {height: 120px; background: url(../images/logo.jpg) no-repeat top left;}

#masthead-text{float:right; margin-top:10px; }
#masthead-text p{ padding:1px; color:#231f20; font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight:lighter;
}
#masthead-text b{ color:#cd1041;}
.masthead-text-bold{font-weight:bold;}

#content-wrapper {padding: 5px 0px;}
#content {width: 640px; color: #000000;}
body #content {width: 900px;float: right;}

#left-col { width:490px; float: left;}
#right-col { width:400px; float: right;}
#right-col img{ margin-bottom:25px;}

#footer-wrapper {
	width: 100%;
	clear: both;
}

/*============================================ Master Typography ==*/
a{text-decoration:underline; color:#677f8f;}
a:hover{text-decoration:underline; color:#cd1041;}
div#content h1 {
	margin-top:0.2em;
	margin-left:20px;
	font-size: 1.6em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:lighter;
	color:#d4b439;
}

div#content h1 b, div#content h2 b, div#content h1 strong,div#content h2 strong{ color:#9f1b3c; font-weight:normal; }
div#content h2 {
	margin-top:0.2em;
	margin-left:20px;
	font-size: 0.8em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#9f1b3c;
	font-weight:normal;
}
div#content h3 {
	margin-top:0.2em;
	font-size: 0.8em;
	line-height: 1.3em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#9f1b3c;
	font-weight:normal;
	text-align:center;
}
div#content p {
	font-size: .74em;
	line-height: 1.4em;
	margin-bottom: 1em;
	margin-left:20px;
}

.InputBox {
width:300px;
background-color: white;
border:1px #ffb6c1 solid;
padding:1px;
color:#677f8f;
}

.InputBoxNormal{
background-color: white;
border:1px #ffb6c1 solid;
padding:1px;
color:#677f8f;
}

.ButtonRollover{
	cursor:pointer;
}


/*============================================ Main Navigation ==*/
#main-nav {height: 35px; background-color:#9f1b3c; margin-bottom:1px;}

#main-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main-nav li {
	background: url(../images/divider.jpg) no-repeat center right;
	float: left;
}
#main-nav li.last {
	background: none;
}
#main-nav a:link, #main-nav a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: .75em;
	padding: 10px 20px 9px 10px;
	text-transform:uppercase;
}
#main-nav a:hover {
	color: #d4b439;
/*	background: url(../assets/nav_highlight.jpg) no-repeat 50% 95%;*/
}

/*-- Drop down menu --*/
#main-nav ul li ul {
	display: none;
	position: absolute;
	background-color: #9f1b3c;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
}
#main-nav ul li ul li{
	background-image: none;
	float:none;
}
#main-nav li ul li a:link, #main-nav li ul li a:visited {
	line-height: 20px;
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	width:100px;
}
#main-nav li ul li a:hover {
	color: #d4b439;
	background-image: none;
	opacity:0.9;
	filter:alpha(opacity=90);

}
#main-nav ul li:hover ul {
	display: block;
	opacity:0.9;
	filter:alpha(opacity=90);
}

/* ============ END OF DROP DOWN ============ */

#sub-nav {height: 35px; background-color:#d4b439; margin-top:1px;}

#sub-nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sub-nav li {
	background: url(../images/divider.jpg) no-repeat center right;
	float: left;
}
#sub-nav li.last {
	background: none;
}
#sub-nav a:link, #sub-nav a:visited {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: .75em;
	padding: 10px 42px 9px 42px;
	text-transform:uppercase;
}
#sub-nav a:hover {
	color:#9f1b3c;
/*	background: url(../assets/nav_highlight.jpg) no-repeat 50% 95%;*/
}

body#home a.nav-home,
body#join a.nav-join,
body#history a.nav-history,
body#contact a.nav-contact,
body#register a.nav-register,
body#members a.nav-members
{
	color:#d4b439;
}

body#why a.nav-why,
body#news a.nav-news,
body#memebers-benefits a.nav-memebers-benefits
{
    color:#9f1b3c;
}

body#history a.nav-history-foot
{
	color:#d4b439;
}

body#directors #content #left-col p, body#directors #content #right-col p, #right-col ul, body#directors table p,
body#staff table p, body#staff #content ul
{
    color:#999999;
    font-size:11px;
}

body#directors #left-col h1, body#directors #right-col h1
{
    font-size:1.0em;
    background-image:url(../images/Staff_Tag.jpg);
	background-repeat:no-repeat;
	background-position:center center ;
	height:30px;
	padding-top:12px;
	color:#9f1b3c;                                                         
}
body#directors table h1, body#staff table h1
{
    font-size:13px; 
    background-image:url(../images/Staff_Tag.jpg);
	background-repeat:no-repeat;
	background-position:center center ;
	height:30px;
	padding-top:12px;
	color:#9f1b3c;
}

body#directors table td p, body#staff table td p
{
  padding:14px;
}

/* =========================================== Content ==*/
#mainImage{height:158px;}

body#home #mainImage{background-image:url(../images/bg/9.jpg);}
body#history #mainImage{background-image:url(../images/bg/2.jpg);}
body#directors #mainImage{background-image:url(../images/bg/3.jpg);}
body#staff #mainImage{background-image:url(../images/bg/4.jpg);}
body#join #mainImage{background-image:url(../images/bg/5.jpg);}
body#contact #mainImage{background-image:url(../images/bg/6.jpg);}
body#why #mainImage{background-image:url(../images/bg/7.jpg);}
body#memebers-benefits #mainImage{background-image:url(../images/bg/8.jpg);}
body#news #mainImage{background-image:url(../images/bg/12.jpg);}
body#join #mainImage{background-image:url(../images/bg/10.jpg);}
body#members #mainImage{background-image:url(../images/bg/11.jpg);}
#mainImage {background-repeat:no-repeat; background-color:#CCCCCC;}
#Panel-Login{
	background-image:url(../images/Panel-Login.jpg);
	background-repeat:no-repeat;
	width:250px;
	height:75px;
}

#Panel-Login p{
	padding:10px;
	padding-left:5px;
}
#Panel-Login input{ border-color:#9fc1d9; border-width:1px; width:140px; margin:1px; padding:1px; height:12px; font-size:0.8em;}
#Panel-Login span{color:#99bdd7; font-size:13px; text-align:right; float:right;}
#Panel-Login br {margin-bottom:8px;}

#ACC_Panel-Login
{
    border-color:#9fc1d9;
    border-style:solid;
    border-width:2px;
	width:270px;
	height:110px;
}

#ACC_Panel-Login p{
	padding:10px;
	padding-left:5px;
}
#ACC_Panel-Login input{ border-color:#9fc1d9; border-width:1px; width:140px; margin:1px; padding:1px;}
#ACC_Panel-Login span{color:#99bdd7; font-size:13px; text-align:right; float:right;}
#ACC_Panel-Login br {margin-bottom:8px;}

#Panel-SearchContainer
{
    float:right; 
    margin-top:22px;                    
}
#Panel-Search, #Panel-SearchMember{
	border:solid;
	border-width:1px;
	padding:5px;
	margin-top:5px;
	margin-right:15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:260px;
}

#Panel-Search p, #Panel-SearchMember p{
	font-size:11px;
}

#Panel-Search input, #Panel-SearchMember input{ border-color:#000000; border-width:1px; padding:1px; width:130px}
#Panel-Search input{ margin-left:12px;}

.Panel_Feed_Top{
	background: url(../images/Panel-Feed-Top.jpg) no-repeat;
	padding-left:5px;
	padding-top:19px;
}

.Panel_Feed_Bottom{
	background: url(../images/Panel-Feed-Bottom.jpg) no-repeat;
	padding-left:5px;
	padding-top:10px;
	margin-bottom:-20px;
	height:30px;
}

.Panel_Feed{
	background: url(../images/Panel-Feed-Mid.jpg) repeat-y;
	margin-top:-10px;
	margin-bottom:-13px;
	width:195px;
}
.Panel_Feed-RSS{ margin-right:10px; float:right; margin-top:-30px;}
div#Panel_Feed h1{ font-size:1.0em; color:Black; margin-left:10px;}
div#Panel_Feed p{ float:left; margin-top:-20px; font-size:0.6em; margin-right:10px; margin-left:10px;}
div#Panel_Feed span{float:right; background: url(../images/icon-moreinfo.jpg) no-repeat top right; padding-right:25px; padding-top:2px; height:20px;}

#Panel_Building{
	background: url(../images/Panel-Building.jpg) no-repeat;
	margin-top:-10px;
	margin-bottom:-13px;
	width:195px;
	height:250px;
}

#Panel_People{
	background: url(../images/Panel-People.jpg) no-repeat;
	margin-top:-10px;
	margin-bottom:-13px;
	width:195px;
	height:250px;
}
div#Panel_Building p, div#Panel_People p{ color:#ffffff; padding-top:190px;}

#Panel_Side{
	background: url(../images/Panel-Side.jpg) no-repeat;
	margin-top:-10px;
	margin-bottom:-13px;
	width:155px;
	height:450px;
	padding:5px;
}

div#Panel_Side h1	
{
	font-size: 1.1em;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#9f1b3c;
	font-weight:normal;
}

div#Panel_Side ul, div#Panel_Side-Big ul, div#Panel_Side-Medium ul, #tblMemberBenefits ul
{
    padding:10px;
    padding-right:0px;
	padding-left:40px;
	font-size:1.1em;
	color:#000000;
}
	
div#Panel_Side li, div#Panel_Side-Big li, div#Panel_Side-Medium li, #tblMemberBenefits li
{
   list-style-image: url(../images/bullet-large.jpg);
   margin:15px;
   margin-left:5px;
   padding-right:1px;
}

div#Panel_Side-Big table{ margin-top:15px; margin-left:15px; margin-right:25px;}

div#Panel_Side-Big table td p
{
    margin-right:5px;
	font-size:11px;
	color:#000000;
}

div#Panel_Side-Big{
	background: url(../images/Panel-Side-Big.jpg) no-repeat;
	margin-top:-10px;
	margin-bottom:-13px;
	width:430px;
	height:450px;
	padding:5px;
}

div#Panel_Side-Medium{
	background: url(../images/Panel-Side-Medium.jpg) no-repeat;
	margin-top:-10px;
	margin-bottom:-13px;
	width:190px;
	height:450px;
	padding:5px;
}

div#Panel_Side-Medium h3{ color:#9f1b3c; margin-top:10px;}
div#Panel_Side-Medium li{color:black; font-size:12px; margin-left:15px;}
#tblMemberBenefits{ width:100%; margin-left:30px;}
#tblMemberBenefits li{color:#9f1b3c;}

.EmailLinks{color:#9f1b3c;}

body#news div#content{background: url(../images/Panel-Side-Big2.jpg) no-repeat;}
body#news #GridView th{ text-align:left; font-weight:normal; font-size:12px; text-transform:uppercase; color:#9f1b3c; border-bottom: 1px solid #d4b439;}
body#news #GridView{width:700px; text-align:left; margin-left:80px;  padding:5px; border-color:#f5eed4;}
body#news #GridView td{ vertical-align:top; border-bottom: 1px solid #d4b439; min-width:100px;}

/*========================== FORMS ====== */
form {
}

fieldset {
	width:50%;
	border: none;
	margin-bottom: .2em;
	padding: 15px 20px;
	background-color: #CCCCCC;
	font-size: .7em;
	font-weight: bold;
}
	
form fieldset ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#content form fieldset li {
	margin: 5px 0px 8px 0px;
	list-style-image:none;
}
form fieldset ul li.code {
	margin-left: 0px;
}
form td {
	font-size: .7em;
	font-weight: bold;
	color: #666666;
	padding:3px;
}

.TD-LabelRight{ text-align:right;}

form input, .InputBox {
    width: 85%;
	/*font-size: 1.2em;*/
	margin: 5px 5px 0px 0px;
	border:1px #ffb6c1 solid;
    padding:1px;
    color:#677f8f;
}


form input.button {
	width: auto;
	padding: 5px 5px;
	margin:0px;
	cursor:pointer;
	font-size:11px;
	border:1px #9f1b3c solid;
	background-color:#9f1b3c;
	color:#ffffff;
	opacity:0.9;
	filter:alpha(opacity=90);
}
/*============================================ Footer ==*/
#footer {
	margin: 0 auto;
	color: #000000;
	text-align:center;
	width:900px;
	font-size:0.9em;
}

div#footer #foot1{height:18px; padding-left:8px; background-color:#9f1b3c;}
div#footer #foot1 a:link, div#footer #foot1 a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: .60em;
	text-transform:uppercase;
	width:100%;
}
div#footer #foot1 a:hover {
	color: #d4b439;
/*	background: url(../assets/nav_highlight.jpg) no-repeat 50% 95%;*/
}

.td-divider{
background: url(../images/divider.jpg) no-repeat center right;
}

div#footer #foot1 a.last {
	background: none;
}

#foot2{text-align:center; font-size:9px;}

.NewsNonAccessable td{ background-color:#dddddd; font-weight:normal; color:#878888;}
.NewsNonAccessable a{text-decoration:none; font-weight:normal; color:#878888;}
.NewsNonAccessable a:hover{ color:#878888; cursor:default;}

#spanRemeberMe input{ border:none; width:30px; cursor:pointer;}