/* CSS Document */

/*------------------------------------------------*/

/*------------------------------------------------*/

/*-------------------Body Tag---------------------*/

/*------------------------------------------------*/

/*------------------------------------------------*/



body {

	margin-left:0px;

	margin-right:0px;

	margin-bottom:0px;

	margin-top:0px;

	text-align:center;

	background-color:ffffff;

}











/*------------------------------------------------*/

/*------------------------------------------------*/

/*-------------------Wrapper----------------------*/

/*------------------------------------------------*/

/*------------------------------------------------*/

#frame {

	width:746px;

	margin-right:auto;

	margin-left:auto;

	margin-top:0px;

	text-align:left;

	padding:0px;

}

/*------------------------------------------------*/

/*------------------------------------------------*/

/*-------------------Header----------------------*/

/*------------------------------------------------*/

/*------------------------------------------------*/



#frame #topheader {

	width:746px;

	padding: 0px;

	margin: 0px;

	background-image: url(../images/header-bg.gif);

	background-repeat: repeat-x;

	height: 183px;

	float: right;

	position: absolute;

	top: 0px;

	}

#bar {

	width:746px;

	height:37px;

	font:Arial, Helvetica, sans-serif;

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	margin:0px;

	float:left;

	background-color: #ffffff;

	background-image:url(../images/link-bar.gif);



}





#flash {

	height: 141px;

	width: 746px;

	float: left;

	position: absolute;

	top: 183px;

	padding: 0px;

	margin: 0px;

	background-color: #292929;

}

#flash #newsticker {

	height: 28px;

	width: 746px;

	float: left;

	background-color: #292929;

	margin: 0px;

	padding: 0px;



}



#newsticker #maqr {

	height: 28px;

	width: 100px;

	float: left;

	background-color: #292929;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #FFFFCC;

	text-decoration: none;

	margin: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;



}

#newsticker #scroll {

	height: 28px;

	width: 500px;

	float: left;

	background-color: #292929;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #FF0000;

	text-decoration: none;

	margin: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;



}

#scroll a{

	font-family: Arial, Helvetica, sans-serif;

	text-decoration: none;

	color: #FFFFFF;

	font-weight: bold;

}

#scroll a:hover{

	color: #FFFFCC;

}



#newsticker #phone{

	height: 28px;

	width: 250px;

	float: left;

	background-color: #292929;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color:#FF0000;

	text-decoration: none;

	padding-top: 3px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 20px;



}



#newsticker #phone #hours{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color:#FF0000;

	text-decoration: none;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 95px;

}



#login {

	width: 746px;

	height: 36px;

	background-repeat: repeat-x;

	float: left;

	position: absolute;

	top: 250px;

}



#login a {

	color: #003366;

	text-decoration: none;

}

#login a:hover{

	color: #005D91;

}



#login form {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #003668;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#login input {

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	width: 100px;

	height: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

}

#login .submit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	background-color: #0075AA;

	width: 50px;

	font-weight: bold;

	height: 18px;

	border: 1px solid #006090;



}





/*------------------------------------------------*/

/*------------------------------------------------*/

/*-------------------middle----------------------*/

/*------------------------------------------------*/

/*------------------------------------------------*/





#frame #content {

	width: 746px;

	float: left;

	background-repeat: repeat-y;

	background-image: url(../images/left-navigation-bg.gif);

	position: absolute;

	top: 217px;



}

/*-------------Courses (left)-------------*/

/*----------------------------------------*/

#content #leftnav {

	width: 150px;

	float: left;

	margin: 0px;

	padding: 0px;

}





#courseleft{

	font-size:10px;

	width:240px;

	float:left;

	margin: 0px;

	padding: 0px;

}

#courseleft #sideimage {

	width: 32px;

	float: left;

	padding-left: 3px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-right: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#courseleft #leftlinks {

	width: 130px;

	padding-top: 5px;

	margin-top: 5px;

	padding-left: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	float: left;

}

#leftlinks ul a {

	color:#00396B;

	text-decoration:none;

}



#leftlinks  ul a:hover {

	color:#CC0000;

	text-decoration:underline;

}

#leftlinks  a {

	color:#5b858a;

	text-decoration:none;

	margin: 0px;

	padding: 0px;

}



#leftlinks  a:hover {

	color:#5c2245;

	text-decoration:underline;

	margin: 0px;

	padding: 0px;

}



#leftlinks h2{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #004C80;

	text-decoration: none;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	padding-left: 1px;

	margin-left: 2px;





}

#leftlinks ul {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	list-style-type: none;

	padding-top: 1px;

	padding-right: 0px;

	padding-bottom: 3px;

	padding-left: 0px;

	margin: 0px;

}

#leftlinks li {

	margin: 0px;

	padding: 0px;



}



#dots {

	background-image: url(../images/dots.gif);

	background-repeat: repeat-x;

	width: 180px;

	float: left;

	height: 5px;

	margin: 0px;

	padding: 0px;

}





/*-------------Courses (middle)-------------*/

/*----------------------------------------*/

#content #middle {

	width: 446px;

	float: left;

	margin-left : 50px;

	padding: 0px;

	

}

#middle p {

	width: 390px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding-left: 0px;

	padding-bottom: 10px;

	padding-top: 10px;

	color: #333333;

	padding-right: 2px;

	margin-top: 0px;

	margin-right: 2px;

	margin-bottom: 0px;

	margin-left: 0px;

	float: left;

	

}

#middle h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #333333;

	background-color: #F9F9F9;

	padding-left: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E8E8E8;

	float: left;

	width: 374px;

	*w\idth: 378px;

	padding-right: 0px;

	margin-left:1px;

}

#middle h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #999999;

	background-color: #F9F9F9;

	padding-left: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E8E8E8;

	float: left;

	width: 374px;

	*w\idth: 378px;

	padding-right: 0px;

	margin-left:1px;

}

#middle h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #CC0000;

	background-color: #F9F9F9;

	padding-left: 5px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #E8E8E8;

	float: left;

	width: 374px;

	*w\idth: 378px;

	padding-right: 0px;

	margin-left:1px;

}



#middle h4 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	float: left;

	width: 375px;

	padding-left: 5px;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 10px;

}

#middle h5 {

	width: 460px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #006699;

	text-decoration: none;

	float: left;

	width: 400px;

	padding-left: 5px;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 14px;

}

#middle h6 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	float: left;

	width: 500px;

	padding-left: 5px;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 14px;

}



#middle h7 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	float: left;

	width: 375px;

	padding-left: 5px;

	margin: 0px;

	padding-top: 10px;

	padding-bottom: 14px;

}

#middle ul {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: left;

	width: 360px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 15px;

	color: #006699;

}



#middle li {

	margin: 0px;

	padding: 0px;

	list-style-position: outside;

	list-style-type: disc;

}



#middle a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #003366;

	text-decoration: none;



}



#middle a:hover {

	font-weight: bold;

	color: #FFFFFF;

	background-color: #006699;

	width: auto;



}



#middle #form {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #003668;

	width: 375px;

	float: left;

	margin: 0px;

	padding: 0px;

}



#middle #form p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	float: left;

	width: 100px;

	margin: 0px;

	padding: 0px;



}



#form .red {

	color: #CC0000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

}



#form .textarea {

	color: #017BAE;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	text-decoration: none;

}

#form .textform {

	color: #333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

}

#middle .input {

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	border: 1px solid #666666;

	width: 200px;

	height: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

#middle .submit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	background-color: #0075AA;

	width: 50px;

	font-weight: bold;

	height: 18px;

	border: 1px solid #006090;



}





#middle #enrollbox {

	background-color: #F9F9F9;

	height: 51px;

	width: 320px;

	float: left;

	border: 1px solid #999999;

	margin-left: 15px;

	margin-bottom: 5px;

	padding: 0px;

	margin-top: 10px;

	margin-right: 0px;

}



#enrollbox #leftimage{

	float: left;

	width: 151px;

	

}



#enrollbox h4{

	float: left;

	width: 160px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #FF0000;

	

}

#enrollbox #righttext{

	float: left;

	width: 165px;

	

}



#middle #hotcourses {

	background-color: #FFFFFF;

	width: 350px;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

	padding: 0px;

}



#hotcourses a {

	color: #006699;

	text-decoration: none;	

}



#hotcourses a:hover{

	color: #FFFFFF;

	text-decoration: none;

	

}



#hotcourses #divider{

	width: 350px;

	background-image: url(../images/dots.gif);

	background-repeat: repeat-x;

	margin: 0px;

	padding: 0px;

	float: left;

}

#hotcourses #bullet {

	float: left;

	width: 20px;

	height: 40px;



}



#hotcourses h4 {

	float: left;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	color: #006699;

	width: 330px;

}

#hotcourses p {

	float: left;

	width: 330px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	margin: 0px;

	color: #333333;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}



/*-------------Courses (right)-------------*/

/*----------------------------------------*/

#content #right {

	width: 155px;

	float: left;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 2px;

}



#right #buttons {

	width: 165px;

	float: left;

	padding-top: 5px;

	padding-left: 7px;

}





#right #divider-right {

	background-image: url(../images/dots.gif);

	background-repeat: repeat-x;

	float: left;

	width: 155px;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding: 0px;

}



#right #bucket {

	float: left;

	width: 175px;

	padding-left: 5px;

	padding-top: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}

#right #loginbucket {

	float: left;

	width: 173px;

	padding-left: 5px;

	padding-top: 5px;

	background-color:#FF9900;

	

}

#loginbucket  form {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 5px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}

#loginbucket  input {

	margin: 0px;

	padding: 0px;

	background-color: #FFFFFF;

	border: 1px solid #AAAAAA;

	width: 100px;

	height: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #333333;

	text-decoration: none;

}

#loginbucket  .submit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	background-color:#FFA74F;

	width: 50px;

	font-weight: bold;

	height: 18px;

	border: 1px solid #000;



}



#loginbucket  a {

	color: #003366;

	text-decoration: none;

}

#loginbucket  a:hover{

	color: #005D91;

}



#bucket #bukimage{

	float: left;

	width: 39px;

	background-color: #E8E8E8;

	height: 20px;



}

#bucket h3{

	float: left;

	width: 130px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #017BAE;

	margin: 0px;

	padding-left: 3px;

	padding-top: 7px;



}

#right p{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #333333;

	padding-left: 7px;

	float: left;

	width: 170px;

	padding-top: 5px;

	margin: 0px;



}

#right a {

	color: #E20000;

	font-weight: bold;

	text-decoration: none;



}



#right a:hover {

	color: #333333;



}





#right #info {

	background-color: #F5F5F5;

	float: left;

	width: 172px;

	height: 25px;

	padding: 0px;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

}

#info h3{

	float: left;

	width: 175px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #017BAE;

	margin: 0px;

	padding-top: 5px;

	padding-left: 10px;



}



#info #frebucket{

	float: left;

	width: 175px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	background-color: #FFFFFF;



}

/*-------------Footer-------------*/

/*----------------------------------------*/





#frame #footer {

	background-image: url(../images/footer-bg.gif);

	height: 150px;

	width: 746px;

	float: left;

	position: relative;

}

#footer #linksbox{

	float: left;

	height: 0px;

	width: 746px;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	margin: 0px;



}



#footer #linksbox a {

	color:#FFFFFF;

	text-decoration:none;

}



#footer #linksbox a:hover {

	color:#6FDBFF;

	text-decoration:none;

}



#footerbox{

	float: left;

	width: 746px;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	margin: 0px;

	padding-left: 0px;



}



#footerbox ul {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #FFFFFF;

	text-decoration: none;

	margin: 0px;

	padding: 0px;

	display: inline;

	float: left;

	list-style-type: none;

	text-align: center;

}

#footerbox li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#footerbox ul a {

	color:#FFFFFF;

	text-decoration:none;

}



#footerbox ul a:hover {

	color:#6FDBFF;

	text-decoration:none;

}