body,html { height: 100%; overflow:auto; }
body {
	background-color: #aaafb6;
	font: 12px/15pt verdana, arial, georgia, sans-serif;
	text-align: justify;
	color: #000000;
	margin: 0 auto/* 0px*/;
}


#logo {
	
  	/*width: 796px;*/
	height: 203px;
	background-image: url("images/stg_banner_right.gif");
	background-repeat: no-repeat;
	background-position: top right;
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	z-index: 98;
	color: #ffffff

	
}

#banner-left {
	background-image: url("images/stg_banner_left.gif");
	background-repeat: no-repeat;
	float: left;
	z-index: 99;
	width:19px;
	height:203px;
	display: inline;
}


#header {
	color: #ffffff;
	background-image: url("images/stg_banner_repeat.gif");
	background-repeat: repeat-x;
	
}
#container {
	width: 90%;
	min-height: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	max-width: 1024px;
	min-width: 768px;
}

#infobar {
	position: relative;
	top: -47px;
	margin: 0;
	padding: 0;
	width: 100%;
	
}
#slogan {
	position: relative;
	left: 25px;
	height: 20px;
	font: 11pt verdana, georgia, arial, sans-serif;
	font-style: italic;
}
#user {
	position: relative;
	right: 25px;
	top: -20px;
	float: right;
	width: 360px;
	height: 20px;
	font: 12pt verdana, georgia, arial, sans-serif;
	font-weight: bold;
	margin-bottom:-20px;
	padding:0;

}

#user p {
	margin: 0;
	padding: 0;
}

#login {
	text-align: right;
}
input { 
	border: 1px solid #000000;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
#username, #password {
	width: 120px;
}
/*#submitbutton {
	background-color: #971b1e;
	color: #FFFFFF;
}*/

#top-links {
	position: relative;
	top: -20px;
	/*width: 584px;*/
	height: 56px;
	background-image: url("images/stg_navbanner_repeat.gif");
	background-position: top;
	background-repeat: repeat-x;
	text-transform: uppercase;
	
}
/*#top-link-left {
	width: 22px;
	width: 5%;
	height: 56px;
	float: left;
	background-image: url("images/stg_navbanner_left.gif");
	background-repeat: no-repeat;
}*/
#top-link-right {
	/*width: 238px;*/
	width: 20%;
	height: 56px;
	float: right;
	background-image: url("images/stg_navbanner_right.gif");
	background-repeat: no-repeat;
	background-position: top right;
	display: inline;
	margin: 0;
	padding: 0;

}

* > #top-link-right {
	display: block;
}

#tab-news {
	width: 20%;
	height: 56px;
	border-right: 3px solid #aaafb6;
	float: left;
	text-align: center;
	background-image: url("images/stg_navbanner_left.gif");
	background-position: top left;
	background-repeat: no-repeat;
	display: inline;
	margin: 0;
	padding: 0;
}
* > #tab-news {
	display: block;
}
#tab-events {
	width: 19%;
	height: 56px;
	border-right: 3px solid #aaafb6;
	float: left;
	text-align: center;
	display: inline;
	margin: 0;
	padding: 0;
}
* > #tab-events {
	display: block;
}
#tab-forum {
	width: 19%;
	height: 56px;
	border-right: 3px solid #aaafb6;
	float: left;
	text-align: center;
	display: inline;
	margin: 0;
	padding: 0;

}
* > #tab-forum {
	display: block;
}

#tab-about {
	text-align: center;
	width: 20%;
	height: 56px;
	float: right;
	background-image: url("images/stg_right_edge.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	display: inline;
	margin: 0;
	padding: 0;

}
* > #tab-about {
	display: block;
}

#nav-left {
	width: 20%;
	height: 56px;
	background-image: url("images/stg_navbanner_left.gif");
	background-repeat: no-repeat;
	background-position: top left;
	display: inline;
	margin: 0;
	padding: 0;
	float: left;

}
* > #nav-left {
	display: block;
}
#content {
	position: relative;
	top: -20px;
	width: 70%;
	padding-left:5%;
	padding-right:5%;
	float: left;
	background-image: url("images/stg_shadow.gif");
	background-repeat: repeat-y;
	background-position: top right;
	background-color: #71b4ea;
	margin-top:0;
	padding-top:0;
	/*margin-bottom: -20px;*/
	padding-bottom: 32767px;
	margin-bottom: -32787px;
	display: inline;
}
* > #content {
	display: block;
}
	
#navigation {
	position: relative;
	top: -20px;
	margin-top:0;
	padding-top:0;
	/*width:212px;*/
	width: 20%;
	float: right;
	background-color: #0038a8;
	background-image: url("images/stg_shadow_right.gif");
	background-repeat: repeat-y;
	background-position: top right;

	padding-bottom: 32767px;
	margin-bottom: -32787px;
	display: inline;
}
* > #navigation {
	display: block;
}

.navpod {
	padding-top:5px;
}

.navpod ul {
	/*padding-left:12%;*/
	margin-left: 15%;
	color: #ffffff;
}


h1 {
	display: none;
}
h2 {
	font: 18pt/14pt impact, georgia, verdana, arial;
	color: #0038a8;
	letter-spacing: 4px;
	padding: 5px;
	border-bottom: 1px dashed #0038a8;
	border-left: 1px dashed #0038a8;
}
h3 {
	color: #ffffff;
	text-align: center;
	font: 20pt impact, arial, verdana, georgia, sans-serif;
	padding-bottom: 0;
	margin-bottom: 0;
}
span.parent {
	color: #ffffff;
	text-align: center;
	font: 20pt impact, arial, verdana, georgia, sans-serif;
	padding-bottom: 0;
	margin-bottom: 0;
}

a { color: #000000; text-decoration: none; font-weight: bold;  }
a:link, a:visited { color: #000000; border-bottom: 1px dashed #000000; font-weight:bold;  }
a:hover, a:visited:hover { color: #ffcf00; border-bottom: 1px solid #ffcf00; }


#navigation a, #welcome a { color: #ffffff; text-decoration: none; }

#navigation a:link, #navigation a:visited, #welcome a:link, #welcome a:visited { color: #ffffff; border-bottom: 1px dashed #ffffff; text-decoration: none;  }
#navigation a:hover, #welcome a:hover { color: #ffcf00; border-bottom: 1px solid #ffcf00; }

#top-links a { font: 11pt arial, Times New Roman, georgia, verdana; display: block;
   letter-spacing: 2px; font-weight: 900; text-decoration: none; border: 0px; }
#top-links a:link, #top-links a:visited { color: #ffffff; font-weight: bold; text-decoration: none; border: none; }
#top-links a:hover, #top-links a:visited:hover { text-decoration: none; border: 0px; background-image: none; color: #ffcf00; border: none; }
#content a:link, #content a:visited { color: #ec173e; border-bottom: 1px dashed #ec173e; }
#content a:hover, #content a:visited:hover { color: #ffcf00; border-bottom: 1px solid #ffcf00; font-weight:bold;  }

#copyright {
	text-align: center;
	color: #333333;
	font-size: 8px;
	margin: 20px 0 0 0;
}
#copyright p {
	margin: 0;
	padding: 0;
}

#footer { clear: both; }

.gCalEvent { 
	border-bottom: 1px dashed #0038a8;
	margin-left: 20px;
}

.gCalEvent h4 { margin-left: -20px; }

#welcome {
	text-align: right;
	font-size: 11pt;
}

.edit input { width:100%;}
.edit textarea { width:100%; height:100px;}
#submitbutton { text-align: right;}
#submitbutton input { width:100px; height:20px;}

.center {
	text-align: center;
}
#roster tr {
	vertical-align: top;
}
#content table {
	width:100%;
}
