body {margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; background-color:#999999;}

body, div, p, th, td, li, dd {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000;}

div#content {padding:0 55px 15px 15px; margin:0; }

input, textarea, select, option {
	font-size: 12px; color:#000000; background-color:#F2EDA0; font-family:Arial, Helvetica, sans-serif;} 

A:LINK { color:#B3000D;	text-decoration:underline;}
A:VISITED { color:#996633; text-decoration:underline;}
A:HOVER, A:ACTIVE {	color:#666666; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;}
h3 { font-size:150%;}

.head {	color:#B3000D; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.headBlack, caption { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000;}

div#headMain {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#B3000D; letter-spacing:-1px; margin:0; padding:10px 0 0 15px;}

.footer { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;}

.whitetext { color:#FFFFFF;}
A.whitetext:LINK, A.whitetext:VISITED {	color:#FFFFFF;}
A.whitetext:HOVER, A.whitetext:ACTIVE {	color:#FFCC00;}

.notice { color:#CC0000; font-weight:bold;}

.highlighter { background-color: #FFFF66;}

.colorFont { color:#B3000D;}

.tableBG { background-color:#FFFFFF;}
.tableBG_mid { background-color:#F2EDA0;}
.tableBG_dark { background-color:#C8AD81;}

th {background-color:#d9c39b;}


/*  Color Reference:
	- LT YELLOW		#F2EDA0
	- YELLOW		#EBCC02
	- RED			#B3000D
	- BROWN			#C8AD81
	- LT BROWN		#FED999
	- LT LT GRAY	#CCCCCC
	- LT GRAY		#999999
	- GRAY			#666666
	- DK GRAY		#333333
padding layout = top right bottom left
------------------------------------ border: 1px solid #000000; */

/* ------------- CONTAINERS ---------------- */

div#outtercontainer {position:relative; width:760px; margin:auto; padding:0; }
div#container {width:760px; padding:0; margin:0; border-right: 5px solid #B3000D; border-left: 5px solid #B3000D;}


/* ------------- TOP BAR ---------------- */

div#accessibility { position: absolute; left: -999px; width: 900px; }
div#topBar { background-image: url(/images/bg_top.gif); background-color: #FED999;	width: 100%; border-bottom: 1px solid #F2EDA0; }
div#stripeBar {background-image: url(/images/frontpage/bg_stripes.gif); background-repeat: repeat-x; background-color: #FED999; width: 100%; height:9px;}
* html div#stripeBar {margin-bottom:-5px;}

/* ------------- QUICKLINKS LAYOUT ---------------- */
div#util input { background-color:#FFFFFF;}
div#util {position:absolute; top:18px; left:600px; margin:0; z-index: 100;}
div#util .x_quicklinks, div#util .x_search {position:relative; display: block; margin-right: 10px; float:left; 												         					    background-color:#FFFFFF; height: 15px; border: 1px solid #666666;
	background-repeat: no-repeat;  background-position: right center; font: 11px Verdana;}
/*div#util .x_quicklinks {width:117px; padding: 0 0 0 5px; background-image: url(http://www.valenciacc.edu/images/globalnav2/btnDropdown_TEAL.gif);}
* html #util .x_quicklinks {padding-bottom: 1px;}*/
div#util ul {margin:0; padding:0; background: #FFFFFF; }
div#util li {position: relative; margin:0; list-style:none; border-bottom:1px solid #999; background:#F1F1E4;}
/*div#util li.x_quicklinks li:hover {background:#D6D7B4;}*/
div#util>ul a {width: auto;}
div#util li a {display:block; padding: 2px 0 2px 5px; text-decoration:none; width: 116px; color:#333333; font: 11px Verdana; }
div#util ul ul {position:absolute; top:15px; left:-1px;  width: 100%; border: 1px solid #999; border-bottom:none; display:none;}
div#util ul.x_level1 li.x_quicklinks:hover ul.x_level2 {display:block;}

/* ------------- SEARCH ----------------- */
div#util .x_search {width:148px;  background-image: url(/images/btn_search.gif);}
div#util .x_search input {width: 117px;  height: 14px;  border: 0;  padding: 0 0 0 5px;  color: #333333;  font: 11px Verdana; margin: -1px 0 -1px 0;}
div#util .x_search button {width: 22px;  height: 14px;  margin:0; padding:0; background-color: transparent; text-indent: -9999px;}
button {position: relative; border-width: 0; vertical-align:bottom;}
button:hover {cursor: pointer; } /* FF */
div#util form {display: inline;}
div#util fieldset {display: inline; border-width: 0px; padding:0; margin:0;}
div#util legend {display: none; }

/* ------------- MAIN NAV ----------------- */
/*div#bars {position: absolute; margin-left:173px; padding:0; width: 15px; height:19px; }
div#rtCap {position: absolute; margin-left:760px; height:19px; padding:0; border-right: 1px solid #D6D7B4; }*/

div#nav {margin: 0; padding:0; width: 100%; height:19px; background: #EBCC02; border-width:0; border-bottom: 1px solid #F2EDA0;}
div#nav ul.x_level1 {margin: 0; padding: 0; }
/*div#nav li.x_submenu { border-left: 1px solid #D6D7B4;}
div#nav li.x_submenu #nav-visitors { margin-right:-10px; border-right: 1px solid #D6D7B4;}*/
div#nav li {position:relative;  list-style: none;  float:left; width: 151px;}
div#nav li.x_submenu li:hover {background: #D6D7B4;}
div#nav li.x_submenu a {background: url(/images/btn_nav.gif) 0 0 no-repeat;}
div#nav li.x_submenu ul li a {background: none;}
#nav2 a {display: block; background-image: url(/images/btn_nav.gif); background-repeat: no-repeat; }
div#nav ul li a {display:block; padding: .25em 0 .25em .5em; text-decoration: none; width: 145px; color:#333333; font: 11px Verdana; }
div#nav ul a {width: auto;}
div#nav ul ul {position:absolute; display:none; top: 18px; left: -1px; padding: 0; margin: 0;  
			   background: #F1F1E4; border: 1px solid #999; border-bottom:none;}
div#nav ul ul li { border-bottom: 1px solid #999; }
div#nav ul.x_level1 li.x_submenu:hover ul.x_level2 {display:block;}

/* ------------- MAIN NAV IMAGE ROLLOVERS ----------------- */
div#nav li.x_submenu #nav-1 {background-position: 0 0; text-indent: -9999px; }
div#nav li.x_submenu #nav-2 {background-position: -151px 0; text-indent: -9999px; }
div#nav li.x_submenu #nav-3 {background-position: -303px 0; text-indent: -9999px; }
div#nav li.x_submenu #nav-4 {background-position: -455px 0; text-indent: -9999px; } 
div#nav li.x_submenu #nav-5 {background-position: -607px 0; text-indent: -9999px; } 

div#nav li.x_submenu:hover #nav-1{ background-position: -760px 0;}
div#nav li.x_submenu:hover #nav-2 {background-position: -911px 0;}
div#nav li.x_submenu:hover #nav-3 {background-position: -1063px 0;}
div#nav li.x_submenu:hover #nav-4 {background-position: -1215px 0;}
div#nav li.x_submenu:hover #nav-5 {background-position: -1367px 0;}