
* 	{
	margin:0px;
	padding:0px;
}

body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0px;
	font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif;
  	font-size: 12px;
  	line-height: 20px;
  	color: #111;
}
p	{
	padding-bottom:5px;
	text-align:justify;
}

#bodywrapper{
/* replace margin-top value with the height of your header. */
	margin-top:  100px;
	margin-left:  0;
	margin-right:  0;
	margin-bottom:  0;
	padding:  0px;
/*  Background of the right side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.  */
	background:  url(/images/sidebarbg.jpg) top right repeat-y #FFFFFF;
	color:  #000000;
	position:  relative;
	top:  0;
	left:  0;
	width:  100%;
}

#content {
 /* replace this value with the width of your right column */
 	margin-right:  200px;
	margin-left:  0;
	margin-bottom:  0;
	margin-top:  0;
	padding:  0;

}

#topnav {
	width:100%;
	background-image: url("/images/cornerfill.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom:5px;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#topnav {position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(/images/menubg.gif) repeat-x top right;font-family:Arial,Verdana,Helvitica,sans-serif;}
#topnav ul{margin:0;padding:0;list-style-type:none;width:auto;}
#topnav ul li{display:block;float:left;margin:0;}
#topnav ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(/images/menudivider.gif) no-repeat top right;}
#topnav ul li a:hover{color:#B30000;background:#fff url(/images/menuon.gif) repeat-x top right;}
#topnav ul li a.current{color:#B30000;background:#fff url(/images/menuselected.gif) repeat-x top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

#sidebar {
	position:  absolute;
	top:  0;
	right:  0;
	margin:  0;
	padding:  40px 0px;
/* Replace width with the width of your right column. */
	width:  200px;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.  */
	background:  url(/images/sidebarbg.jpg) top right repeat-y #016F90;
	color:  #FFFFFF;
}

#topdiv {
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
/* replace this value with the height of your header. */
	height:  100px;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	background:  url("/images/topbg.jpg") top left repeat #016F90;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#topdiv p {
	text-align:right;
	padding:10px;
}

img {
	border:none;
}
h1	{
	font-size:130%;
	color:#0099cc;
	line-height: 180%;
	margin: 10px 20px 10px 0px;
}
h3	{
	font-size:120%;
	color:#0099cc;
	line-height: 170%;
	margin: 10px 20px 10px 0px;
}

#topdivlogo {
	position: absolute;
	top: 0;
	left: 0;
	width:250px;
	background-image: url("/images/logobg.jpg");
	background-repeat: no-repeat;
	height: 100px;
	z-index: 2;
}

#topdiv p {
	padding-right:25px;
	color:#fff;
}
#topdiv a {
	color:#fff;
}	
	
/*#content {
	clear: both;
	width: 100%;
	background-image: url("/images/cornerfill.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	float: right;
	top: 0;
	margin: 100px 0px 10px 0px;
	z-index:2;
	padding-top:10px;
}
*/

#content input {
	}
	
#content table.memberlist{
	border-collapse:collapse;
}
#content table.memberlist tr {
	height:130%;
}
#content table.memberlist tbody td {
	padding:3px 8px;
	text-align:left;
	border-bottom: 1px solid #ebd8d8;
	background-color:#ffffff;
}

#content table.memberlist thead td {
	padding:3px;
	text-align:left;
	border-bottom: 3px solid #708090;
	background-color:#ffffff;
	font-weight:bold;
}

#content table.memberlist tbody tr:hover td {
	background-color: #ffffcc;
}
#content table a,#content table a:visited, p a  {
	text-decoration:none;
	color:#483d8b;
}
#content table a:hover, p a:hover  {
	text-decoration:underline;
	color:#6600ff;
}

#content table.memberlist tbody td.badge {
	padding:2px 4px 0px 0px;
}

/*-- Sidebar --*/
/*#sidebar {
	position: absolute;
	width: 200px;
	float: right;
	background-image: url('/images/sidebarbg.jpg');
	background-repeat: repeat-y;
	top: 100px;
	right: 0px;
	padding-top:30px;
}*/
#sidebar label,#sidebar input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}
#sidebar label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}
#sidebar p {
	margin: 8px;
	background-color:#0296be;
	color:#fff;
	border:1px solid #ffc;
	padding: 5px 6px;
	text-align:left;
}
#sidebar p a{
	color:#fff;
}
#sidebar p a:hover {
	color: #ffff66
}
#sidebar select {
	font-size:85%;
}

br {
	clear: left;
}

/* Classes for widgets */

.alert {
	width:582px;
	float:left;
	border:1px solid #ffa500;
	background-color: #f2eaaa;
	background-image: url(/images/stop.gif);
	background-position:left 50%;
	background-repeat: no-repeat;
	height:62px;
	line-height: 62px;
	font-family: verdana, sans-serif;
	margin:0 0px 20px 0px;
	font-weight:bolder;
	text-indent:70px;
}
a.button, a.button:active, a.button:link {
	border:1px solid gray;
	padding: 6px 24px;
	background-color: #0291bb;
	color: #fff;
	font-weight:bolder;
	text-decoration: none;
}

a.button:hover {
	background-color: #0099cc;
}

.emphasis {color:#dc143c; font-size:120%;}
.navhead {font-size:120%;padding-bottom:5px;font-weight:bold;}
.commentary {width:70%;color:#016F90;padding:5px;font-weight:bold;margin:auto;}
.justify {text-align:justify;}
.centered {text-align:center;}

form.apac div {
  clear: left;
  display: block;
/*  width: 354px;*/
/*  height: expression('1%');*/
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form.apac div label {
  display: block;
  float: left;
  width: 70px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form.apac div input {
  display: inline;
  width: 140px;
  background-color: #fff;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 0px;
}
form.apac div .goodbutton {
	background-color: #0291bb;
	width:100px;
	height:1.8em;
	border:1px solid #999999;
	color: #fff;
	font-weight:bold;
}
form.apac div .goodbutton:hover {
	background-color: #0099cc;
}

.inpagemenu {padding:5px 40px;}
.inpagemenu a {text-decoration:none;}
.inpagemenu a:hover{text-decoration:underline;}

div span.itemlabel {
  clear:left;
  display: block;
  float: left;
  width: 140px;
  text-align: right;
  font-weight:bold;
  margin-right:20px;
}
