@charset "iso-8859-1";
/* Default styles */


html
{
    height: 100%;
	margin-bottom: 0.01em;
	/*This seems to cause prob with
	left column in IE  */
}

body {
	/* text-align: center; */
	margin-top: 0px;
	margin-bottom: 0px;	
	padding: 0px;
	border-top: 0px;   
	background-color: #ccc;}

/*LINKS*/
a {
	font-size:14px;
	text-decoration: none;}
a:hover {
	text-decoration: underline;}
a:visited {
	color:blue;}
	
.menulink a {
	font-size: 12px;}
.menulink a:visited {
	color:purple;
	color:blue;}
	
a.normaltext {
	font-size: 1em;}
	
	
/*HOVER POPUP LINKS*/
/*hoverpopups type 1*/
/*Using Classes*/

.popup { color: #000; background-color:; }

.popup a, .popup a:visited {
position: relative;
z-index: 5;
z-index: 1005;
z-index: 10;
display: block;
width: 68px;
line-height: ;
text-align: left;
padding: 0 0px;
margin: 0;
border: 0px solid #666;
text-decoration:  none;
color: ;
font-size: ;
font-weight: ;
opacity:1.0
}

.popup a:link {	}


.popup a span {
display: none;
}

.popup a div {
display: none;
}
.popup a:hover {
background-color: #e9e9e2;
text-decoration:  none;
 }

/* the IE correction rule */
.popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

.popup a:hover span {
display: block;
z-index: 10;
z-index: 2010;
z-index: 50;
position: absolute;
top: 0px;
left: 68px;
width: 220px;
margin: 0px;
padding: 5px;
color: #335500;
font-weight: normal;
font-size: 12px;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
text-decoration: none;
}
	
.popup a:hover div {
display: block;
z-index: 10;
z-index: 60;
position: absolute;
top: 0px;
left: 68px;
width: 220px;
margin: 0px;
padding: 5px;
color: #335500;
font-weight: normal;
font-size: 8px;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
text-decoration: none;
}
		
/*HOVER POPUP LINKS*/
/*hoverpopups type 1*/

#popup { color: #000; background-color:; }

#popup a, #popup a:visited {
position: relative;
display: block;
width: ;
line-height: ;
text-align: left;
padding: 0 0px;
margin: 0;
border: 0px solid #666;
text-decoration: ;
font-size: ;
font-weight: ;
}

#popup a:link {	}

#popup a span {display: none;}

#popup a div {display: none;}

#popup a:hover { background-color: #e9e9e2; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #e9e9e2;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 70px;
width: 220px;
margin: 0px;
padding: 5px;
color: #335500;
font-weight: normal;
font-size: 12px;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
text-decoration: none;
}

#popup a:hover div{
display: block;
position: absolute;
top: 0px;
left: 70px;
width: 220px;
margin: 0px;
padding: 5px;
color: #335500;
font-weight: normal;
font-size: 8px;
background: #e5e5e5;
text-align: left;
border: 1px solid #666;
text-decoration: none;
}
	
form {
	margin: 0; }
p, h1, h2 {
	margin: 0;
	padding: 0px; }
p {
	margin-top: 0em;
	margin-bottom: 0.5em; }
p.firstpara {
	margin-top: 0em;
	margin-bottom: 0.5em; }			
p.lastpara {
	margin-top: 0.5em;
	margin-bottom: 1.1em;
	margin-bottom: 0.3em; }
p.firstlastpara {
	margin-top: 0em;
	margin-bottom: 1.1em;
	margin-bottom: 0.3em; }
p.topbottom {
	margin-top: 10px; }
div.topbottom {	
	margin-top: 10px;
	background-color: #FEFFE6; 
	background-image: url(images/transparent_ruler760x100.png); width: 100%; height: 92px; height: 100px;}
	// background-color: #fff; }			
p.top {
	margin-top: 15px;
	margin-bottom: 0px; }				
h1 {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: blue;
	color: #F5A50E;
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 0em;
	margin-bottom: 0em; }
h1.top {
	margin-top: 15px;
	margin-bottom: 0px; }		
h2  {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: blue;
	color: #F5A50E;
	font-weight: bold;
	font-size: 20px;
	margin-top: 0em;
	margin-bottom: 0em; }
hr { 
	height:0px; 
    border:0px; 
    border-top:1px solid #F7B539;
	margin-top: 0; margin-bottom: 0.7em; } 
ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding-left: 0em;
	vertical-align: middle; }
ol {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 22px;
	padding-left: 0em;
	vertical-align: bottom; }
ol.smallspace li span {
	position:relative;
	left:-2px;}
			
li.leftbullet
   {
    margin: 0;
    padding: 0; }
ul.smallmargin {
	margin-top: 10px;
	margin-bottom: 10px;
	/* margin-left: 35px; was for non IE */
	margin-left: 0px; }
/*	was for IE child hack
html>body ul.smallmargin {
	margin-left: 0px; }
*/

/* Class for Square Border  */

.square-Border {
	}

.t2 {background: url(images/dot.gif) 0 0 repeat-x; width: 100%}
.b2 {background: url(images/dot.gif) 0 100% repeat-x}
.l2 {background: url(images/dot.gif) 0 0 repeat-y}
.r2 {background: url(images/dot.gif) 100% 0 repeat-y}
.bl2 {background: url(images/bl20.gif) 0 100% no-repeat}
.br2 {background: url(images/br20.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl20.gif) 0 0 no-repeat}
.tr2 {background: url(images/tr20.gif) 100% 0 no-repeat; padding:10px }


	
.t {background: url(images/dot.png) 0 0 repeat-x; width: 100%}
/*.t {background: url(images/blong2mm.jpg); height: 2px; font-size: 1px; }*/
.b {background: url(images/dot.png) 0 100% repeat-x; }
.l {background: url(images/dot.png) 0 0 repeat-y; }
/*.l {background: url(images/dot.png) 0 0 repeat-y; }*/
.r {background: url(images/dot.png) 100% 0 repeat-y; }
/*.bl {background: url(images/blong2mm.jpg) 0 100% repeat-x; }*/
.bl {background: url(images/bl22paleyellow.png) 0 100% no-repeat; }
/*.br {background: url(images/br20.gif); background-position: 100% 0; background-repeat: no-repeat;
	margin-top: -20px; height: 20px; font-size: 2px;}*/
.br {background: url(images/br22paleyellow.png) 100% 100% no-repeat; }	
/*.tl {background: url(images/blong2mm.jpg); height: 2px; font-size: 1px; margin-right: 20px;}
.tl {background: url(images/tl20long.gif); height: 20px; font-size: 1px;}*/
.tl {background: url(images/tl22paleyellow.png) 0 0 no-repeat; }

/*.tr {background: url(images/tr20.gif); float: right; height: 20px; width: 20px; font-size: 1px;}
.tr {background: url(images/tr20.gif) 100% 0 no-repeat; padding:7px; }*/
.tr {background: url(images/tr22paleyellow.png) 100% 0 no-repeat; padding:7px; }
  
.insideBox {
	width: 100%; 
	border-left: 0px solid #F7B539;
	border-right: 0px solid #F7B539;
	border-top: 0px solid #F7B539;
	border-bottom: 0px solid #F7B539;
	background: #FFF;
	background-color: transparent;
	padding-left: 20px;
	padding-right: 2px;
	padding-bottom: 0px;
}
.notopgap {margin-top: 0;
	}
.nobottomgap {margin-bottom: 0;
	}
.gap-saver {
     height: 1px; 
     margin: 0 0 -10px 0;
     padding: 0;
     font-size: 1px; /* to correct IE */
     }
.gap-saver-beta {
     height: 1px; /* without height it doesn't exist :-) */
     margin: 0;
     padding: 0;
     background: green; /* for illustration where it is */
     }

#container {
  /*margin: 0 auto;
  width: 900px;
  text-align: left;*/

  } 	 
	 
#fullWidth {
	width: 100% }

/*	text-align: left;
	margin: 0 auto;
	width: 940px;
	padding: 0px;
	border-top: 0px;  
  border-left: 20px solid #fff;
  border-right: 20px solid #fff;
	/*color: #000;
	width: 95%;*/		
/*	background-color: #ff0000; } */
						
#layoutLogic {
	/* text-align: left; */
	background-color: #C5EFFF;
	background-color: #fff;
	background-color: #FEFFE6;
	padding: 0;
	margin: 0 -1px;	/*problem with margin - makes background bleed vertical line
	compare IE and NN 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -1px;
	margin-right: -1px;	 */
	/*width: 100%;
	margin: 0 0; */
	margin: 0 auto;
	width: 95%;
	width: 875px;
	width: auto;
	width: 760px; 
	min-width: 720px;
	max-width: 800px;
	border-top: 1px solid #fff;   /*problem with margin - makes background bleed vertical line
	compare IE and NN  Solves prob in NN*/
	border-bottom: 1px solid #fff;
	border-left: 20px solid #FEFFE6;
	border-right: 20px solid #FEFFE6; }
#header, #footer {
	color: black;
	position: relative;
	/* border-left: 1px solid black;
	border-right: 1px solid black; */ 
	margin-left: 13px;
	margin-left: 0px;	
	z-index: 0;
	width: 100% }
/* The page div sits in layout logic
The left and right borders provide frames for the left
and right columns.  It's poss to shift the left border
using position relative and a left offset.  Eg if you 
reduce the left border from 130 to 2 and position it 128 
from the left, set left pos to 128 and add margin-right: 128px */ 	
.page {
	/* position: relative;   
	left: 128px;
	margin-right: 128px;*/
	margin-top: 16px;
	
	border-top: 0px solid #F7B539;
	background-color: #fff;
	background-color:  transparent;
	width: auto;
	/* border-right: 293px solid #73C1E1; */
	padding-left: 0px;
	padding-right: 0px;
	
	/* border-left: 120px solid #F7B539; */
	border-left: 130px solid #FEFFE6;
	/* border-left: 2px solid #FFFDAC;	 you can reduce border width	 */
	border-right: 293px solid #73C1E1;
	border-right: 293px solid #FFFDAC;
	border-right: 293px solid #FEFFE6;
	border-right: 1px solid #3098FF;
	/* background-image: url(rightbar.jpg);
	background-repeat: repeat-y;
	position: relative; 
	background-position: 2px; except IE */
	 } 
/*
html > body .page {
	position: relative;
	background-position: 2px; }
*/

.section {
	margin: 0;
	border-bottom: 1px solid transparent;
	width: 100% }

.col-A, .col-B, .col-C, .centrecol {
	position: relative;
	float: left; }

.col-A {
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	font-size: 13px;
	margin-right: 0px;
	margin-right: 1px;
	color: #707080;
	margin-left: -130px;
	z-index: 10;
	z-index: 100;
	width: 120px;
	width: 118px;
	padding-left: 0px;
	padding-left: 6px;
	padding-right: 6px; }
.col-BC {
	font-size: 14px;
	width: 606px; }	
.col-B {
	margin: 0 15px 0 1px;
	margin: 0 -3px 0 -2px;
	z-index: 200;
	font-size: 14px;
	/*border-right: 1px solid black;*/
	/*margin: 0 0px 0 0px;
	padding-left: 30px;
	padding-right: 10px;
	padding-left: 0px;
	padding-right: 0px;
	color: black;
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.9em;*/	
	/*background-color: transparent;
	background-color: solid;
	z-index: 20;	 
	width: 100%; */
	width: 340px; 
	 }
.centrecol {
	/*border: 1px solid #000;
	margin: 0; */
	border-right: 2px solid #FFFDAC;
	border-right: 1px solid #3098FF;
	padding-left: 0px;
	padding-right: 10px;
	color: #707080;
	background-color: transparent;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.9em;
	font-size: 14px;
	}
.col-C {
	/*border-left: 1px solid #FFFDAC; */
	color: #868698;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 0.8em;
	font-size: 14px;	
	margin-right: -322px;
	margin-left: 0px;
	margin-left: 1px;
	padding-left: 15px;
	padding-right: 0px;
	z-index: 10;
	width: 266px; }

.clear {
	clear: both; }
/* .page > .section {
	border-bottom: 1px solid transparent; } */
.overlap {
 	position: relative;           /* establish new containing block */
	left: 0px;
 	width: 266px; height: 290px;  /* must specify width/height */
	}
.overlap .ne, .overlap .sw { position: absolute; }
.overlap .ne {    top: 0; left: 4px; z-index: 1; }
.overlap .sw { bottom: 0;  right: 3px; z-index: 2; }
 /* overlap the college logos */
.logolap {
 	position: relative;
	left: 12px;
 	/* width: 258px; height: 150px; setting for PC and ALC logos*/
	width: 258px; height: 105px;
	}
.logolap .logoleft, .logolap .logoright { position: absolute; }
.logolap .logoleft {    top: 0; left: 0; z-index: 1; }
.logolap .logoright { bottom: 0;  right: 0; z-index: 2; }
.headingcentrecolor {
	color: #B4B4B4;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 1em;
	font-size: 16px;}					
.headingrightcolor {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	font-size: 14px;}	
		
#hide_tracker{display:none;}