html, div, map, dt, isindex, form {  
//==    display: block;  
}  
/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
}  
* {
	font-size: 11pt;
	border: 0 none;
	outline: 0;
}
	
/***** GLOBAL *****/
body, p {
	color: #000;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-family : Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
body {
	text-align: left;
}
a {
	color: #03C;
	font-style: normal;
	font-weight: normal;
	font-size: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

strong {
	font-size: inherit;
	font-weight: bold;
}
h1 {
	color: #000;
	font-size: 1.2em;
}
h2 {
	color: #000;
	font-size: 1.1em;
}
h3 {
	color: #000;
	font-size: 1em;
}
h4 {
	color: #000;
	font-size: .9em;
}
h5 {
	color: #000;
	font-size: .8em;
}

/***** SLIDESHOW *****/
#slideshow-container  {
	text-align: center;
	height:200px; 
	position:relative; 
}
#slideshow-container img { 
	display:block; 
	position:absolute; 
	top:0; 
	left:5px; 
	z-index:1; 
}

/***** CLASSES *****/
.GlobalHDR {
	float: left;
	vertical-align: top;
	width: 100%;
}

.GlobalFTR {
	clear: both;
	width: 100%;
}

.GlobalROW {
	float: left;
	vertical-align: top;
	width: 100%;
}
.GlobalCOL {
	float: left;
	vertical-align: top;
	height: 1%;
}
.SBSHRM_HDR_Blue {
	float: left;
	vertical-align: top;
	height: 1%;
	background-color: #5986bf;
	font-weight: bold;
	font-size: .8em;
	border-right: #FFF medium solid;
	padding: 2px;
}
.SBSHRM_HDR_BlueUL {
	float: left;
	vertical-align: top;
	height: 1%;
	background-color: #5986bf;
	font-weight: bold;
	font-size: .8em;
	border-right: #FFF medium solid;
	border-bottom: #000 3px solid;
	padding: 2px;
}
.SBSHRM_HDR_Red {
	float: left;
	vertical-align: top;
	height: 1%;
	background-color: #db6d6e;
	font-weight: bold;
	font-size: .8em;
	border-right: #FFF medium solid;
	padding: 2px;
}
.SBSHRM_HDR_RedUL {
	float: left;
	vertical-align: top;
	height: 1%;
	background-color: #db6d6e;
	font-weight: bold;
	font-size: .8em;
	border-right: #FFF medium solid;
	border-bottom: #000 3px solid;
	padding: 2px;
}
.SBSHRM_Rows {
	float: left;
	vertical-align: top;
	height: 1%;
	font-size: .8em;
	border-right: #FFF medium solid;
	padding: 2px;
}
.AltRow1 {
	float: left;
	vertical-align: top;
	height: 1%;
	font-size: .8em;
	border-right: #FFF medium solid;
	padding: 2px;
}
.AltRow2 {
	float: left;
	vertical-align: top;
	height: 1%;
	background-color: #DDD;
	font-size: .8em;
	border-right: #FFF medium solid;
	padding: 2px;
}

/***** SECTIONS *****/
#container {
	padding: 5px 0 5px 0;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
}
header {
	float: left;
  	width: 100%;
	z-index: 5;
}
	#siteHeaderR1 {
		background: url(/images/header1.jpg) no-repeat; 
		height: 145px;
		float: left;
		vertical-align: top;
		width: 100%;
	}
	#siteHeaderR2 {
		background: url(/images/header2.jpg) no-repeat; 
		height: 28px; 
		line-height: 28px;
		text-align: right; 
		vertical-align: middle; 
		float: left;
		vertical-align: top;
		width: 100%;
	}
		#siteHeaderR2 ul {
			display: inline;
			padding: 0 5px 0 0;
		}
			#siteHeaderR2 li {
				display: inline;
				list-style: none;
				color: #FFF;
			}
				#siteHeaderR2 a {
					color:#FFF;
					font-size: .9em;
					font-weight: bold;

				}

section {
	float: left;
	vertical-align: top;
	width: 100%;
	background: #FFF url(/images/bkg_logo_bw.jpg) top right no-repeat;
}
	nav {
		top: 0;
		left: 0:
		position: relative;
		float: left;
		vertical-align: top;
		width: 175px;
		height: 100%;
		margin: 0;
		text-align: left;
	}
 
		ul.nav {
			left: 0;
			top: 0;
			list-style: none;
			display: block;
			width: 175px;
			padding: 0 0 5px 0;
			margin: 0;
		}
		 
			li {
				margin: 3px 0 0 0;
			}
		 
		ul.nav li a {
			margin: 0;
			font-size: .8em;
			font-weight: bold;
			-webkit-transition: all .3s ease-out;
			background: #57b39a ;
			color: #FFF;
			padding: 7px 5px 7px 5px;
			-webkit-border-top-right-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			width: 160px;
			display: block;
			text-decoration: none;
			-webkit-box-shadow: 2px 2px 4px #888;
			/*MOZILLA*/
			-moz-transition: all 0.3s ease-out;
			-moz-border-radius-topright: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-box-shadow: 2px 2px 4px #888;
			z-index: 2;
		}
		 
		ul.nav li a:hover {
			background: #db6d6e;
			color: #FFF;
			padding: 7px 10px 7px 10px;
		}
		
		ul.navSub {
			margin: 0;
			left: 0;
			list-style: none;
			display: block;
			width: 165px;
			padding: 0 0 0 0;
		}
		 
			li {
				margin: 3px 0 0 0;
			}
		 
		ul.navSub li a {
			margin: 0;
			font-size: .8em;
			font-weight: bold;
			-webkit-transition: all .3s ease-out;
			background: #CCC ;
			color: #666;
			padding: 3px 0px 3px 20px;
			-webkit-border-top-right-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			width: 150px;
			display: block;
			text-decoration: none;
			-webkit-box-shadow: 2px 2px 4px #888;
			/*MOZILLA*/
			-moz-transition: all 0.3s ease-out;
			-moz-border-radius-topright: 10px;
			-moz-border-radius-bottomright: 10px;
			-moz-box-shadow: 2px 2px 4px #888;
			z-index: 2;
		}
		 
		ul.navSub li a:hover {
			background: #999;
			color: #FFF;
			padding: 3px 0px 3px 20px;
		}
 	
	article {
		top: 0;
		left: 0;
		float: left;
		height: 100%;
		width: 765px;
		padding: 10px;
		font-size: 1em;
		text-align: left;
	}
		#breadcrumbs {
			padding: 0 0 5px 0;
			margin: 0;
			text-align: left;
		}
			#breadcrumbs ul {
				display: inline;
				padding: 0 5px 0 0;
				margin: 0;
			}
				#breadcrumbs li {
					display: inline;
					list-style: none;
					color: #333;
					font-size: .8em;
				}
				#breadcrumbs a {
					color: #333;
					font-size: inherit;
				}

footer {
	float: left;
   	width: 100%;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	background-color: #5b86bc;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
	footer ul {
			display: inline;
			padding: 0 5px 0 0;
		}
			footer li {
				display: inline;
				list-style: none;
				font-size: .8em;
			}
				footer a {
					color:#FFF;
					font-size: inherit;
				}




	
/***** FORMS *****/
form{
	margin:0;
	padding:0;
}
fieldset{
	margin:1em 0;
	border:none;
	border-top:1px solid #ccc;	
}
legend{
	margin:1em 0;
	padding:0 .5em;
	color: #bf0f0f;
	background:transparent;
	font-size:1.3em;
	font-weight:bold;
}
label{
	float:left;
	width:200px;
	padding:0 1em;
	text-align:right;
}
fieldset div{
	margin-bottom:.5em;
	padding:0;
	display:block;
}
fieldset div input{
	width: 150px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1px;color:#333;
}
fieldset div textarea{
	width: 150px inherit;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:1px;color:#333;
}
div.fm-multi div{
	margin:5px 0;
}
div.fm-multi input{
	width:1em;
}
div.fm-multi label{
	display:block;
	width:200px;
	padding-left:5em;
	text-align:left;
}
#fm-submit{
	clear:both;
	padding-top:.5em;
	padding-bottom: .5em;
	text-align:center;	
}
#fm-submit input{
	border:1px solid #333;
	padding:2px 1em;
	background:#555;
	color:#fff;
	font-size:100%;
}
input:focus,textarea:focus{
	background: #efefef;
	color: #000;
}
fieldset div.fm-req{
	font-weight:bold;
}
fieldset div.fm-req label:before{
	content:"* ";
}
fieldset div.fm-bold{
	font-weight: bold;
}
fieldset div.fm-norm{
	font-weight: normal;
}

p#fm-intro{
	margin:0;
}

/*Form: Events*/
#Event label {
	width: 180px;
}
#Event fieldset div input{
	width: 400px;

}
#Event fieldset div textarea{
	width: 400px;
	height: 300px;
}
/*Form: RSVP*/
#RSVP label {
	width: 200px;
}
#RSVP fieldset div input{
	width: 400px;

}
#RSVP fieldset div textarea{
	width: 400px;
	height: 300px;
}
/*Form: PROFILE*/
#Profile label {
	font-weight: bold;
	width: 200px;
}
#Profile fieldset div input{
	width: 400px;
}
#Profile fieldset div textarea{
	width: 400px;
	height: 300px;
}
#Profile fieldset div{
	font-weight: normal;
}

/*Form: APPLICATION*/
#Application fieldset div input{
	width: 300px;
}
#Application fieldset div textarea{
	width: 400px;
	height: 300px;
}

/*Form: SPONSOR*/
#Sponsor fieldset div input{
	width: 300px;
}
#Sponsor fieldset div textarea{
	width: 300px;
	height: 300px;
}

/*LISTS*/
	#Lists {
	}
	#Lists ul {
		list-style: none;
		display: inline;

	}
	#Lists li {
		list-style: none;
		display: inline;
		font-size: .85em;
	}
	.ListHdr li {
		list-style: none;
		display: inline;
		float: left;
		padding: 0px 10px 2px 3px;
		font-weight: bold;
		border-bottom: #000 medium solid;
	}
	.List li {
		list-style: none;
		display: inline;
		float: left;
		padding: 1px 10px 1px 3px;
		font-weight: normal;
	}


/*Members*/
	#Members {
	}
	#Members ul {
		list-style: none;
		display: inline;

	}
	#Members li {
		list-style: none;
		display: inline;
		margin: 0;
		font-size: .85em;
	}
	.MbrHdr li {
		display: block;
		float: left;
		padding: 3px 10px 3px 3px;
		font-weight: bold;
		border-bottom: #000 medium solid;
	}
	.Mbr li {
		display: block;
		float: left;
		padding: 0 10px 0 3px;
		font-weight: normal;
	}

/*Events*/
	#Events {
	}
	#Events ul {
		list-style: none;
		display: inline;

	}
	#Events li {
		list-style: none;
		display: inline;
		margin: 0;
		font-size: .85em;
	}
	.EventHdr li {
		display: block;
		float: left;
		padding: 3px 10px 3px 3px;
		font-weight: bold;
		border-bottom: #000 medium solid;
	}
	.EventHdrORIG li {
		display: block;
		float: left;
		padding: 3px 10px 3px 3px;
		background: #db6d6e;
		font-weight: bold;
		border-right: #FFF medium solid;
	}
	
	.EventDate {
		display: block;
		width: 90px;
		float: left;
		padding: 0 10px 0 0;
	}
	.EventTime {
		display: block;
		width: 75px;
		float: left;
		padding: 0 10px 0 0;
	}
	.EventTitle {
		display: block;
		width: 250px;
		float: left;
		padding: 0 10px 0 0;
	}
	.EventLoc {
		display: block;
		width: 150px;
		float: left;
		padding: 0 10px 0 0;
	}
	
	/*CR's*/
	#CRs {
	}
	#CRs ul {
		list-style: none;
		display: inline;

	}
	#CRs li {
		list-style: none;
		display: inline;
		margin: 0;
		font-size: .85em;
	}
	.CRHdr li {
		display: block;
		float: left;
		padding: 1px 10px 1px 3px;
		font-weight: bold;
		border-bottom: #000 medium solid;
	}
	
	.CRDate {
		display: block;
		width: 70px;
		float: left;
		padding: 0 10px 0 2px;
	}
	.CRTitle {
		display: block;
		width: 400px;
		float: left;
		padding: 0 10px 0 5px;
	}
	.CRUser {
		display: block;
		width: 75px;
		float: left;
		padding: 0 10px 0 3px;
	}
	.CRStatus {
		display: block;
		width: 75px;
		float: left;
		padding: 0 10px 0 3px;
	}
	.CRUpdate {
		display: block;
		width: 100px;
		float: left;
		padding: 0 0 0 2px;
	}
	
	/*CR Details*/
	#CR_Details {
	}
	#CR_Details ul {
		list-style: none;
		display: inline;

	}
	#CR_Details li {
		list-style: none;
		display: inline;
		margin: 0;
		font-size: .85em;
	}
	.CR_DetailsHdr li {
		display: block;
		float: left;
		padding: 1px 10px 1px 3px;
		font-weight: bold;
		border-bottom: #000 medium solid;
	}
	
	.CR_DetailsDate {
		display: block;
		width: 100px;
		float: left;
		padding: 0 10px 0 2px;
	}
	.CR_DetailsDesc {
		display: block;
		width: 350px;
		float: left;
		padding: 0 10px 0 5px;
	}
	.CR_DetailsUser {
		display: block;
		width: 75px;
		float: left;
		padding: 0 10px 0 3px;
	}
	
	#CrDetail_Header {
		font-size: .9em;
		float: left;
	}
	#CrDetail_Main {
		float: left;
		font-size: .9em;
		border-top: #999 thin solid;
	}
	.CrDetail_Header_Row {
		font-size: inherit;
		width: 100%;
		line-height: 15px;
		float: left;
		padding: 0 0 2px 0;
	}
	.CrDetail_Header_Left {
		font-weight: bold;
		width: 100px;
		text-align: right;
		font-size: inherit;
		float: left;
		padding: 0 5px 0 0;
	}
	.CrDetail_Header_Right {
		font-weight: normal;
		width: 500px;
		font-size: inherit;
		float: left;
	}