/*= Core Structure 
======================================================== */
*{
	margin:0;
	padding:0;
}

html, body {
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#181C47;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:750px;
	text-align:left;
	border:1px solid #2F0D0D;
}

#floatwrapper{
	width:100%;
	background:#fff url(../Images/Core/Background.gif) 0 0 repeat-y;
}

#Footer{
	margin:0 auto;
	position:relative;
	width:750px;
	height:16px;
	background:url(../Images/Core/Footer.gif) repeat-x 0 0;
}
#FooterLeft{
	position:absolute;
	left:-1px;
	right:0;
}
#FooterRight{
	position:absolute;
	right:-1px;
	top:0;
}


/* =Header Elements 
===================================================== */
#Header{
	position:relative;
	height:157px;
	width:100%;
	background:url(../Images/Core/HeaderBackgr.gif) 0 0 repeat-x;
}
#Header img{
	float:left;
}

#Shield{
	position:absolute;
	left:329px;
	top:50px;
}
#HeadSep{
	background:url(../Images/Core/HeaderSep.gif) repeat-x 0 0;
	width:100%;
	height:29px;
}

/* = Left Column
   = Navigation 
===============================================*/
#LeftColumn{
	float:left;
	width:185px;
	margin-bottom:30px;
}

#nav{
	width:160px;
	margin:20px 0 10px 10px; 
	list-style:none;
}

#nav li {
	width:160px;
	margin-bottom:0.5em;
}
#nav .home, #nav .history, #nav .calendar, #nav .events, #nav .news, #nav .membership, #nav .commitee, #nav .contacts{
	display:block;
	width:160px;
	height:30px;
}
#nav .home{
	background:url(../Images/Core/Home.gif) no-repeat left top;
}
#nav .home:hover{
	background-position:right top;
}
#nav .history{
	background:url(../Images/Core/History.gif) no-repeat left top;
}
#nav .history:hover{
	background-position:right top;
}
#nav .calendar{
	background:url(../Images/Core/Calendar.gif) no-repeat left top;
}
#nav .calendar:hover{
	background-position:right top;
}
#nav .events{
	background:url(../Images/Core/Events.gif) no-repeat left top;
}
#nav .events:hover{
	background-position:right top;
}
#nav .news{
	background:url(../Images/Core/News.gif) no-repeat left top;
}
#nav .news:hover{
	background-position:right top;
}
#nav .membership{
	background:url(../Images/Core/Membership.gif) no-repeat left top;
}
#nav .membership:hover{
	background-position:right top;
}
#nav .commitee{
	background:url(../Images/Core/Commitee.gif) no-repeat left top;
}
#nav .commitee:hover{
	background-position:right top;
}
#nav .contacts{
	background:url(../Images/Core/contacts.gif) no-repeat left top;
}
#nav .contacts:hover{
	background-position:right top;
}


/* = Main content========================================================== */
#RightColumn{
	float:right;
	width:560px;
	margin:35px 0 25px 0;
}
#ContentContainer{
	position:relative;
	width:540px;
	margin:0 10px 20px 10px;
}
#PageTitle{
	position:absolute;
	right:3px;
	top:-30px;
	font-size:120%;
}

/* = Pages 
============================================================ */
/* = Contacts ---------------------------------- */
#Form{
	width:100%;
	border:none;
}
#Form td{
	padding:3px 2px;
}
#Form td.label{
	width:29%;
}
#Form td.fields{
	width:71%;
}

#Form input, #Form textarea, #Form select{
	background-color:#FFFFF5;
	border:1px solid #999999;
	height:20px;
}
#Form textarea{
	height:200px;
	width:330px;
}
#Form select{
	width:17em;
}

#Form input:focus, #Form textarea:focus{
	background-color:#F7E1E1;
}

#Form .submit{
	background-color:#882121;
	border:1px solid #000;
	color:#FFF;
	font-weight:bold;
	width:90px;
	height:25px;
	vertical-align:middle;
	cursor: pointer;
}

#Form .submit:hover, #Form .submit:focus{
	background-color:#FFFFF5;
	border:1px solid #000;
	color:#000;
	cursor:hand;
}

#ErrorMessage{
	font-weight:bold;
	color:#CC0000;
}
#ErrorMessage ul{
	margin-left:25px;
	margin-bottom:10px;
	list-style:square;
}

/* = Committee ---------------------------- */
#President{
	float:right;
	width:140px;
	margin:0 5px 10px 10px;
	font-size:85%;
	font-weight:bold;
	text-align:center;
}
#President img{
	border:1px solid #000;
	margin-bottom:5px;
}

/* = Membership ---------------------------- */
.docLink{
	display:block;
	float:left;
	margin-right:20px;
	width:200px;
	height:3em;
	line-height:2.5em;
	background-color:#E2E2E2;
	border:1px solid #333333;
	color:#000;
	text-align:center;
}

.docLink:hover{
	text-decoration:none;
	background-color:#990000;
	color:#fff;
}

/* = Events ------------------------------- */
.ReunionList{
	width:100%;
	margin-bottom:15px;
	border:1px solid #990000;
}
.ReunionList th{
	width:32%;
	background-color:#9D0000;
	color:#FFF;
	padding:3px 2px;
}
.ReunionList td{
	padding:2px 2px;
}

/* = Site map ----------------------------- */
#sitemap{
	list-style-image:url(../Images/Core/SiteMap_Bullet.gif);
	margin-left:30px;
}
#sitemap li{
	margin-bottom:10px;
}

#sitemap ul{
	list-style-image:url(../Images/Core/SiteMap_SubBullet.gif);
	margin-left:20px;
}

	
/* = Page elements 
================================================ */
/* = Footer ------------------------ */
#FooterLinks{
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:3px;
	font-size:85%;
}
#FooterLinks a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#FooterLinks a:hover{
	text-decoration:underline;
}

#CopyRight{
	color:#fff;
	font-size:85%;
}

h1, h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:140%;
	margin-bottom:0.6em;
	color:#990000;
}

h2{font-size:120%;}

p{margin-bottom:1em;}

a{color:#990000;text-decoration:none;}
a:hover{text-decoration:underline;}

.Left{float:left;}
.Right{float:right;}

.hide{
	position:absolute;
	left:-9000px;
}
.bold{font-weight:bold;}
.indent{margin-left:30px;}
.handcursor{
font-weight:bold;
cursor:hand;
cursor:pointer;
}
.errorList{
	list-style:square;
	color:#B00102;
	font-weight:bold;
	margin-bottom:10px;
}


/* CLEARING FLOATS -------------------------------------------------------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
	content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
	clear: both; /* Makes the generated content appear after the floats. */
	height: 0; /* Sets its height to zero so it doesn't show. */
	visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
	display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}
 
.clearfix {
	display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. */
	}

/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	}
/* End hide from MacIE */

.clear
{
     height:0;
     line-height:0;
     font-size:0;
     clear:both;
}