/************************************************************************
 *			ITS Global Style Sheets										*
 ************************************************************************/
 
body {
	background: url(http://www.calstatela.edu/its/images/bg.gif) repeat-x;
	background-color: #666666;
	margin-bottom: 25px;
	}

h1 {
	text-transform: none;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	
p, ol, ul, table {
	line-height: 1.4em;
	}

a.top { 
	background: url(http://www.calstatela.edu/its/images/arrowup.gif) no-repeat left bottom;
	font-size: 0.875em;
	padding-left: 13px;
	text-align: right;
	text-transform: uppercase;
	}
	
ol.decimal {
	list-style-type: decimal;
	}

ol.lalpha {
	list-style-type: lower-alpha;
	}
	
ol.ualpha {
	list-style-type: upper-alpha;
	}
	
ol.lroman {
	list-style-type: lower-roman;
	}
	
ol.uroman {
	list-style-type: upper-roman;
	}
	
ul.disc {
	list-style-type: disc;
	}
	
ul.circle {
	list-style-type: circle;
	}
	
ul.square {
	list-style-type: square;
	}
	
ul.none {
	list-style-type: none;
	}

ul.arrowdbl {
	list-style-image: url(http://www.calstatela.edu/its/images/arrowdbl.gif);
	}
	
ul.arrowdown {
	list-style-image: url(http://www.calstatela.edu/its/images/arrowdown.gif);
	}
	
ul.arrowright {
	list-style-image: url(http://www.calstatela.edu/its/images/arrowright.gif);
	}

ul.diamond {
	list-style-image: url(http://www.calstatela.edu/its/images/diamond.gif);
	}

#container {
	border: 1px solid #333333;
	}
	
#leftcol {
	clear: left;
	margin-top: 20px;
	}
	
#mainContent {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	min-height: 280px;
	padding-top: 0;
	padding-left: 2.5em !important;
	padding-right:2.5em !important;
	}

#mainContent a,
#mainContent a:visited {
	color: #333333;
	text-decoration: underline;
	}
	
#mainContent a:hover {
	background-color: #e0e0e0;
	}

#mainContent ol,
#mainContent ul {
	list-style-position: outside;
	margin-left: 40px;
	padding: 0;
	}
		
.column3 #mainContent {
     margin-right: 12.25em !important;
     }

#rightcol {
	border-top: 1px solid #ffd400;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	padding: 10px;
	width: 137px;
	}

#rightcol a,
#rightcol a:visited {
	color: #333333;
	text-decoration: underline;
	}
	
#rightcol a:hover {
	background-color: #e0e0e0;
	}
	
.borderRight {
	border-right: 1px solid #ffd400;
	padding-top: 0;
	}

.box {
	border: 1px dashed #ffd400;
	padding: 13px 10px;
	margin-top: 18px;
	}

.box h2, 
.box h3,
.box p,
.box ul {
	margin: 0 0 4px 0;
	}

.box li {
	font-size: 0.875em;
	}

.external {
	background: url(http://www.calstatela.edu/its/images/external.gif) no-repeat right top;
	padding-right: 10px;
	}

.hide {
	display: none;
	}

.floatleft {
	float: left;
	}
	
.floatright {
	float: right;
	}
	
.note {
	background: none;
	border: 1px solid #ffd400;
	font-variant:small-caps;
	padding: 0 4px;
	}

.pdf   { 
	padding-right:16px;
	}
	
.orange {
	color: #fc8c02;
	}

.smallfont {
	font-size: 0.875em;
	}
			
/************************************************************************
 *			Banner														*
 ************************************************************************/
 
#itsbanner	{
	background: url(http://www.calstatela.edu/its/images/bannerbg.jpg) repeat-x;
	height: 106px;
	margin: 0;
	padding: 0;	
	}
	
#itsbanner a,
#itsbanner img {
	border: none;
	}

/************************************************************************
 *			Menu														*
 ************************************************************************/

#horizontalMenu a {
	text-transform: none;
	}
	
#horizontalMenu ul li a:hover {
	color: #fcd262;
	}
	
#horizontalMenu ul li {
	border-right: none;
	}
	
#horizontalMenu li.bar {
	background: url(http://www.calstatela.edu/its/images/barwht.gif) no-repeat right top;
	padding-right: 4px;
	text-align: right;
	}
	
#menunav,
.mc {
	font-size: 0.95em;
	}
	
#menunav a,
.mc a { 
	padding: 3px 5px;
	}
	
#menunav li a:hover,
.mc li a:hover	{
	background-color: #fae9b1;
	}	

/************************************************************************
 *			Footer														*
 ************************************************************************/

#footer {
	background: url(http://www.calstatela.edu/its/images/goldbg.jpg) repeat-x; 
	background-color: #fff5d3;
	}
	
#footer li.bar {
	background: url(http://www.calstatela.edu/its/images/barblk.gif) no-repeat right top;
	padding-right: 11px;
	text-align: right;
	}

#runnerAddress a,
#runnerModified a {
	color:#ffffff;
	font-weight: normal;
	text-decoration: none;
	}
	
#runnerAddress	a:hover,
#runnerModified a:hover	{
	background-color: #e0e0e0;
	color: #333333;
	font-weight: normal;
	}
	
/************************************************************************
 *			Tables														*
 ************************************************************************/

table {
	border: 1px solid #ffd400;
	border-collapse: collapse;
	margin: 0 auto;
	}

th, td {
	border: 1px solid #ffd400;
	font-size: 0.875em;
	padding: 2px 6px;
	vertical-align: top;
	}

.title {
	background: url(http://www.calstatela.edu/its/images/goldbgdrk.jpg) repeat-x;
	background-color: #fde195;
	color: #000000;
	font-size: 1.1em;
	padding: 2px 0px;
	text-align: center;
	}

.heading {
	background: url(http://www.calstatela.edu/its/images/goldbg.jpg) repeat-x;
	background-color: #fff5d3;
	color: #000000;
	font-size: 1em;
	text-align: left; 
	}

.altrow {
	background-color: #dfdfdf; 
	}


/************************************************************************
 *			Web Forms													*
 ************************************************************************/

fieldset.left {float:left;}
#whiteform {width:90%; padding:10px; margin:10px auto; border:1px solid #dddddd; }
#whiteform fieldset { padding:5px; margin-bottom:5px;}
#whiteform legend { color:#000000; margin-bottom:.5em; padding:3px; }
#whiteform label {clear:left; display:block; float:left; width:8em; font-weight:bold;text-align:right;padding-right:10px; margin-bottom:0.8em;}
#whiteform label span {font-weight:normal;font-size:86%;}
#whiteform textarea {width:auto; border:1px solid #000000; padding:5px; margin:5px; overflow:auto;}
#whiteform input, #whiteform select {padding:0; margin-bottom:0.8em;}
#send, #reset { background:#eee; border:1px solid #999999; color:#000000; padding-right:0.5em; width:10em; margin-left:12px;}
#send:hover, #reset:hover { background:#ffffff;}