/* Agent Campus */
/* CSS Document */
/*------------------------------------------------*/
/*------------------------------------------------*/
/*-------------------Body Tag---------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

body {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	background-color:#CCCCCC;
	text-align:center;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*-------------------Wrapper----------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
#frame {

	/*---------------------IMPORTANT---------------------*/
	/*The width of the entire page is 770px in reality---*/
	/*but to accomodate for 10px padding on each side----*/
	/*the wrapper width has been reduced to 750px to-----*/
	/*keep it from expanding out of bounds---------------*/
	/*---------------------------------------------------*/
	
	width:770px;
	background-color:#FFFFFF;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	text-align:left;
	
	padding:0px;
}




/*------------------------------------------------*/
/*------------------------------------------------*/
/*----------------------Header--------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
#contentheader {
	width:770px;
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	color:#FFFFFF;
	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	/*border-bottom-color:#0066CC;
	border-bottom-style:solid;
	border-bottom-width:5px;*/
	border-top-color:#009900;
	border-top-style:solid;
	border-top-width:5px;
	background-color: #009900;
	
}
/*
#contentheader h1{
	font-size:11px;
	margin:0px;

}
*/
#contentheader a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

#contentheader a:hover{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

#contentheader #rightmenu{
	width:540px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	margin-top:8px;
	text-align:right;
	float: right;
}

#contentheader #rightmenu ul{
	list-style:none;
	display:inline;
	margin:0px;
	padding: 0px;
	float: left;
}

#contentheader #rightmenu li{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}

#banner {
	height: 110px;
	width: 770px;
	background-color: #333333;
}

#banner img{
	background-color: #333333;
	margin: 0px;
	padding: 0px;
}

/*---------------Login Menu-----------------*/
/*-------------------------------------------*/

#loginmenu {
	font:Arial, Helvetica, sans-serif;	
	font-family:Arial, Helvetica, sans-serif;
	
	width:770px;
	background-color:#009900;
	
	float:left;
}

#loginmenu #leftheading {

	width:270px;
	height:21px;
	padding-left:10px;
	padding-top:10px;

	color:#FFFFFF;
	text-align:center;
	background-color:#009900;
	
	float:left;
	
	font-size:10px;
	
}

#loginmenu #login {
	
	width:480px;
	height:21px;
	
	padding-right:10px;
	padding-top:5px;
	padding-bottom:2px;

	color:#FFFFFF;
	
	
	font-size:10px;
	text-align:right;
	
	background-color:#009900;
	float:left;
}

#loginmenu form {
	padding:0px;
	margin:0px;
}


#loginmenu input{
	font:Arial, Helvetica, sans-serif;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.inputfield{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #006699;
	
	border:#999999 solid 1px;
}

.button{
	padding:0px;
	margin:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	background:#CCCCCC;
	
	border:#666666 solid 1px;
}
#loginstrip{
	background:#999999;
	height:5px;
}

#loginstrip img{
	padding:0px;
	margin:0px;
}

.coursetitle {
	color:#CC0000;
	padding:0px;
}





/*---------------Main Content----------------*/
/*-------------------------------------------*/

#contentbody {
	font:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	width:770px;
	float:left;
	/*border-top:#0066CC solid 3px;*/
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

#contentbody #img {
	float:left;
}

#contentbody #heading {

	font-weight:bold;
	font-size:12px;
	color:#006699;
	float:left;
	padding: 6px 6px 0px 6px;	
}
#contentbody #heading #subheading {

	font-weight:normal;
	font-size:10px;
	color:#000000;
	float:left;
	padding: 0px 6px 0px 6px;
	
}
/*---------------Top Border----------------*/
/*-------------------------------------------*/
#contentbody #border {
	width:770px;
	float:left;
}

#contentbody #border #left{
	width:200px;
	height:15px;
	background-color:#FFFFFF;
	float:left;
	
}

#contentbody #border #middle{
	width:350px;
	height:15px;
	background-color:#FFFFFF;
	float:left;
	border-right:#0066CC solid 1px;
	border-left:#0066CC solid 1px;
}

#contentbody #border #right{
	width:150px;
	height:15px;
	background-color:#FFFFFF;
	float:left;
	font-size:10px;
}
/*---------------Left Nav----------------*/
/*-------------------------------------------*/
#contentbody #left{
	
	width:200px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	background-color:#FFFFFF;
	float:left;
	font-size:10px;
	
}

#left ul {
	list-style-image: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

#left a {
	
	text-size:10px;
	text-decoration:none;
	color:#333333;
	padding: 0px;
	margin:0px;
}

#left a:hover {
	font-size:10px;
	padding: 0px;
	margin:0px;
	font-weight:bold;
	text-decoration:underline;
	color:#0099FF;
}

#left h1 {
margin:10px 0px 0px 0px;
padding:0px;
}

#left h1 a {
	padding-left: 0px;
	font-weight:bold;
	font-size:12px;
}

#left h1 a:hover {
	font-size:12px;
	margin:0px;
	font-weight:bold;
	text-decoration:underline;
	color:#0099FF;
	padding-left: 0px;
}


#left #heading {

	font-weight:bold;
	font-size:14px;
	color:#006699;
	float:left;
	padding: 6px 6px 0px 6px;	
}
/*---------------Riv Nav----------------*/
/*-------------------------------------------*/

#contentbody #right{
	width:150px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	color:#333333;
	background-color:#FFFFFF;
	float:left;
	font-size:10px;
}
#right h1 {
margin:10px 0px 0px 0px;
padding:0px;
}

#right h1 a {
	padding-left: 0px;
	font-weight:bold;
	font-size:12px;
text-decoration:none;
color:#0099FF;
}

#right h1 a:hover {
	font-size:12px;
	margin:0px;
	text-decoration:underline;
	padding-left: 0px;
}
#right #heading {

	font-weight:bold;
	font-size:14px;
	color:#006699;
	float:left;
	padding: 6px 6px 0px 6px;	
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------------------Middle---------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
#contentbody #middle{
	
	width:350px;
	height:100%;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	color:#333333;
	background-color:#FFFFFF;
	float:left;
	font-size:10px;
	border-right:#999999 solid 1px;
	border-left:#999999 solid 1px;
}

#middle p{
	color:#333333;
	font-size: 12px;
}

#middle #heading {

	font-weight:bold;
	font-size:14px;
	color:#009900;
	float:left;
	padding: 6px 6px 0px 0px;	
}

#middle ul {
	font-size:12px;
	margin-left:25px;
	padding:5px;
	color:#006699;
}

#middle li {
	margin-left:0px;
	padding-bottom:4px;
}
	

#middle a {
	color:#006699;
	text-decoration:none;
}

#middle a:hover {
	color:#CC0000;
	text-decoration:underline;
}

#middle h1{
	color:#006699;
	font-size:16px;
	margin:0px;
	padding-top:0px;
	padding-bottom:10px;
	
}

#middle h2, #middle h2 a {
	margin:0px;
	color:#009900;
	font-size:14px;
}


#middle h2 a:hover, #middle h2 a:link{
	margin:0px;
	color:#CC0000;
	font-size:14px;
	text-decoration:underline;
}

#middle h3, #middle h3 a {
	color:#006666;
	font-size:13px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#middle h3 a:hover, #middle h3 a:link{
	color:#006699;
	text-decoration:underline;
}


#middle #pass {
	padding:10px;
	background-color: #EBEBEB;
	margin-left: 10px;
	margin-right: 10px;
}
#middle #pass img{
	background-color: #EBEBEB;
	float: left;
	padding-right: 5px;
}

#middle #pass p{
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#middle #hotcourses {
	background-color: #FFFFFF;
	width: 350px;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
	padding: 0px;
}

#hotcourses a {
	color: #006699;
	text-decoration: none;
	font-size: 12px;
}

#hotcourses a:hover{
	color: #0099FF;
	text-decoration: underline;
	font-size: 12px;
	
}

#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: 12px;
	font-weight: normal;
	margin: 0px;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------------------Footer---------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
#footer {

	float:left;
	background-color:#E3E3E3;
	width:750px;
	height:125px;
	padding:10px;
	
	font:Arial, Helvetica, sans-serif;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	
	
	text-align:center;
	
	border-top:#999999 solid 1px;
}


#footer ul{
	list-style:none;
	display:inline;
	margin:0px;
}

#footer li{
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}

#footer a {
	color:#333333;
	
	text-decoration:none;
}


#footer a:hover {	

	color:#0099FF;
	text-decoration:underline;
}

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


.red {
	color:#006699;
}