/* =THE BIG GUYS */
html {margin:0;padding:0}
body {background:#fff;margin:0;width:800px; margin-left:auto; margin-right:auto;padding:0;color:#0B3668;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* =LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#333333} 
a:visited {color:#333333} 
a:hover,a:active { color:#333333} 

/* =GENERAL */
form {margin:0}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
input.f-submit {padding: 1px 3px;font-weight:bold;margin-bottom:1px}
img {border:none} 
hr {margin: 1em 0;background:#E3E8EE;height:1px;color:#E3E8EE}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* =HEADINGS */
h1, h2, h3, h4, h5, h6 {letter-spacing: 1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em; color:#003366;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 136%}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

/* =TYPOGRAPHY */
p {margin: 0 0 1.5em}
ul, ol {margin-top:0}

/* =LAYOUT =HEADER */
#header {background: #ffffff repeat-x 0 0;padding: 10px 0 0; overflow:visible;}
	#header h1 {margin: 0 0px 0px;padding:0;color:#fff;border:none}
	#nav, #nav ul {padding: 0;margin:0;list-style: none;line-height: 1.55; width:137px; border-bottom: thin #fff;overflow:visible;}
	#nav {height: 100%;font-weight:bold;padding-left:0px}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer} 
	#nav a:link {color:#fff} 
	#nav a:visited {color:#fff} 
	#nav a:hover,a:active {color:#fff} 
	#nav a {display: block;background:#616466;padding: 4px 10px;border-bottom:1px solid #fff;}
	#nav li {width: 8em;display:block;margin: 0 1px; border-bottom: thin #FFFFFF}
	#nav li li {float: none;border-bottom:1px solid #3F6AB7}
	#nav li ul {position: absolute;background: #616466;font-weight:normal;width: 10em;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: auto}
	#nav li.active a {background:#49443A}
	#nav li.active li {border-bottom:1px solid #333}
	
	
	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	#search {float:right;width:18em;padding: 5px 10px;margin-top:-9.2em;font-size:86%}
	#search input {width:10em;margin-right:5px}
	#search input.f-submit {width:auto;font-size:96%}
	#search h5 {color:#fff;margin:0;padding:0;border:none}
	
	/* hide from IE mac \*/
	#search {width:auto}
	/* end hiding from IE5 mac */

/* =LAYOUT GENERAL */
#contentWrap {background: #fff repeat-x 0 0;border-top: 1px solid #fff}
#content {margin: 0 30px}

/* =LAYOUT TYPE B */
#typeB #contentWrap {background: #fff url("../wsimages/content_wrap_2_bg.gif") repeat-y 0 0;padding: 0;margin: 0px 10px 10px 10px;}
#typeB #utility {float:left;width:165px;margin-top:0px}
#typeB #content {margin: 0 30px 0 190px}

/* =LAYOUT TYPE C */
#typeC #contentWrap {background: #fff url("../wsimages/content_wrap_2_bg.gif") repeat-y 0 0;padding: 0;margin: 0 0 0 1px;}
#typeC #utility {float:left;width:165px;margin-top:0px}
#typeC #content {float:left;margin: 0 0 0 150px;width:70%;display:block;}
#typeC #contentSecondary {width:5%;float:right;margin: 0 20px 0 0;display:inline;margin-top:34px}

/* =LAYOUT TYPE D This is for the custom front page only */
#typeD #page #content{
	margin-bottom: 10px;
	margin-top: 0px
}

#typeD #contentWrap{
	margin-top: 0px;
}

#typeD #contentWrap #page div#page-container{
	width: 768px;
}

/* =SECONDARY NAVIGATION */
#navSecondary, #navSecondary li {list-style: none;margin:0;padding:0}
#navSecondary {padding-top:0}
#navSecondary a {line-height:1.8;padding: 5px 0 5px 31px;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px 2px;font: bold 86% arial;display:block;width:130px}
#navSecondary a, #navSecondary a:link, #navSecondary a:visited, #navSecondary a:hover, #navSecondary a:active {text-decoration:none;cursor:pointer} 
#navSecondary a:link {color:#000} 
#navSecondary a:visited {color:#000} 
#navSecondary a:hover, #navSecondary a:active, #navSecondary li.active a:link, #navSecondary li.active a:visited {color:#E17000;background:transparent url("../wsimages/2nd_nav_bg.gif") no-repeat 5px -48px} 
#navSecondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* =SECONDARY NAVIGATION - 2nd TIER */
#navSecondary ul {margin: -4px 0 1em 32px}
#navSecondary li.active li a, #navSecondary li.active li a:link, #navSecondary li.active li a:visited {line-height:1.5;background:transparent;padding:0;font-weight:normal;width:auto;display:inline;color:#000}
#navSecondary li.active li a:hover, #navSecondary li.active li a:active {background:transparent;color: #E17000}
#navSecondary li.active li {border: none}

#navSecondary li.active li.active a:link, 
#navSecondary li.active li.active a:visited, 
#navSecondary li.active li.active a:hover, 
#navSecondary li.active li.active a:active {font-weight:bold}

/* =SECONDARY NAVIGATION - 3rd TIER */
#navSecondary ul ul {margin: 0 0 1em 15px}
#navSecondary li.active li.active li a:link, 
#navSecondary li.active li.active li a:visited, 
#navSecondary li.active li.active li a:hover, 
#navSecondary li.active li.active li a:active {font-weight:normal}

/* =LAYOUT =FOOTER */
#footer {clear:both;border-top: 1px solid #ccc;padding: 10px 0 20px;font-size:86%;color:#999;text-align:center;background: #fff}
#footer p {margin:0}

#blocks{display:block;height:236px;}

#newsevents{color:#fff;height:236px;width:245px;background-color:#9a4699;vertical-align:top;padding:5px;}

#missionfind{color:#fff;height:236px;width:245px;background-color:#5a524a;vertical-align:top;padding:5px;}

#sponsor{color:#fff;height:236px;width:245px;background-color:#7f786a;vertical-align:top;padding:5px;}

#frontimage{margin:-210px 0 0 138px;float:left;}

.section{}

.banner{}

.container{}

#section{float: left;margin: 0 0 0 10px; width:620px;}

#appsidefiller{float:left;width:136px;height:3790px;background:#616466;}
#eventsidefiller{float:left;width:136px;height:550px;background:#616466;}
#currentclasssidefiller{float:left;width:136px;height:1350px;background:#616466;}
#findamembersidefiller{float:left;width:136px;height:850px;background:#616466;}
#memberAdminsidefiller{float:left;width:136px;height:850px;background:#616466;}
.banner{font-size:20px;}

.required{color:#f00;}

#searchmembertable{margin-top:20px;}

#eventstable, 
#currentclasstable,
#searchmembertable{
border:1px solid black;
border-collapse:collapse;
width:100%;
}

#eventstable th,
#currentclasstable th,
#searchmembertable th{
background:#0061aa;
color:#fff;
white-space:nowrap;
}

#eventstable td,
#currentclasstable td,
#searchmembertable td{
padding: 2px;
}

#searchmembertable td{
text-align: center;
}

.evenrow{background-color:#ffc;}

.oddrow{background-color:#fff;}

#memberdetail{
margin-top: 20px;
}

#backtoresults{
margin-top: 20px;
}

#logoutlink a:link, a:hover, a:active, a:visited{
	color:#000;
}

#adminlink a:link, a:hover, a:active, a:visited{
	color:#000;
}

#profilelink a:link, a:hover, a:active, a:visited{
	color:#000;
}

#logoutlink a:link, a:hover, a:active, a:visited{
	color:#000;
}

#AdminLanding a:link, a:hover, a:active, a:visited{
	color:#000;
}

#logon{
	float:right;
	margin-top:-105px; 
	margin-right:23px;
}

#padright a:link, a:hover, a:active, a:visited{
	color:#000; 
}
