html {
	margin: 0px;
	padding: 0px;
}
	
body {
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	font-family: arial,helvetica;
	font-size: 12px;
	background-color:#2B424A;
	top: 0px;
	left: 0px;
	margin:0px,0px,0px,0px;
}
		
a {
	font-family: arial,helvetica;
	font-size: 12px;
	color:#000066;}	

/* main content*/
#container{		
	padding-bottom:50px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;		
	width: 750px;	
	background-color:#FFFFFF; 
}
#container .footer {
	font-size: 10px;
	padding-bottom:10px;
	padding-top:10px;
	
	clear:left;
}

/*Topmenu container - no effect?*/
#topContainer {
	padding: 0px 0px 0px 0px;	
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;
	width:750px;
	height:40px;	
	background-color:#FFFFFF;		
}

#topContainer .mainLogo{
	float:left;
	min-height:40px;
	min-width:40px;
}
/*Logo*/
#mainLogo{
	background-color:#FFFFFF;
	float:left;
	min-height:40px;
	min-width:40px;
}
/*Top menu - Course-Membership-Donation menu*/
#topmenu {
	margin-bottom: 10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	width:300px;
	float:left;	
}

#topmenu a:link, #topmenu a:visited{
	/*font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;*/
}	
	
#topmenu a:hover{
	/*color:#ffffff;
	text-decoration:underline;	*/
}

/*Default menu - Log In/My Account/etc. */
#defaultmenu {
	margin-bottom: 10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	float:right;	
}

/* Sub menu - class */
#submenuClass{
	background-color:#556C74;
	color:#ffffff;	
	padding:10px;
/*	clear:left;
	float:left;	
	width:130px;	*/
}
	
#submenuClass a:link, #submenuClass a:visited{
	font-family: arial,helvetica;
	font-size: 12px;
	font-weight:bold;
	color:#DDF2CE;
	text-decoration:none;}		

#submenuClass a:hover{
	color:#ffffff;	
	text-decoration:underline;	
}

/* Sub menu - membership */
#submenuMembership{
	background-color:#556C74;
	color:#ffffff;	
	padding:10px;
}
	
#submenuMembership a:link, #submenuMembership a:visited{
	font-family: arial,helvetica;
	font-size: 12px;
	font-weight:bold;
	color:#DDF2CE;
	text-decoration:none;}		

#submenuMembership a:hover{
	color:#ffffff;	
	text-decoration:underline;	
}
/* Sub menu - donation */
#submenuDonation{
	background-color:#556C74;
	color:#ffffff;	
	padding:10px;
}	
#submenuDonation a:link, #submenuDonation a:visited{
	font-family: arial,helvetica;
	font-size: 12px;
	font-weight:bold;
	color:#DDF2CE;
	text-decoration:none;}		

#submenuDonation a:hover{
	color:#ffffff;	
	text-decoration:underline;	
}

/* Account menu */
#submenuAccount{
	background-color:#2B424A;
	color:#ffffff;	
	padding:10px;
	margin-top:0px;	
/*	width:130px;	
	clear:left;
	float:left;*/
}
	
#submenuAccount a:link, #submenuAccount a:visited{
	font-family: arial,helvetica;
	font-size: 12px;
	font-weight:bold;
	color:#DDF2CE;
	text-decoration:none;}		

#submenuAccount a:hover{
	color:#ffffff;	
	text-decoration:underline;	
}

#submenuContainer{
	width:150px; height:auto;
	clear:left;	
	float:left; 	
	padding-left:10px;
	padding-right:10px;	
	border-style:solid;
	border-width:0px;
	border-color:#ffffff;		
}

/* Main*/
#mainbody {
	/*float:right;	*/	
	margin-left:160px;
	padding-left:20px;	
	width: auto;	
	border-style:solid;
	border-width:1px;
	border-color:#ffffff;	
	border-left-color:#2B424A; 
}

/* Page header, title */
#mainbody .title{
	font-size:16px;
	font-weight:bold;
}

#mainbody .classTable{
	background-color:#9999CC;
	clear:left;
}

#invoice {
	padding-left:20px;	
	padding-top:20px;
	padding-right:20px;
	width:85%; 
	background-color:#FFFFFF;		
}
#invoice .title{
	font-size:16px;
	font-weight:bold;
}

.classth{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color:#000000;
	background-color:#FFCC66;
}

.classtd{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color:#000000;
	background-color:#FFFFCC;
}

.calendarth{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	font-weight:bold;	
	color:#FFFFFF;
	background-color:#333333;
}	
	
.calendartd{
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color:#000000;
	background-color:#CCCCCC;
}

.btext{font-weight: bold;}	

.smalltext{font-family: arial,helvetica;
	font-size: 8pt;}	
	
.smallblue{font-family: arial,helvetica;
	font-size: 8pt;
	color:#003399;}	
		
.error {
	font-weight: bold;
	color: #CC0000;}	
	
.req{font-family: arial,helvetica;
	font-size: x-small;
	color:#CC0000;}

.title {font-family: arial,helvetica;
	font-size: small;
	font-weight:bold;}	
	
.text{font-family: arial,helvetica;
	font-size: 12px;}	

td {font-family: arial,helvetica;
	font-size: 12px;}
	
p {font-family: arial,helvetica;
font-size: 12px;}

.textblue{font-family: arial,helvetica;
	color:#003399;
	font-size: 12px;}	

input{
	font-family: arial,helvetica;
	font-size: 12px;
}

div.hr {
  height: 15px;
  background: #FFFFFF url(../demo/graphics/hr_blue_677.gif) no-repeat scroll left;
}
div.hr hr {
  display: none;
}