/*
Colors
Dark Blue Gradient:  #104982 to #023568
Light Blue Gradient: #7da0c1 to #40688e
Gray Gradient: 
orange: #CC6600
lighter blue: #00589F 

*/


* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #FFFFFF;
}

p {
	color: #000000;
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 1em;
}

h1, h2, h3 {
	margin-bottom: 10px;
	line-height: 1.5;
}


html {
	font-size: 100%;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	border-bottom: 1px solid #898989;
	background: #FFFFFF;
	padding: 0px 0px 10px 0px;

}

#masthead {
	background: #023568 url(pics/loginbg1.gif) repeat-x;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	width: 800px;
}

#mastlogo {
	background: #FFFFFF;
	border: 0px solid #000000;
	float: left;
	margin-right: 10px;
	width: 110px;
}

#mastname {
	border: 0px solid #000000;
	padding: 00px 0px 0px 0px;
	float: left;
	margin: 0px;
	width: 570px;
}

#mastname h1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal; 
	font-size: 240%;
	padding: 5px 0px 0px 30px;
	font-weight: normal;
}

#mastlogin {
	float: left;
	width: 208px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 1px -10px;
	border-width: 0px 0px 0px 0px;
	border-style: dotted;
	border-color: #FFFFFF;
	background: #023568;
	background: transparent;
	text-align: right;  

}
#mastlogin h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px -10px 0px;
	padding: 20px 10px 5px;
	border-bottom: 0px solid #FFFFFF;
	background: transparent;
}

#mastlogin h2 a {
	color: #FFFFFF;
}
#mastlogin h2 a:hover {
	color: #898989
}


#mastlogin ul {
	list-style: none;
	float: right;
}

#mastlogin li {
	display: inline; 
}

#mastlogin li a {
	background-image: url(pics/loginbutton2.gif);
	background-repeat:no-repeat;
	display: block;   
	padding: 0px;
	width: 60px;
	text-align: center;
	height: 30px;
	line-height: 2;
	float: left;
	overflow: hidden;
	padding-top: 7px;
	padding-left: 10px;

}

#mastlogin li a:link, #mastlogin li a:visited {
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
/*	background-position: -10px -7px; 
	background-position: 0px 0px; */
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;

}

#mastlogin li a:hover {
	background-position: -70px 0px; 

	/* andrew */


}

#navcontainer {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.2em;
	line-height: 1;
	background: #223E6E;
	background-color: #40688e;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #898989;
	margin: 0px 0px 0px 0px;
	width: 756px;
	width: 800px;
}

#navigation ul {
	list-style: none;
	float: right;
}

#navigation li {
	display: inline;
}

#navigation li a {
	display: block;
	border: 0px;	
	background-repeat:no-repeat;
	background-image: url(pics/navbar6.gif);
  float:left;
  width:114px;
  padding-top:40px;
  overflow:hidden;
height: 33px;
padding: 0px;
text-align: center;
vertical-align: middle;
line-height: 2.5;
}

#navigation li a:link, #navigation li a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	border-top: 1px #023568;
	border-top: 0px #123456;
}

#navigation li a:hover {
	border: 0px #FFFFFF;
	color: #FFFFFF;
}

#navigation li#nav-home a:link, #navigation li#nav-home a:visited { width:114px; }
#navigation li#nav-learn a:link, #navigation li#nav-learn a:visited { background-position:-114px 0px; }
#navigation li#nav-schedule a:link, #navigation li#nav-schedule a:visited { background-position:-228px 0px; }
#navigation li#nav-faqs a:link, #navigation li#nav-faqs a:visited { background-position:-342px 0px; }
#navigation li#nav-about a:link, #navigation li#nav-about a:visited { background-position:-456px 0px; }
#navigation li#nav-contact a:link, #navigation li#nav-contact a:visited { background-position:-570px 0px; }
#navigation li#nav-register a:link, #navigation li#nav-register a:visited { background-position:-684px 0px; width:116px; }

#navigation-notused li#nav-home a:active  , #navigation-notused li#nav-home a.current-nav-link { background-position:0px    -88px; }
#navigation-notused li#nav-learn a:active   , #navigation-notused li#nav-learn a.current-nav-link    { background-position:-139px -88px; }
#navigation-notused li#nav-schedule a:active, #navigation-notused li#nav-schedule a.current-nav-link { background-position:-275px -88px; }
#navigation-notused li#nav-faqs a:active , #navigation-notused li#nav-faqs a.current-nav-link  { background-position:-411px -88px; }
#navigation-notused li#nav-about a:active , #navigation-notused li#nav-about a.current-nav-link  { background-position:-411px -88px; }
#navigation-notused li#nav-contact a:active , #navigation-notused li#nav-contact a.current-nav-link  { background-position:-411px -88px; }
#navigation-notused li#nav-register a:active  , #navigation-notused li#nav-register a.current-nav-link   { background-position:-547px -88px; }

#navigation li#nav-home a:hover   { background-position:0px -45px; }
#navigation li#nav-learn a:hover    { background-position:-114px -45px; }
#navigation li#nav-schedule a:hover { background-position:-228px -45px; }
#navigation li#nav-faqs a:hover  { background-position:-342px -45px; }
#navigation li#nav-about a:hover  { background-position:-456px -45px; }
#navigation li#nav-contact a:hover  { background-position:-570px -45px; }
#navigation li#nav-register a:hover   { background-position:-684px -45px; }


#header {
	font-family: "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em;
	line-height: 1;
	background: #EEEEEE;
	text-align: left;
	padding: 5px 10px;
	border: 0px solid #898989;
	margin: 10px 0px;
}


#divleft {
	background: #FFFFFF;
	float: left;
	width: 570px;
	padding: 0px 0px 1.5em;
	margin-right: 20px;
}

#divright {
	padding: 0px; 
	float: left;
	width: 200px;
	font-size: 100%;
}

.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
}

.clearfloats {
	clear: both;
}

.largebox {
/*	float: right;   */
	width: 570px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #666666;
	background: #e3e3e3 url(pics/longgraybottom.gif) 0 100% no-repeat;
	background: #EEEEEE url(pics/longgraybottom.gif) 0 100% no-repeat;

/* background: #ffffff; */
}

.largebox h2 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FFFFFF url(pics/longdarkbluetop.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border: 0px solid #666666;
	text-align: center;

}

.photo {
	border: 0px solid #000000;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
} 

.triangle {
	border: 0px solid #000000;
	float: left;
	margin: 3px 0px 0px 0px;
}

.largebox p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.2;

}

.largebox ul {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.1em;
	font-weight: normal;
	list-style-image: url(pics/orange-bullet.gif); 
	list-style-type: square;
	color: #00589F;
	color: #023568;
	margin: 0px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.largebox ul ul{
	font-size: 0.8em;
	font-weight: normal;
}

.largebox a:link, .largebox a:visited, .largebox a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
/* andrew */
	color: #444444;

	font-size: 1.1em;
	text-indent: 0em;
	float: left;
	padding-right: 5px;
}

.largebox a:hover {
	color: #cc6600;
	text-decoration: underline;
}

#largeboxtop {
	width: 570px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px; 
	border-style: solid;
	border-color: #000000;
}

#largeboxbottom {
	width: 570px;
	border: 0px solid #000000;
	margin: 0px 0px 10px 0px;
}

#largeboxrow1, #largeboxrow2, #largeboxrow3, #largeboxrow4 {
	width: 570px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #666666;
}

#largeboxrow2 {
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #999999;
}

.largeboxleft {
	float: left;
	width: 255px;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border: 0px solid #000000;
	background: #EEEEEE;
	background: transparent;
}

.largeboxright {
	width: 255px;
	float: left; 
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border: 0px solid #000000;
	background: #EEEEEE;
	background: transparent;

	}

.largeboxleft h3, .largeboxright h3 {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	color: #00589F;   /*lighter blue */
	color: #CC6600;	/*orange */
	color: #023568;  /*dark blue */

	background: transparent;
	margin: 0 -10px 0px;
	padding: 0px 10px 10px 10px;
	border: 0px solid #666666;
	border-bottom: 0px;
	
}

.boxout, .boxout2 {
	width: 190px;
	padding: 0 10px 12px;
	margin: 0 0 18px;
	background: #EEEEEE url(pics/smallgraybottom.gif) 0 100% no-repeat;
	font-size: 1.1em;
}

.boxout h2, .boxout2 h2 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FFFFFF url(pics/shortlightbluetop.gif) no-repeat;
	margin: 0px -10px 10px;
	padding: 10px 10px 5px;
	border-bottom: 0px solid #FFFFFF;
}

.boxout h3, .boxout2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #000000;
	margin: 0px 0px 5px 0px;
}

.boxout p, .boxout2 p {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
}
	
.boxout ul {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
}

.boxout li {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px;
}
	
.boxout a {
	font-family: Arial, Helvetica, sans-serif;
}

.boxout a:link, .boxout a:visited, .boxout a:focus, .boxout a:active {
	color: #00589f;
	text-decoration: none;
	padding-right: 5px;
}

.boxout a:hover {
	color: #cc6600;
	text-decoration: underline;
}

.boxout2 ul {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.0em;
	font-weight: normal;
	list-style-image: url(pics/orange-bullet.gif); 
	list-style-type: square;
	color: #023568;
	margin: 0px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.boxout2 li {
padding: 0px 0px 5px 0px;
}

.boxoutfloat a:link, .boxoutfloat a:visited, .boxoutfloat a:focus, .boxoutfloat a:active {
	color: #00589f;
	text-decoration: none;
	padding-right: 5px;
	float: left;
}

.boxoutfloat a:hover {
	color: #cc6600;
	text-decoration: underline;
}

.boxoutfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#register ul {
	list-style: none;
	float: left;
	padding: 0px 0px 0px 0px;
}

#register li {
	display: inline;
}

#register li a {
	background: url(pics/registerbutton5.gif) no-repeat;
	display: block;  
	/* width: 88px; */
	width: 130px;
	text-align: center;
	height: 30px;
	line-height: 2.4;
	float: left;
	padding: 0px;
}

#register li a:link, #register li a:visited {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-position: -10px -7px; 
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#register li a:hover {
	background-position: -140px -7px; 
}



#footer {
	color: #000000; 
	text-align: center;
}

#footer p {
	font-size: 8pt;
}

#pictureleft {
	float: left;
	width: 230px;
	background: #FFFFFF;
	border: 1px;
	text-align: left;
	padding: 0px 0px 10px;
}
#picturemiddle {
	float: left;
	width: 280px;
	background: #FFFFFF;
	border: 1px;
	text-align: left;
	padding: 0px 0px 10px;
}
#pictureright {
	width: 200px;
	background: #FFFFFF;
	border: 1px;
	text-align: center;
	padding: 0px 0px 10px;
}

#pictureleft h1, #picturemiddle h1, #pictureright h1 {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-variant: normal;
	color: #223E6E;
}

#leftcontent {
	background: #FFFFFF;
	float: left;
	width: 228px;
	font-size: 100%;
	padding: 0px 0px;
	margin-right: 10px;
}

.menucontent {
	float: left;   
	width: 208px;
	padding: 0px 10px 50px;
	margin: 20px 0px 20px;
	background: #d1d1d1 url(pics/menu-darkgray-bottom.gif) 0 100% no-repeat;
}

.menucontent h2 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-variant: normal;
	background: #FFFFFF url(pics/shortdarkbluetop.gif) no-repeat;
	margin: 0px -10px 10px;
	padding: 5px 10px 5px;
	border-bottom: 0px solid #FFFFFF;
	border: 0px solid #000000;
}

.menucontent ul {
	list-style-type: none;
	padding: 0px 0px 0px 15px;
	padding: 0px;

}
.menucontent ul ul {
	padding:  0px 0px 0px 20px;
	text-indent: 0px;
}

.menucontent li {
	padding: 0px 0px 5px 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	color: #023568;	
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}


.menucontent li a {
 	background-image: url(pics/triangle-bullets.gif);
	background-repeat: no-repeat;
	background-position: 0px -24px; 
	padding: 0px 0px 0px 20px;
}

.menucontent li a:link, .menucontent li a:visited, .menucontent li a:focus, .menucontent li a:active {
	font-size: .9em;
	color: #444444;
	text-decoration: none;
	font-weight: normal;
	background-position: 0px -27px; 
}

.menucontent li a:hover {
	text-decoration: underline;
	color: #40688e;
	background-position: 0px -51px; 
}

.menucontent li li {
	font-size: .9em;
	font-weight: bold;
}



.thispage {
 	background-image: url(pics/triangle-bullets.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	text-indent: 20px;
}

.thispageheader {
/* 	background-image: url(pics/bluetriangle-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px; */
	text-indent: 20px;
}

.boxcontent, .boxcontentselfstudy {
	float: left;   
	width: 208px;
	padding: 0 10px 20px;
	margin: 20px 0px 20px;
	background: #eeeeee url(pics/menu-gray-bottom.gif) 0 100% no-repeat;
	font-size: 1.0em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.boxcontent h2, .boxcontentselfstudy h2 {
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-variant: normal;
	background: #FFFFFF url(pics/leftlightbluetop.gif) no-repeat;
	margin: 0px -10px 10px;
	padding: 5px 10px 5px;
	border-bottom: 0px solid #FFFFFF;
}

.boxcontent h3, .boxcontentselfstudy h3 {
	font-size: 1.2em;
	color: #000000;
	margin: 0px 0px 5px 0px;
}

.boxcontent p, .boxcontentselfstudy p {
	font-size: 1.1em;
}
	
.boxcontent ul {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
}

.boxcontent li {
	padding: 0px 0px;
	font-size: 1.1em;
}
	
.boxcontent a:link, .boxcontent a:visited, .boxcontent a:focus, .boxcontent a:active {
	font-size: 1.1em;
	color: #00589f;
	text-decoration: none;
}

.boxcontent a:hover {
	color: #cc6600;
	text-decoration: underline;
}

.boxcontentselfstudy ul {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	list-style-image: url(pics/orange-bullet.gif); 
	list-style-type: square;
	color: #023568;
	margin: 0px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
}

.boxcontentselfstudy li {
padding: 0px 0px 5px 0px;
	padding: 0px 0px;
	font-size: 1.1em;
}




.topcontent {
	background: #e1e1e1;
	border: 1px solid #999999;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

#maincontent {
	width: 530px;
	float: left;
	padding: 18px 20px 10px 10px;
	border: 0px solid #000000;
	color: #000000;
}

#maincontent h2, #formcontent h2 {
	color: #000000;
	color: #023568;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-variant: normal;
}

#maincontent h3, #formcontent h3 {
	color: #023568;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-variant: normal;
	padding: 5px 0px 0px 0px;
}

#maincontent p, #formcontent p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#maincontent a:link, #maincontent a:visited {
	text-decoration:underline;
	color: #00589f;
}

#maincontent a:hover {
	color: #cc6600;
}

#maincontent a:focus, #maincontent a:active {
	color: #00589f;
}

#maincontent ul {
	list-style-image: url(pics/blue-bullet.gif); 
	list-style-type: square;
	margin-bottom: 10px;	
}

#maincontent ul ul{
	list-style-image: url(pics/orange-bullet.gif); 
	list-style-type: square;
	margin-bottom: 1px;	
}

#maincontent li {
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 25px;
}

#maincontent li li {
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-left: 25px;
}

#formcontent {
	width: 760px;
	float: left; 
	padding: 18px 20px 10px 10px;
	margin-left: 10px;
	border: 0px solid #000000;
	color: #000000;
}

#formcontent td {
	padding-right: 15px;
	border: 0px solid #000000;
}

#pages ul {
	list-style: none;
	padding-top: 10px;
}
#pages li {
	display: inline;
	padding-right: 150px;
}

#pages a {
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
}

#pages a:link, #pages a:visited, #pages a:focus, #pages a:active {
	color: #40688e;
}

#pages a:hover {
	color: #444444;
}

.warningbox {
	border: 1px solid red;
}

.warningtext {
	font-weight: bold;
	color: #FF0000;
}


.logintable td {
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: right;
	padding-right: 10px;
	padding-bottom: 5px;
}

.loginboxwidth {
	width: 210px;
	/* 30 chars */
}

.keytable table {
	margin: 20px 0px 20px 0px;
}

.keytable td {
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	border: 1px solid black;
	background-color: #CCCCCC;
}

.selfstudytable table {
/*  	background-color: #CCCCCC;  */
	border: 1px solid #CCCCCC;   
/*	border-collapse: collapse;*/
	margin-bottom: 10px;
}

.selfstudytable th {
	background-color: #023568;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
/*	border-right: 1px solid #FFFFFF;  */

}

.selfstudytable td {
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 1.2em;
	color: #000000;	
/*	border-right: 1px solid #000000;  */
}