/*CAL POLY ADVANCED CSS TEMPLATE V 3.0*/
/*EDUCATIONAL WEB SERVICES*/


/*BODY AND LAYOUT ELEMENTS----------------------------------------------------*/

body {
	color:#333333;
	background:#f1efe2;
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	font-family:Arial, Verdana, Helvetica, Sans-serif;
}







/*FRAME & FOOTER ELEMENTS----------------------------------------------------------*/
#frame {
	width: 861px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url("../images/Template_FrameBackground.gif");
	background-color: transparent;
	background-repeat: repeat;
	background-position: top left;
	background-attachment: scroll;
	}
	
#contentleft {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 155px;
	float: left;
	text-align: left;
	}
	
#contentcenter {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 706px;
	float: left;
	text-align: left;
	}
	
#contentheader {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#contentfooter {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#footerframe {
	width: 861px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: auto;
	padding: 0px;
	}
	
div.footerleft {
	padding: 0px;
	width: 431px;
	float: left;
	text-align: left;
	}
	
div.footerright {
	padding: 0px;
	width: 430x;
	float: right;
	text-align: right;
	}


div.footertop {
	padding: 0px;
	width: 861px;
	height:24px;
	float: right;
	text-align: right;
	color:#f1efe2;
	background-image: url("../images/Template_TopFooter.gif");
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	font-family:Arial, Verdana, Helvetica, Sans-serif;
}

div.footerbottom {
	padding: 0px;
	width: 861px;
	text-align: left;
	color:#ffffff;
	background-image: url("../images/Template_BottomFooter.gif");
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	font-family:Arial, Verdana, Helvetica, Sans-serif;
	
}


p.footerleft { 
	font-size: 8pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	color:#333333; 
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 25px;
	padding-bottom: 5px;
	}
	
p.footerright { 
	font-size: 8pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	color:#333333;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	}







/*PARAGRAPH TAGS----------------------------------------------------------*/


p { 
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	}

p.clients { 
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	padding: 5px 5px 0px 111px;
    margin: 0px 10px 0px 10px;
	}	

p.columnleft { 
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	}
	
p.columnright { 
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	float: right;
	text-align:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	}

p.backtotop{
	width:600px;
	text-align:right;
	padding:2px 0px 0px 0px;
	margin:10px 10px 0px 20px;
	border-width:1px;
	border-style:solid none none none;
	border-color: #a5a698;
}


br.clear {
	margin: 0px 0px 30px 0px;
}


/*ORDERED LIST TAGS----------------------------------------------------------*/

ol { 
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 40px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	}
ul { 
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 40px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	}	



/*HEADER TAGS----------------------------------------------------------*/

h1 { 
	font-size: 13pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	color:#f9c032;
	text-align:right;
	width:628px;
	padding-top: 10px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	}

h2 { 
	font-size: 10pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	color:#7e9a07; 
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	}
	
h3 { 
	font-size: 10pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	color:#666666; 
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 40px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	}

h4 { 
	font-size: 10pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	color:#7e9a07; 
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 111px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	}






/*INFO BOX----------------------------------------------------------------*/
div.infobox { 
	background: url("../images/Template_InfoBlock.gif") top center no-repeat;
	border-bottom: 1px solid #a8cb9d;
	float: right;
	width:291px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	}

p.infoboxtext {
	font-size: 8pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	color:#333333;
	padding-top:35px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:10px;
}






/*FORM FIELD BOXS-------------------------------------------------------------*/

div.formsample {background: url("../images/boxforms_form.gif") top center no-repeat;border-bottom: 1px solid #b8bb9e;float: center;width:600px;}
div.formsampleform {font-size:9pt;font-family:arial, verdana,  helvetica, sans-serif;color:#333333;float:center;padding:32px 5px 2px 5px;}

div.campusdiningjob {background:url("../images/boxforms_campusdiningjob.gif") top center no-repeat;border-bottom:1px solid #b8bb9e;margin:0px 10px 0px 20px;width:600px;}
div.campusdiningjobform {font-size:9pt;font-family:arial, verdana,  helvetica, sans-serif;color:#333333;float:center;padding:32px 5px 2px 5px;}








/*HOMEPAGE BOX------------------------------------------------------------*/
div.homepagebox { 
	float: right;
	width:291px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	}

p.homepageboxtext {
	font-size: 8pt;
	font-family: arial, verdana,  helvetica, sans-serif; 
	color:#333333;
	padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	padding-bottom:10px;
}






/*ERROR MESSAGING BOX(S)------------------------------------------------------------*/

DIV.ErrorBox
{
    BORDER-LEFT: #990000 1px solid;
    BORDER-RIGHT: #990000 1px solid; 
    BORDER-TOP: #990000 1px solid; 
    BORDER-BOTTOM: #990000 1px solid; 
    PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	MARGIN-RIGHT: 0px;
	MARGIN-LEFT: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    BACKGROUND: #FFCCCC;
    LINE-HEIGHT: 11pt;
    COLOR: #990000;
    text-align:center;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif
    WIDTH:600px;
}







/*FORM ELEMENTS----------------------------------------------------------------
.form label.check {float:left; display:block; margin-left:0.5em; text-align:left}
.form label {width:15em; float:left; display:block; margin-right:0.5em; text-align:right}
.form .submit input {margin-left:4.5em}
.form input {font-weight:normal}
.colours input {color:#666666; background:#ffffff; border:1px solid #273850}
.colours select {color:#666666; background:#ffffff; border:1px solid #273850}
.colours textarea {color:#666666; background:#ffffff; border:1px solid #273850}
.colours .submit input {color:#000; background:#ffffff; border:2px #273850 outset}
.form fieldset {border:0px solid #DBEBDD;}
.form legend {background:#ffa20c; border:1px solid #781351; letter-spacing:0}
.form fieldset p {margin-top:0}
div.formbox {margin-left:5px;margin-right:5px;margin-bottom:5px;border:1px solid #273850;padding-top:5px;padding-bottom:5px;}
*/


form.inputform label.check {float:left; display:block; margin-left:0.5em; text-align:left}
form.inputform label {width:15em; float:left; display:block; margin-right:0.5em; text-align:right}
form.inputform input.b {height:16px; width: 197px; background-color: #F9F9F7; padding-left:3px; margin-bottom:10px; color: #333333; border:0px; background-image: url("../images/formfield200.gif")}
form.inputform select {color:#333333; background-color: #F9F9F7; border:0px; background-image: url("../images/formfield200.gif")}
form.inputform submit.c {margin:20px;}




/*SEARCH FORM------------------------------------------------------------------*/
form.searchform {float:right; text-align:left; margin-top:104px; margin-right:15px;}
form.searchform input {font-weight:normal;color:#000000; background:#ffffff; border:1px solid #273850;}
form.searchform label {margin-right:0.5em; text-align:right; color:#ffffff; font-size:1.23em; font-style:bold;}
form.searchform .submit input {color:#000; background:#ffffff; border:1px #273850 outset}


#searchbox {float:right; text-align:left; margin-top:104px; margin-right:15px;}
#searchbox input{background: url("../images/SearchBtn.gif") no-repeat; color:#333333; display:block; height:17px; padding:2px 1px 1px 8px; width:168px; border:0px; float:left; }
#searchbox input.searchimg {width:50px; padding-left:0; background-position:top right; }
#searchbox input.novalue {color:#808080; font-style:italic;}
#searchbox input.hidden {width:0px;padding:0px;margin:0px;}






/*FONT ELEMENTS----------------------------------------------------------------*/

.f1 {font-size:11px;color:#606060;}
.f2 {color:#85B03F;font-size:12px;}
.f3 {color:#E42D1A;font-size:12px;}
.f4 {color:#6DB882;font-size:11px;}




/*TABLE ELEMENTS---------------------------------------------------------------*/
.headertable1 {
	text-align:left;
	width:861px;
	height:179px;
	border-collapse:collapse;
	border: none;
	background-image:url("../images/Template_Header.gif");
}

.headertable1, .headertable1 th, .headertable1 td {
	border: none;
}


.basictable {
	border-collapse: collapse;
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding: 5px;
	margin: 5px;	 
}

.basictable, .basictable th, .basictable td {
	border: none;
	padding: 5px;
	margin: 5px;
}


.viewmembertable {
	border-collapse: collapse;
	width:580px;
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding: 2px;
	margin: 2px;	 
}

.viewmembertable, .viewmembertable th, .viewmembertable td {
	border: none;
	padding: 2px;
	margin: 2px;
}

.viewmembertablephonecolumn {
	border-collapse: collapse;
	width:200px;
	font-size: 9pt;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding: 2px;
	margin: 2px;	 
}


/*LINK ELEMENTS----------------------------------------------------------------*/


a#rolloverlink {
    width: 153px;
    height: 14px;
    background-image: url("../images/Template_NavBackground.gif");
    display: block;
    text-decoration: none;
    margin:2px 0px 5px 0px;
    padding:0px;
    font-size: 1.25em;
    font-weight: normal;
    line-height:1.2em; 
    color: #333333;
}

a#rolloverlink:hover {
    background-position: 153px 0;
}




a:link 
{ 
    font-weight: normal; 
    text-decoration: underline; 
    color: #333399;
}
a:visited
{ 
    font-weight: normal; 
    text-decoration: underline; 
    color: #333399;
}
a:hover, a:active
{ 
    text-decoration: underline; 
    color: #5E87B0;
}


a.catlink:link 
{ 
    font-weight: normal; 
    text-decoration: underline; 
    color: #224466;
}
a.catlink:visited
{ 
    font-weight: normal; 
    text-decoration: underline; 
    color: #224466;
}
a.catlink:hover, a.catlink:active
{ 
    text-decoration: underline; 
    color: #5E87B0;
}



a.navlink:link
{ 
    font-size: 9pt;
    font-weight: normal;
    line-height:14pt; 
    text-decoration: none; 
    color: #999999;
}
a.navlink:visited
{ 
    font-size: 9pt;
    font-weight: normal; 
    line-height:14pt;
    text-decoration: none; 
    color: #999999;
}
a.navlink:hover, a.navlink:active 
{ 
    font-size: 9pt;
    line-height:14pt;
    text-decoration: underline; 
    color: #a5a698;
}	


a.subnavlink:link
{ 
    font-size: 1.35em;
    font-weight: normal;
    line-height:1.55em; 
    text-decoration: none; 
    color: #666666;
    margin-left:30px;
}
a.subnavlink:visited
{ 
    font-size: 1.35em;
    font-weight: normal; 
    line-height:1.55em; 
    text-decoration: none; 
    color: #666666;
    margin-left:30px;
}
a.subnavlink:hover, a.subnavlink:active 
{ 
    font-size: 1.35em;
    line-height:1.55em; 
    text-decoration: underline; 
    color: #a5a698;
    margin-left:30px;
}



a.jumptocontent:link 
{ 
    font-weight: normal;
    font-size: 1px; 
    text-decoration: none; 
    color: #6699cc;
}
a.jumptocontent:visited
{ 
    font-weight: normal; 
    font-size: 1px; 
    text-decoration: none; 
    color: #6699cc;
}



a.footerbar:link 
{ 
    font-size: 8pt;
    font-weight: normal; 
    text-decoration: none; 
    color: #ffffff;
}
a.footerbar:visited
{ 
    font-size: 8pt;
    font-weight: normal; 
    text-decoration: none; 
    color: #ffffff;
}
a.footerbar:hover, a.footerbar:active
{ 
    font-size: 8pt;
    text-decoration: none; 
    color: #ffffff;
}

	
	

/*DATA TABLE----------------------------------------------------------------*/
#zebratable {
	border: 0px solid #cccccc;
	width:500;
}

#zebratable tbody tr td {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding-left: .2em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	background-color: #ffffff;
	border: 0px;
}
	
#zebratable tbody tr.odd td {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding-left: .2em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	background-color: #d9dde3;
	border: 0px;
}

#zebratable td.fixed {
	width: 100px;
	text-align: left;
}



/*BASIC INFO TABLE----------------------------------------------------------------*/
#infotable {
	border:0px;
	width:95%;
	margin:10px 20px 10px 20px;
	text-align:center;
}

#infotable tbody tr td {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding-left: .2em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	border: 0px;
}
	
#infotable tbody tr.odd td {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding-left: .2em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	background-color: #e8e9e5;
	border: 0px;
}

#infotable thead th {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	font-style:bold;
	color:#929386;
}


/*BASIC INFO TABLE LEFT----------------------------------------------------------------*/
#infotableleft {
	border:0px;
	width:95%;
	margin:10px 20px 10px 20px;
	text-align:left;
}

#infotableleft tbody tr td {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding-left: .2em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	border: 0px;
}
	
#infotableleft tbody tr.odd td {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	padding-left: .2em;
	padding-right: .1em;
	padding-top: .1em;
	padding-bottom: .1em;
	background-color: #e8e9e5;
	border: 0px;
}

#infotableleft thead th {
	font-size: 1.2em;
	font-family: arial, verdana,  helvetica, sans-serif;
	font-style:bold;
	color:#929386;
}



/*CODE---------------------------------------------------------------------*/
.code { font-family: monospace; color: #333399; } 
p.code { border: 1px dotted #333399; padding:5px; margin: 5px; }
pre {font-family: monospace; color: #333399; border: 1px dotted #333399; padding:5px; margin: 5px;font-size: 10pt; }



img.homepageheaderimage{float:right;padding:0px;margin:0px 1px 10px 0px;}
img.headerimage{padding:0px;margin:0px 20px 10px 20px;}
img.floatleft{float:right;margin:0px 20px 0px 5px;padding:2px;border-width:1px;border-style:solid;border-color:#a5a698;}
img.sitesample{float:left;margin:0px 20px 0px 20px;padding:2px;border-width:1px;border-style:solid;border-color:#a5a698;}



img.print { display:none; }









/*NEWS---------------------------------------------------------------------*/

#contentInner{
margin-top:208px;
}

#latestNewsSection{
	padding:0px;
	margin: 0px 20px 0px 10px;
	width: 255px;
	float:right;
	background:#ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: hidden;
	position: relative;
}

div.NewsHeading{
	font-size: 10pt;
	font-weight: bold;
	background:#ffffff;
	font-family: arial, verdana,  helvetica, sans-serif;
	color:#7e9a07; 
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#ajaxNews{
    height: 270px;
    overflow: hidden;
}

.newsLink{
   display: block;
	clear: both;
	color: Green;
}

.newsText{
	margin: 5px 0px 5px 0px;
}

#newsNav{
	height: 15px;
	width: 45px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#newsNav IMG{
	margin-left: 5px;
}

#loadingAni{
	top: 159px;
	left: 89px;
	width: 32px;
	height: 32px;
	position: absolute;
}




/*SLIDESHOW---------------------------------------------------------------------*/

#rotator
{
	overflow: hidden;
	position: relative;
	width: 250px;
	height: 200px;
}

#rotator img
{
	width: 250px;
	height: 200px;

}