/* YTB*/
/* Created 08-30-07 */
/* Last modified by: Lee 08-30-07*/

html { overflow: -moz-scrollbars-vertical; }
body 
{    
	background-color:#14284f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.75%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/*color: #24526c;*/
	color: #000;
	margin: 0 auto;
	padding: 0;
	width:770px;
}
a
{
	color: #0C6BA8;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

div#outer-div
{
	background-color: #ffffff;
	width:756px;
	text-align: left;
	margin: 0;
	padding: 12px 7px;
}
div#topHeader
{
	background-color: #ffffff;
	background-position: top left;
	min-height: 123px;
	width: 100%;
	padding: 0px;
	font-size: 0.1em;
}
ul.courseList
{
	padding: 0 0 0 10px;
	margin: 6px 0 0 0;
}
ul.courseList li
{
	padding: 0;
	margin: 0;
}

ul.topNav
{
	background-image: url(../images/menu_bottom.jpg);
	margin: 0 auto;
	height: 33px;
	color: #000;
	font-size: 12px;
}
ul.loggedOut { padding: 0 0 0 14px; }
ul.loggedOut a
{
	padding: 10px 30px 0 14px;
}
ul.loggedIn { padding: 0 0 0 12px; }
ul.loggedIn a
{
	padding: 10px 27px 0 11px;
}
ul li
{
	list-style-type: none;
}
ul.bulletlist li
{
	list-style-type: disc;
}
ul.squarelist li
{
	list-style-type: square;
}
ul.topNav a
{
	color: #000;
	text-decoration: none;
	height: 23px;
	float: left;
	display:block;
	margin: 0;
}
ul.topNav a:hover
{
	color: #0c6ba8;
}
ul.topNav li
{    
	display: block;
	float: left;
	padding: 0;
}
body#PageDefault li#nav-home, body#PageCatalog li#nav-catalog, body#PageLogin li#nav-login, body#PageCreateAccount li#nav-account, body#PageCatalog li#nav-catalog, body#PageProgramOverview li#nav-program, body#PageAboutUs li#nav-about, body#PageHelp li#nav-help,body#PageRegistration li#nav-registration,body#PageProfile li#nav-profile,body#PageTranscript li#nav-transcript
{
	background-image:url("../images/menutab_left.jpg");
	background-repeat:no-repeat;
	padding: 0 0 0 11px;
}
body#PageDefault li#nav-home a, body#PageCatalog li#nav-catalog a, body#PageLogin li#nav-login a, body#PageCreateAccount li#nav-account a, body#PageCatalog li#nav-catalog a, body#PageProgramOverview li#nav-program a, body#PageAboutUs li#nav-about a, body#PageHelp li#nav-help a,body#PageRegistration li#nav-registration a,body#PageProfile li#nav-profile a,body#PageTranscript li#nav-transcript a
{
	background-image:url("../images/menutab_right.gif");
	background-position:top right;
	background-repeat:no-repeat;
	font-weight: bold;
	color: #0c6ba8;
}
div#WelcomeSection
{
	margin: 7px 0 0;
	background-color:white;
	/*color: #24526c;*/
	width: 756px;
}
div#pageContentHolder
{
    float: left;
	margin: 0;
}
div#pageContentHolderOuterT
{    
   	margin: 0;
   	height: 35px;   
}
div#pageContentHolderOuterTL
{
    background-image:url("../images/TL.gif");
	background-position:top right;
	background-repeat:no-repeat;    
   	margin: 0;
   	height: 35px;
   	width:12px;
   	float:left;
}
div#pageContentHolderOuterTM
{
    background-image:url("../images/TM.gif"); 
	color: #fff;
   	padding: 0 0 0 0;
   	font-size: 15px;
   	height: 35px;
   	float:left;
}
div#pageContentHolderOuterTR
{
    background-image:url("../images/TR.gif");
	background-position:top right;
	background-repeat:no-repeat;    
   	margin: 0;
   	height: 35px;
   	width:12px;
   	float:left;
}
div#pageContentHolderOuterM
{        
    background-color: #d6e5ed;
   	margin: 0;
   	padding:10px 0 5px 0;   	
	color: #000;
	min-height: 95px;
}
div#pageContentHolderOuterM p
{
	margin: 0 5px 0 10px;
}
div#pageContentHolderOuterM a:active, div#pageContentHolderOuterM a:link, div#pageContentHolderOuterM a:visited
{        
    /*background-color: #d6e5ed;*/
	/*color: #000;*/
}
div#pageContentHolderOuterM a:hover
{        
    /*background-color: #d6e5ed;*/
	/*color: #24526c;*/
}
div#pageContentHolderOuterB
{
   	margin: 0;
   	height: 7px;
}
div#pageContentHolderOuterBL
{
    background-image:url("../images/BL.gif");
	background-position:top right;
	background-repeat:no-repeat;    
   	margin: 0;
   	height: 7px;
   	width:9px;
   	float:left;
}
div#pageContentHolderOuterBM
{
	background-color: #d6e5ed;
   	margin: 0;
   	font-size: 0.1em;
   	height: 7px;
   	float:left;
}
div#pageContentHolderOuterBR
{
    background-image:url("../images/BR.gif");
	background-position:top right;
	background-repeat:no-repeat;    
   	margin: 0;
   	height: 7px;
   	width:9px;
   	float:left;
}
div#help2
{    
	float:right;
	font-size: 90.9%;
	color: #fff;
}
div#help2 a:hover
{
	margin: 0 0 0 0;
	float:right;
	font-size: 90.9%;
	color: #fff;
}
div#help2 a:link, div#help2 a:active, div#help2 a:visited
{
	margin: 0 0 0 0;
	float:right;
	font-size: 90.9%;
	color: #fff;
}
div#welcome
{
	background-image:url("../images/WelcomeBg.jpg");
	background-repeat:no-repeat;
	background-position: top right;
	padding-left: 10px;
	padding-right: 120px;
	padding-top: 4px;
	/*color: #24526c;*/
	/*height: 153px;*/
	height: 275px;
}
div#loginBox
{
	float: left;
	padding: 0;
	margin: 0;
}
div#loginBoxTop 
{
	background-image:url("../images/log-top.jpg");
	background-color:white;
	font-size: 15px;
	color: #fff;
	height: 26px;
	width: 168px;
	margin: 0;
	padding: 9px 0 0 12px ;
}
div#loginBoxMiddle 
{
	border-left: solid 1px #269ddf;
	border-right: solid 1px #269ddf;
	text-align:right;
	font-size: .95em;
	width: 178px;
	/*height: 111px;*/
	padding: 3px 0 0 0;
	margin: 0;
}
div#loginBoxBottom 
{
	background-image:url("../images/log-bottom.jpg");
	background-repeat:no-repeat;
	width: 180px;
	height: 8px;
	padding: 0;
	margin: 0;
}

input, select, textarea 
{
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
}

input.loginButton
{
	margin: 1px 5px;
}

img#ctl00_sideImage
{
	float: right;
	margin: 4px 8px 0 0;
	width: 170px;
}

div#MainContentSection
{
	background-color:white;
	/*color: #24526c;*/
	width: 755px;
	margin: 4px 0 0 0;
	padding: 0;
}
div#Square001Outer
{
	float:left;
	width: 267px;
	height: 244px;
	padding: 0;
	margin: 0 6px 0 0;
}
div#Square001-top 
{ 
	background-image:url("../images/square001-top.jpg");
	background-repeat:no-repeat;
	background-color:white;
	height: 9px;
	width: 267px;
	margin: 0;
	padding: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
div#Square001-middle 
{
	border-left: solid 1px #0f6baa;
	border-right: solid 1px #0f6baa;
	text-align:left;
	font-size: .95em;
	width: 249px;
	height:199px;
	padding: 0 8px 30px 8px;
	margin: 0;
}
div#Square001-bottom 
{
	background-image:url("../images/square001-bottom.jpg");
	background-repeat:no-repeat;
	width: 267px;
	height: 8px;
	padding: 0;
	margin: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
div#Square002Outer
{ 
	float:left;
	padding: 0;
	margin: 0;
	width: 480px;
	height: 244px;
}
div#Square002-top 
{
	background-image:url("../images/square002-top.jpg");
	background-repeat:no-repeat;
	background-color:white;
	height: 7px;
	width: 480px;
	margin: 0;
	padding: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
div#Square002-middle 
{    
	background-image:url("../images/square002-bg.jpg");
	background-repeat:no-repeat; 
	border-left: solid 1px #49b1e1;
	border-right: solid 1px #49b1e1;
	text-align:left;
	font-size: .95em;
	height: 230px;
	width: 402px;
	padding: 0 68px 0 8px;
	margin: 0;
}
div#Square002-bottom 
{    
	background-image:url("../images/square002-bottom.jpg");
	background-repeat:no-repeat;
	width: 480px;
	height: 7px;
	padding: 0;
	margin: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
div#footer
{
	margin: 0;
	padding: 5px 0 0 0;
}
div#footer a
{
	color: White;
	text-decoration: none;
}
div#footer a:hover
{
	text-decoration: underline;
}
div#footer-top 
{   
	background-image:url("../images/footer-top.jpg");
	background-repeat:no-repeat;
	background-color:white;
	height: 6px;
	width: 755px;
	margin: 0;
	padding: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}
div#footer-middle 
{    
	background-color: #16335b;
	border-left: solid 1px #16335b;
	border-right: solid 1px #16335b;
	color: White;
	text-align:center;	
	font-size: 1.1em;
	width: 737px;
	height:20px;
	padding: 5px 8px 0 8px;
	margin: 0;
}

div#footer-bottom 
{   
	background-image:url("../images/footer-bottom.jpg");
	background-repeat:no-repeat;
	background-color:white;
	height: 6px;
	width: 755px;
	margin: 0;
	padding: 0;
	line-height: 0.1em;
	font-size: 0.1em;
}

div#footer-bottomBL 
{    
    float:left;
	background-image:url("../images/footer-bottombl.gif") ;
	background-repeat:no-repeat;
	width: 5px;
	height: 5px;
}
div#footer-bottomBM 
{    
    float:left;
	background-color:#fff;
	width: 760px;
	height: 5px;
	line-height: 1px;
	font-size: 1px;
}
div#footer-bottomBR 
{    
    float:left;
	background-image:url("../images/footer-bottombr.gif") ;
	background-repeat:no-repeat;
	width: 5px;
	height: 5px;
}
div#copyright 
{
	width: 760px;
	height: 81px;
	text-align:center;
	font-size: 100%;
	padding: 10px 0 0 0;
	color: #fff;
}

div#copyright a:link, div#copyright a:active, div#copyright a:visited
{
	margin: 0;	
    color: #01a7db;
}
