body{
	text-align: center;
	color: black;
	background: #336699 url(../images/header-bg.jpg) repeat-x top center;
	margin: 0px;
      padding: 0px;
      vertical-align: top;
	/* line-height: 1.6; */
}

#container{
		position: relative;
		top: 0px;
		width: 874px;
		margin: 0 auto;
		text-align: left;
		font-family: arial, sans-serif;
		font-size: 12px;
		vertical-align:top;
		padding: 0px;
		overflow: hidden;
		background: #FFFFFF;
		z-index: 1;
}

#header{
		position: relative; 
		top: 0px;
		width: 874px; 
		height: 137px;
		border-bottom: 1px solid #CCCCCC;
		margin: 0px;
		padding: 0px;
}

#logo{
		position: relative; 
		top:0px; 
		left: 0px; 
		float: left;
		height: 137px;
		z-index: 100;
}

/* navigation menu */
#menu { 
		height: 34px;
		width: 874px;
		margin-left: -13px;
		padding-right: 13px;
}

#menu ul{margin: 0px auto; list-style: none;} 

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 30px;
  text-decoration: none; 
  padding: 3px 19px 2px 19px;
} 

#menu li a
{ background: #333333;
  color: #FFFFFF;
  border-color: #D7D7D7;
}

#menu
{ background: #333333;
  color: #FFFFFF;
  border-color: #D7D7D7;
}

#menu li a#selected:hover
{ background: #FFFFFF;
  color: #000000;
} 

#menu li a#selected
{ background: #FFFFFF;
  color: #000000;
} 

#menu li a:hover
{ background: #FFFFFF;
  color: #000000;
} 

#content{
	margin-top:-2px; 
	padding:40px; 
	background: #FFFFFF; 
	border-top: 1px solid #CCCCCC;
}

#right{
	float:right; 
	width: 222px;
	padding: 15px;
	background: #336699;
	border: 1px solid #CCCCCC;
}

#right a:link, #right a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial, sans-serif;
}

#right a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-family:  arial, sans-serif;;
}
	
#left{
	width: 490px; 
}

#footer{
		position: relative;
		padding-top: 8px;
		margin: 0 auto;
		width: 874px; 
		height: 22px; 
		font-size: 11px; 
		vertical-align: top; 
		background: #CCCCCC url(../images/footer-area.jpg);
		color: #DDDDDD;
		border-top: 1px solid black;
}

#footer a:link, #footer a:visited {
	color: #DDDDDD;
	text-decoration: none;
	font-family: arial, sans-serif;
}

#footer a:hover{
	color: #0070b2;
	text-decoration: underline;
	font-family:  arial, sans-serif;
}

a:link, a:visited{
	color: #0070b2;
	text-decoration: none;
	font-family: arial, sans-serif;
}

a:hover{
	color: #0070b2;
	text-decoration: underline;
	font-family:  arial, sans-serif;
}

ul{ 
	list-style: square url(images/bullet.gif); 
	font-family: Arial, Helvetica, sans-serif; 
	position: relative;
	left: -20pt;
	line-height: 1.7;
}

h1{
	color: #007BC4;
	font-size:18px;
	border-bottom: 1px solid #626466;
	padding-bottom: 3px;
}

h2{
	color: #007BC4;
	font-size:14px;
}

h3{
	color: #FFFFFF;
	font-size:14px;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 3px;
}

#titles{
	color: white;
	font-size:14px;
	font-weight: bold;
	font-family: arial-narrow, arial, sans-serif;
	padding: 5px 4px 2px 8px;
	float: left; 
	margin: 0 auto; 
	width: 328px; 
	height: 18px; 
	text-align: left; 
	background-color: #94908c; 
	line-height: 1; 
}


#access a {
	color: white;
	display: block;
	padding: 2px 0px 0px 0px;
}

#access a:hover{
	color: white;
	text-decoration: underline;
	display: block;
	padding: 2px 0px 0px 0px;
}


tr,td,table,p,li { font-size: 12px ; font-family: Arial, Helvetica, sans-serif; color: #000000; }
ul { list-style: square url(images/bullet.gif); font-family: Arial, Helvetica, sans-serif; }
li { margin-top:8px }

a, a:visited { color: #0081C6; }

a:hover { color: #F7941D; }

.pageTitle {  font-family: Arial, Helvetica, sans-serif; color: #626466; font-size: 20px; text-decoration: none; margin:0px; padding:0px; border: none; }
.subTitle {  font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin:0px; padding:0px; }

.h1red {  font-family: Zurich, Arial, Helvetica, sans-serif; color: #ea3d34; font-size: 20px; font-weight: bold; text-decoration: none; margin:0px; padding:0px; }

/*.fonttitle {  font-family: Arial, Helvetica, sans-serif; color: #ea3d34; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle2 {  font-family: Arial, Helvetica, sans-serif; color: #c5564b; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle3 {  font-family: Arial, Helvetica, sans-serif; color: #9988a8; font-size: 16px; font-weight: bold; text-decoration: none; }
*/
.fonttitle {  font-family: Arial, Helvetica, sans-serif; color: #0081c6; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle2 {  font-family: Arial, Helvetica, sans-serif; color: #bed730; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle3 {  font-family: Arial, Helvetica, sans-serif; color: #f7931d; font-size: 16px; font-weight: bold; text-decoration: none; }
.whitetitle {  font-family: Arial, Helvetica, sans-serif; color: white; font-size: 16px; font-weight: bold; text-decoration: none; }

.color1 { color: #0081c6 }
.color2 { color: #bed730 }
.color3 { color: #f7931d }
.colorr { color: #CC0000 }
.colorw { color: #FFFFFF }

.bgcolor1 { background-color: #0081c6 }
.bgcolor2 { background-color: #bed730 }
.bgcolor3 { background-color: #f7931d }

.bdcolor1 { border-color: #ea3d34 }
.bdcolor2 { border-color: #c5564b }
.bdcolor3 { border-color: #9988a8 }

.lightbg			{ background-color: #d6d9db }
.lightbgA		{ background-color: #e4e9ec }
.lightbg2		{ background-color: #e9e9e9 }
.lightbg2A	{ background-color: #fed4cf }
.lightbg3		{ background-color: #ebe7ee}

.size1		{ font-size: 10px; }
.size10		{ font-size: 10px; }
.size11		{ font-size:11px; }
.size14		{ font-size:14px; }
.size16		{ font-size:16px; }
.size18		{ font-size:18px; }
.size20		{ font-size:20px; }

.size2b { font-weight: bold; font-size: 14px; }
.size3b { font-weight: bold; font-size: 16px; }
.size4b { font-weight: bold; font-size: 18px; }
.size5b { font-weight: bold; font-size: 20px; }

.qlink {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.regfee {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

input.search {  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #2e2e2e; background-color: #afe7ff; }
input.clear {  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #c5564b; }
input.submit {  font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #9988a8; }

input.login {  font-family: Verdana, Arial, Helvetica, sans-serif; height: 22px; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #ea3d34; }
input.logout {  font-family: Verdana, Arial, Helvetica, sans-serif; height: 22px; font-size: 14px; font-weight: bold; color: #FFFFFF; background-color: #9988a8; }

a.nv {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; font-style: italic; line-height: 14px; }
a.nv:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FAA535; text-decoration: none; font-style: italic; line-height: 14px; }
a.nv2 {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FAA535; text-decoration: none; font-style: italic; line-height: 14px; }

a.ny {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;  color: #636567; text-decoration: none; font-weight:bold; }
a.ny:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #0080D3; text-decoration: none; font-weight:bold; }
a.ny2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;  color: #0080D3; text-decoration: none; font-weight:bold; }

a.colorw:link			{ color: #fff; }
a.colorw:visited		{ color: #fff; }
a.colorw:active		{ color: #ff0; }
a.colorw:hover		{ color: #ff0; }

.tip  {border: thin solid black; width:250; color:black; background-color: #EEEEEE; layer-background-color: #CCCCCC; position:absolute; visibility:hidden; padding:5; margin-left:50; }

#become-buttons {
	text-align: center;
}

#become-buttons img {
	margin: 10px 20px;
	border: 0;
}

.atday {
    padding-left: 5px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

.attime {
    font-weight: bold;
}

.simple-menu {
    background:#F7941D;
    padding: 10px;
    color: #FFFFFF;
    text-align:right;
}

.simple-menu a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

.simple-menu a:hover {
    color: #636567;
    text-decoration: underline;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}