html{
    margin:0px;
	padding:0px; /*show scrollbar in FF on short pages*/ 
	min-height: 100.1%; 
	height: 100.1%;}

.clearfloat{clear:both;}

body{ margin:0px;padding:0px;background-color:#e5f4fa; }

img {
	border: 0px none;
	display: block;			/* removes extra space underneath caused by default text-alignment */
	padding: 0;
	margin:0;
	}

a img {
	border: 0px none;
	display: block;		/* removes extra space underneath caused by default text-alignment */
	padding: 0;
	margin:0;
	}

h1{margin:0;padding:0px 5px 5px 0px;font:100% Arial,Helvetica,Verdana,sans-serif;font-weight:bold;}
h2{margin:0;padding:5px 5px 0px 0px;font: 95% Arial,Helvetica,Verdana,sans-serif;font-weight:bold;}
h3{margin:0;padding:5px 5px 0px 0px;font:90% Arial,Helvetica,Verdana,sans-serif;font-weight:bold; color:#444;}
h4{margin:0;padding:0px 5px 10px 0px;font: 85% Arial,Helvetica,Verdana,sans-serif;font-weight:bold;}

.h1_ourcollege { color:#762556; }
.h1_atschool { color:#a0c51e;}
.h1_returning { color:#b90050;}
.h1_business { color:#ff6600;}
.h1_overseas { color:#0096ac;}

p{	padding:5px 5px 5px 0px;
	margin:0;
	color:#3e3e3f;
	font-size: 80%;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	text-align: justify; 
}

.ul_list {
font-family:Arial, Helvetica, sans-serif;
font-size: 85%;
color:#3e3e3f;
}

#content_text li {
	color:#3e3e3f;
	font:80% Arial,Helvetica,Verdana,sans-serif;
} 

a {color:#0099FF; text-decoration: none;} /* HACK FOR FIREFOX ETC */
a:link {color:#0099FF; text-decoration: none;}
a:visited {color:#0099FF; text-decoration: none;}
a:hover {color:#ABC43C; text-decoration: none;}
a:active {color:#ABC43C; text-decoration: none;}

#breadcrumbs {
	height: 15px; 
	margin: 5 auto;
	font:80% Arial,Helvetica,Verdana,sans-serif;
	padding: 0px 5px 0px 8px; /* T R B L */
    }

#movinglogo {
    float:left;
    }

#logo-right {
    float:right;
	padding-top:0px;
	padding-right:4px;
	}
	
#logo-right img{
	display:inline;
	}	
	
#header{
	background-image:url("/images/header_background.gif");
	background-repeat: no-repeat;
	background-position: top right;
	margin:0px;
	padding:0px;
	padding-top:7px;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:15px;
}

.headertext{
	padding-top:30px;
	padding-right: 20px;
	font:80% Arial;sans-serif;
	color:white;
	float:right;
	text-align:right;
}

#maincontainer{
	margin:0px;
	background: #fff;
	padding:0px;
	width: 934px;
}

#wrapper{
    margin:0px;padding:0px;padding-left:15px;padding-right:15px;
	background-image:url("/images/body_background.gif");
	background-repeat: repeat-y;
	background-position: top left;
	}

#leftcol{
    float:left;
	width:259px;
	background: ;
	margin:0px 0px 0px 0px;
	padding: 0px 2px 0px 5px;
	color:#3e3e3f;
	font:80% Arial,Helvetica,Verdana,sans-serif;
}
#leftcolwrapper{margin-left:28px;margin-top:10px;margin-bottom:10px;margin-right:150px;}


#rightcol{
    float:right;
	width:651px;
	background: #;
	margin:0px 0px 0px 0px;
	padding: 0px 7px 0px 5px;
}


/* START OF footer CODE ---------------------------------------------------------------------------------------------------------- */
#footercont {
	position:relative;
	/*jk added */
	width:962px;
	height:0px;
	font-size: 80% !important;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font:80% Arial,Helvetica,Verdana,sans-serif;
}

#footercont a {color:#ffffFF; text-decoration: none;} /* HACK FOR FIREFOX ETC */
#footercont a:link {color:#ffffFF; text-decoration: none;}
#footercont a:visited {color:#ffffFF; text-decoration: none;}
#footercont a:hover {color:#00ffff; text-decoration: none;}
#footercont a:active {color:#ABC43C; text-decoration: none;}

.bl_dkg {background: url(/images/corners/bl_dkg.gif) 0 100% no-repeat #333;}
.br_dkg {background: url(/images/corners/br_dkg.gif) 100% 100% no-repeat}
.tl_dkg {background: url(/images/corners/tl_dkg.gif) 0 0 no-repeat}
.tr_dkg {background: url(/images/corners/tr_dkg.gif) 100% 0 no-repeat; padding: 3px 3px 3px 6px;}

.floatright { float: right; }
.footer_box_r {
	width: 150px;
	padding: 3px 10px 2px 2px;
	color: #ffffff;
}
.footer_box_l {
	width: 220px;
	padding: 3px 2px 2px 10px;
	color: #ffffff;
}
/* END OF footer CODE ---------------------------------------------------------------------------------------------------------- */


#maincontent{
	background: #fff;
	text-align: left;
	margin:0px;
	padding:0px;
	width:934px;
}

#centeredpage{
	text-align: center;
	border:0px;
	margin:0px;
	padding:0px;
/*	padding-top:3px;*/
/*	padding-bottom:3px;*/
	background-color:#e5f4fa;
	padding-top:3px;
}

#page {
	width: 968px;
	margin:0px;
	padding:0px;
	background: white;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Top/Back Link styles -- */
.gotop {
float:right;
	text-align:right;
	font:80% Arial,Helvetica,Verdana,sans-serif;
	padding-right:0px;
}

.gotop a.gotop a:hover.gotop, a:active.gotop {
	color: #ABC43C;
    text-decoration: none;	
}

.back {
float:left;
	text-align:left;
	font:80% Arial,Helvetica,Verdana,sans-serif;
	padding-right:0px;
}

.back a.back a:hover.back, a:active.back {
	color: #ABC43C;
    text-decoration: none;	
}

#pagebot{
    background-image:url("/images/home-bot.gif");
	background-repeat: no-repeat;
	background-position: top left;
	height:11px;
	width:968px;
	margin:0;padding:0;border:0;font-size:1px;
	}
.bl_menu {background: url(/images/corners/border/bl_teal.gif) 0 100% no-repeat #33ccff;}
.br_menu {background: url(/images/corners/border/br_teal.gif) 100% 100% no-repeat;}
.tl_menu {background: url(/images/corners/border/tl_teal.gif)  0 0 no-repeat;}
.tr_menu {background: url(/images/corners/border/tr_teal.gif) 100% 0 no-repeat; padding: 3px 3px 3px 3px;}	

/* START OF HOMEPAGE CODE ---------------------------------------------------------------------------------------------------------- */
#top2 {width: 934px;
       height:280px; 
       padding-left:0px;
	   padding-bottom:3px;
	   margin: 0px 0px 0px 0px;
	   position:relative;
	   }

#top2_sub {width: 934px;
       padding-left:0px;
	   padding-bottom:3px;
	   margin: 0px 0px 0px 0px;
	   position:relative;
	   }
#top5 {width: 749px;
       height:280px; 
	   }

#top4 {width: 935px; 
       padding:0px; }
#top4 img {
       padding:0px 0px 0px 0px;
	   margin: 0px 4px 0px 3px;
	   display:inline;
	   }

#coursesearch {
float:left;
    width:245px;
    height: 4em;
	line-height: 1.5em;
	padding: 5px 0px 0px 5px;
}
#ad_right {
float:right;
margin: 0px 0px 0px 0px;
}



 start of table css ======================================================================== 
table.courses
{ font-family: Arial,Helvetica,Verdana,sans-serif; }
td.course
{ 
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
color: #404040; }

table.contacts
{ 
background-color: #eee;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.contactDept
{ background-color: #99CCCC;
border: 0px #000000 solid;
font-weight: bold;
color: #404040;
padding-left: 8px;
height: 20px; }

td.contactDept2
{ background-color: #0099ff;
  border: 0px #000000 solid;
  font-family: Arial,Helvetica,Verdana,sans-serif;
  font-weight: bold;
  color: #fff;
  height: 20px;
  padding-left: 8px;
 }

td.contact
{ border: 1px #6699CC dotted;
text-align: left;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
font-size: 80%;
color: #404040;
background-color: #eee;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

 ============================================================= 

table.stats 
{text-align: center;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
font-size: 80%;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td 
{background-color: #CCC;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-weight: normal;
font-size: 80%;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.stats td.hed
{background-color: #666;
font-family: Arial,Helvetica,Verdana,sans-serif;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 1px #fff solid;
font-size: 80%;
font-weight: bold;} 
 end of table css ======================================================================================================== 

.bg_home {
background-color: #AAA;
/*background-image: url(../../images/cc/home2007/main_bg_home.jpg);*/
background-image: url(../../images/cc/home2007/fades/more_march2009.jpg);
background-repeat: no-repeat;
}
.bg_one {
/* background-color: #762556; */
background-image: url(/images/home_rotate/bg1.jpg);
background-repeat: no-repeat;
}
.bg_two {
/* background-color: #a0c51e; */
background-image: url(/images/home_rotate/bg2.jpg);
background-repeat: no-repeat;
}
.bg_three {
/* background-color: #B90050; */
background-image: url(/images/home_rotate/bg3.jpg);
background-repeat: no-repeat;
}
.bg_four {
/* background-color: #FF6600; */
background-image: url(/images/home_rotate/bg4.jpg);
background-repeat: no-repeat;
}
.bg_five {
/* background-color: #0096AC; */
background-image: url(/images/home_rotate/bg5.jpg);
background-repeat: no-repeat;
}
.bg_six {
/* background-color: #0096AC; 
background-image: url(/images/home_rotate/bg6.jpg);
background-repeat: no-repeat;*/
}

#block1 { 
color: #fff;
margin: 0px 0px 0 0px;
padding: 10px 3px 0 7px;
height: 280px;
width: 176px;
float: left;
}

#block1 img{ 
display: inline;
}

#block2 { 
color: #fff;
margin-top: 0px;
padding: 0;
height: 280px;
width: 300px;
float: left;
/* text-transform: uppercase; */
font-weight: bold;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size:17px;
display:block; 
text-decoration:none; 
}

#block2 a {
color: #fff;
}
#block2 a:hover {
text-decoration:underline; 
color:#FFF; 
background-color: transparent;
}

#emptydiv { 
margin: 0;
padding: 0;
height: 280px;
width: 130px;
float: left;
}

#icons { 
color: #333;
margin: 0;
padding: 0;
height: 280px;
width: 160px;
float: left;
}

.icon { 
color: #FFF;
margin: 0;
padding: 0;
height: 70px;
width: 160px;
float: left;
}

.icon a {
color: #FFF;
text-decoration: none;
}

.icon a:hover {
color: #FFF;
text-decoration: underline;
background-color: transparent;
}

.floaticon {
float: left;
margin: 6px 8px 0 6px;
}

.icontext {
padding: 18px 5px 0 0;
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 80%;
}

#block3 { 
margin-top: 0px;
padding: 0;
height: 280px;
width: 748px;
float: left;
display:block;
}

#block4 { 
background-image: url(/images/home_rotate/bg6.jpg);
background-repeat: no-repeat;
color: #fff;
margin: 0px 0px 0 0px;
padding: 10px 3px 0 7px;
height: 280px;
width: 175px;
float: left;
}
/* START OF CONTENT LEFT COL CODE ---------------------------------------------------------------------------------------------------------- */
#leftcol_content{
    float:left; 
	width:535px;
	/* background-repeat: no-repeat;
	background-position: bottom right;
	min-height:600px; */
	min-height: 14em;
	height: auto; 
}

#leftcol_content2{
    float:left; 
	width:754px;
	/* background-repeat: no-repeat;
	background-position: bottom right;
	min-height:600px; */
	min-height: 14em;
	height: auto; 
}

#leftcol_content_fullw{
    float:left;
	width:925px;
	/* background-repeat: no-repeat;
	background-position: bottom right;
	min-height:600px; */
	min-height: 14em;
	height: auto;
}

#leftcol_content_headroom{
    float:left; 
	width:700px;
	/* background-repeat: no-repeat;
	background-position: bottom right;
	min-height:600px; */
	min-height: 14em;
	height: auto; 
}
/* for Internet Explorer */
/*\*/
* html #leftcol_content{
height: 14em;
}
/**/

#leftcol_nav{
    float:left;
	width:180px;
	min-height: 14em;
	height: auto;
}
#leftcolwrapper_content{margin-left:8px;margin-top:8px;margin-bottom:10px;margin-right:0px;}
#leftcolwrapper_content img{
display:inline;}

/* END OF CONTENT LEFT COL CODE --------------------------------------------------------------------------------------------------- */


/* START OF CONTENT RIGHT COL CODE ------------------------------------------------------------------------------------------------ */

#rightcol_content {
    float:right;
	width:210px;
	/* background-color: #FF99CC; */
	margin:0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

#rightwin{width:210px;}
#righttop{background-image:url("/images/rightcol_top.gif");}
#rightmid{background-image:url("/images/rightcol_mid.gif");}
#rightbot{background-image:url("/images/rightcol_bot.gif");}
#righttop{
	height:33px;
	background-repeat: no-repeat;
	background-position: bottom left;
}
#rightmid{
	background-repeat: repeat-y;
	background-position: top left;
}
#rightmidwrapper{
	padding-top:0px;padding-left:5px;padding-right:5px;
}
#rightbot{
	background-repeat: no-repeat;
	background-position: top left;
	height:10px;
}
.righthr {
 width: 195px;  /*needed for IE to prevent disappearing content!*/
 height:1px;
 margin-top:3px;
 margin-bottom:3px;
 margin-left: 12px;
 border-top:1px solid #fff;
 line-height:1px;
 font-size:1px;
}
#rightmidwrapper .rightstyle-highlighted{margin-left:0px;color:#fae831;font-weight:bold;color:#fff;}
#rightmidwrapper .rightstyle-normal{margin-left:0px;color:#fff;}
#rightmidwrapper p{margin-left:13px; margin-right:8px;}
.rightleft{float:left;width:10px;text-align:left;}
.rightright{float:right;width:185px;text-align:left;}
/* END OF CONTENT RIGHT COL CODE ------------------------------------------------------------------------------------------------- */


/* START OF SUB-MENU CODE -------------------------------------------------------------------------------------------------------- */

#navcontainer, #navcontainer_atschool, #navcontainer_returning, #navcontainer_overseas, #navcontainer_business  { width: 180px; }

#navcontainer ul, #navcontainer_atschool ul, #navcontainer_returning ul, #navcontainer_overseas ul, #navcontainer_business ul
{
margin-top: 10px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
list-style-type: none;
font:13px Arial,Helvetica,Verdana,sans-serif;
}

#navcontainer a, #navcontainer_atschool a, #navcontainer_returning a, #navcontainer_overseas a, #navcontainer_business a
{
display: block;
padding: 3px 3px 3px 8px;
width: 160px;
background-color: #762556;
border-bottom: 0px solid #eee; 
}

#navcontainer a:link, #navcontainer_atschool a:link, #navcontainer_returning a:link, #navcontainer_overseas a:link, #navcontainer_business a:link,
#navlist a:visited, #navlist_atschool a:visited, #navlist_returning a:visited, #navlist_overseas a:visited, #navlist_business a:visited
{
color: #fff;
text-decoration: none;
}

#navcontainer a:hover, #navcontainer_atschool a:hover, #navcontainer_returning a:hover, #navcontainer_overseas a:hover, #navcontainer_business a:hover
{
background-color: #009bdf;
color: #fff;
}

/* START OF SUB-MENU color CODE ---------- */
#navcontainer a { background-color: #762556;}
#navcontainer_atschool a { background-color: #a0c51e;}
#navcontainer_returning a { background-color: #b90050;}
#navcontainer_overseas a { background-color: #0096ac;}
#navcontainer_business a { background-color: #ff6600;}

#submenu_top_ourcollege {
background-image:url("/images/corners/menu/top_ourcollege.jpg"); 
background-repeat: no-repeat;
height: 8px;}
#submenu_btm_ourcollege { 
background-image:url("/images/corners/menu/btm_ourcollege.jpg"); 
background-repeat: no-repeat;
background-position: top left;
height: 8px;
}

#submenu_top_atschool { 
background-image:url("/images/corners/menu/top_atschool.jpg"); 
background-repeat: no-repeat;
height: 8px;}
#submenu_btm_atschool { 
background-image:url("/images/corners/menu/btm_atschool.jpg"); 
background-repeat: no-repeat;
background-position: top left;
height: 8px;
}

#submenu_top_returning { 
background-image:url("/images/corners/menu/top_returning.jpg"); 
background-repeat: no-repeat;
height: 8px;}
#submenu_btm_returning { 
background-image:url("/images/corners/menu/btm_returning.jpg"); 
background-repeat: no-repeat;
height: 8px;
}

#submenu_top_overseas { 
background-image:url("/images/corners/menu/top_overseas.jpg"); 
background-repeat: no-repeat;
height: 8px;}
#submenu_btm_overseas { 
background-image:url("/images/corners/menu/btm_overseas.jpg"); 
background-repeat: no-repeat;
height: 8px;
}

#submenu_top_business { 
background-image:url("/images/corners/menu/top_business.jpg"); 
background-repeat: no-repeat;
height: 8px;}
#submenu_btm_business { 
background-image:url("/images/corners/menu/btm_business.jpg"); 
background-repeat: no-repeat;
height: 8px;
}

/* END OF SUB-MENU CODE ---------------------------------------------------------------------------------------------------------- */


/* START OF Curved cutout Borders CODE ------------------------------------------------------------------------------------------- */
.raised {background: transparent; width:100%;}
.raised h2, .raised p {margin:0 10px;}
.raised h2 {font-size:18px; color:#762556;}
.raised p {padding-bottom:0.5em;}
.raised img { padding-left: 8px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}
/* END OF Curved cutout Borders CODE ------------------------------------------------------------------------------------------- */

div.profile_img
{
	margin: 1px;
	padding: 2px;
	background: #f0f0f0;
	border:solid 1px #dcdcdc;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
}	
div.profile_img img
{
	display: inline;
	margin: 5px;
	border: 1px solid #a9a9a9;
}
.floatimgright2 { 
  float: right;
  padding: 3px 3px 3px 3px;
  border: 1px solid #ffffff;
  background-color: #FFFFFF;
  text-align: center;
 } 
 
 /* Img Float styles -- */  
.floatimgleft { 
  float: left;
  padding: 10px 10px 5px 0px;
  text-align: center;
 } 
 
.floatimgright { 
  float: right;
  padding: 10px 0px 5px 10px;
  text-align: center;
 }
/* START OF Curved box CODE ------------------------------------------------------------------------------------------- */ 
 dl {
		width: 910px;
		margin: 0 0 20px 0px;
		padding: 0;
		background: #ccc url(/images/box_bottom3.gif) no-repeat bottom left;
		}

	dt {
		margin: 0 0 10px 0;
		padding: 10px;
		font-family: Verdana, sans-serif;
		font-size: 100%;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #999 url(/images/box_top3.gif) no-repeat top left;
		}
	
	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #666;
		font-family: Verdana, sans-serif;
		font-size: 90%;
		background: url(http://www.alistapart.com/d/mountaintop/arrow.gif) no-repeat 0 3px;
		}
		
	#blue dt {
		background-color: #69c;
		}
	
	#blue {
		background-color: #9cf;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green {
		background-color: #cf9;
		}
	#red dt {
		background-color: #933;
		}
	
	#red {
		background-color: #c99;
		}
/* END OF Curved box CODE ------------------------------------------------------------------------------------------- */ 

/* GENERIC STUFF ------------------------------------------------------------------------------------------- */ 

.red { color: #ff0033 }

.big { font-size:115%; font-weight: bold; padding: 5px 0px 5px 0px;} 
.redtext {color: #ff0033;}
.bluetext {color: #3366ff;}
.greentext {color: #009966;}
.whitetext {color: #ffffff;}
.text95percent {font-family: Arial,Helvetica,Verdana,sans-serif; font-size:95%;}
.text90percent {font-family: Arial,Helvetica,Verdana,sans-serif; font-size:90%;}
.text85percent {font-family: Arial,Helvetica,Verdana,sans-serif; font-size:85%;}
.text75percent {font-family: Arial,Helvetica,Verdana,sans-serif; font-size:75%;}
.smalltext {font-family: Arial,Helvetica,Verdana,sans-serif; font-size:85%;}
.smallertext {font-family: Arial,Helvetica,Verdana,sans-serif; font-size:75%;}
.bold {font-family: Arial,Helvetica,Verdana,sans-serif; font-weight:bold;}
.italic {font-family: Arial,Helvetica,Verdana,sans-serif; font-style: italic;}
.underline {font-family: Arial,Helvetica,Verdana,sans-serif; text-decoration: underline;}

.opaque {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);					// second!
}

#translucent_white {
	font-size: 12px;}
