﻿/* CSS Document */
ul, li 
{
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* Homepage Rules ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 { margin: 0px; padding: 0px; color:#BF0000; font-size: 100%; text-transform:uppercase}

#intro
{	width: 500px;
	height: 142px;
	background:url(/images/intro_bg.jpg);
	float: left;
	margin-bottom: 10px;
	/* border: 1px solid #00CC00;*/	
}

#login
{	width: 250px;
	height: 142px;
	background-color: #A3C1D2;
	float: right;
	background: #A3C1D2 url(/images/login_bg_btm.jpg) bottom right no-repeat;
	margin-bottom: 10px;
	
	/* border: 1px solid #FF66CC;*/
	/* font-size: 12px; */
}
#login-pad {/*border: 1px solid black; */ padding: 9px 20px 4px 20px;}
#login-button {text-align: right;}
#announcements { margin-bottom: 10px; clear: both; background:url(/images/announce_bg_btm.jpg) no-repeat bottom left #F3F3F3;}
	#announcements h1 { background: url(/images/announce_bg_top.jpg) top left no-repeat; height: 35px; padding: 7px 10px 5px 10px;}
	#announcements p { padding: 0px 10px 10px 10px;}
#highlights { margin-bottom: 10px; clear: both; background:url(/images/announce_bg_btm.jpg) no-repeat bottom left #F3F3F3;}
	#highlights h1 { background: url(/images/announce_bg_top.jpg) top left no-repeat; height: 35px; padding: 7px 10px 5px 10px;}
	#highlights p { padding: 0px 10px 10px 10px;}
	#highlights .linkedin { border-bottom: none; float: right; margin-right: 10px;}
	
#links { background-color: #FFFFFF; margin-bottom: 10px; width: 100%;}
	#links h1 {	height: 35px; padding: 7px 10px 5px 10px; margin-bottom: 5px; /*border:thin black solid;*/}
	#links p { padding: 0px 10px 10px 10px;}	
	#links #left-col { width: 246px; float: left; background: url(/images/links_lcol_bg_btm.jpg) bottom left no-repeat #f3f3f3;}
	#links #right-col {	width: 246px; float: left;background: url(/images/links_rcol_bg_btm.jpg) bottom left no-repeat #f3f3f3;}
	#links #middle-col { width: 246px; float: left; background: url(/images/links_mcol_bg_btm.jpg) bottom left no-repeat #f3f3f3; margin-right: 6px; margin-left: 6px;}
		#links #left-col h1 { background: url(/images/links_lcol_bg_top.jpg) left top no-repeat;}
		#links #middle-col h1 { background: url(/images/links_mcol_bg_top.jpg) left top no-repeat;}
		#links #right-col h1 { background: url(/images/links_rcol_bg_top.jpg) left top no-repeat;}
	#links ul.arrow {margin-left: 19px; padding-left: 10px; list-style-image: url(/images/arrow.gif)	}
	#links ul.arrow li {margin-bottom: 5px;}
	#links ul.icon {margin-left: 22px; padding-left: 10px; font-weight: bold;}
	#links ul.icon li {margin-bottom: 5px;}
	#links ul.icon li.classroom {list-style-image: url(/images/classroom.png);}
	#links ul.icon li.selfstudy {list-style-image: url(/images/self_study.png);}
	#links ul.icon li.online {list-style-image: url(/images/online.png);}
	#links ul.icon a {margin-left: 5px;}
	#links ul.icon li ul {margin-top: 5px;}
	#links ul.icon li ul li {list-style-image: none; list-style-type:none; font-weight: normal;}
	
#frmLogin {text-align:right;}		
#frmLogin #LoginView1_Login1_UserName { font-size: 70%; width: 120px; height: 12px;}		
#frmLogin #LoginView1_Login1_Password { font-size: 70%; width: 120px; height: 12px;}
#frmLogin label.username {margin-right: 5px;}	
#frmLogin label.password {margin-right: 5px;}	
#frmLogin #LoginView1_Login1_Submit { font-size: 75%;}
#frmLogin p { padding-bottom: 5px;}

.btn-arrow{background:url(/images/arrow_circle.gif) right top no-repeat #F6F6F6; padding: 3px 10px 3px 10px; font-size: 90%; font-weight: bold; width:100%}
.btn-red{background:url(/images/btn_red_bg.jpg) top left repeat-x #CC0000; margin:95px 0 0 285px; border:2px solid #DB0000; color:#000; font-size: 100%; font-weight: bold;}
.btn-red:hover{background: #FF6666}


