/******************************************************** 

File:     Global Layout Stylesheet                      
Author:   Valencia Web Services        
Address:  http://valenciacc.edu/oit/web/ 
Contact:  jdanser@valenciacc.edu                                                                   

Visual Style Reference: 
http://valenciacc.edu/includes/styles.htm

********************************************************/


/* background colors */
.bgcolor_1 {background-color:#f1f1f2;} /* gray     */
.bgcolor_2 {background-color:#cccccc;} /* gray     */
.bgcolor_3 {background-color:#cccccc;} /* gray */
.bgcolor_4 {background-color:#878787;} /* gray */
.bgcolor_5 {background-color:#ffd659;} /* yellow   */
.bgcolor_6 {background-color:#bf311a;} /* red   */
.bgcolor_7 {background-color:#bf311a;} /* red      */
.bgcolor_8 {background-color:#1d1300;} /* brown    */

.bgcolor_5_tint {background-color:#fff3cc;} /* yellow   */
.bgcolor_7_tint {background-color:#bf685c;} /* red      */



/* font colors */
.fontcolor_1 {color:#878787;} /* gray     */
.fontcolor_2 {color:#878787;} /* gray     */
.fontcolor_3 {color:#878787;} /* gray */
.fontcolor_4 {color:#878787;} /* gray */
.fontcolor_5 {color:#ffd659;} /* yellow   */
.fontcolor_6 {color:#bf311a;} /* red   */
.fontcolor_7 {color:#bf311a;} /* red      */
.fontcolor_8 {color:#1d1300;} /* brown    */

/* font classes */
.footer {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;}
.headBlack {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000;}
.italic {font-style:italic;}
.notice {color:#cc0000; font-weight:900;}
.weight100 {font-weight:100;}
.weight500 {font-weight:500;}
.weight900 {font-weight:900;}

/* padding */
.padding0  {padding:0;}
.padding1  {padding:1px;}
.padding3  {padding:3px;}
.padding5  {padding:5px;}
.padding7  {padding:7px;}
.padding10 {padding:10px;}

/* images */
.image_left {float:left; margin:0; padding:0 10px 6px 0;}
.image_right {float:right; margin:0; padding:0 0 6px 10px;}

/* margins */
.margin0 {margin:0;}
.margin5 {margin:5px;}

/* floats */
.right {float:right;}
.left {float:left;}

/* display */
.display_none {display:none;}
.display_hidden {visibility:hidden;}

/* borders */
.border0 {border:0;}

/* indents */
.indent10 {position:relative; left:10px; margin-right:10px;}
.indent25 {position:relative; left:25px; margin-right:25px;}
.text-indent {text-indent:25px;}

/* buttons */
.button1 {font-size:16px; height:35px; width:100px; cursor:pointer; background-color:#ffde75;}
.button1:hover {background-color:#ffe58f;}
.button_big {font-size:16px; height:35px; width:100px; cursor:pointer;}

/* lists */
.item_spacing_3 li {margin-bottom:3px; padding-bottom:0;}
.item_spacing_5 li {margin-bottom:5px; padding-bottom:0;}

/* heading - paragraph groups */
h1.group_h-p + p, h2.group_h-p + p, h3.group_h-p + p {margin-top:-14px; padding-top:0;}
h1.group_h-ul + ul, h2.group_h-ul + ul, h3.group_h-ul + ul {margin-top:-14px; padding-top:0;}

/* markup presentation */
/*body { background-image:url(/images/bg/fireworks.jpg); background-attachment:fixed;}
body {margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; background-color:#f1f1f2;}*/
body {background-color:#ececec;}

body, div, p, th, td, li, dd {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
input, textarea, select, option {font-size: 12px; color:#1d1300; background-color:#f1f1f2; font-family:Arial, Helvetica, sans-serif;} 
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:150%;}
th {background-color:#f1f1f2;}
caption {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000;}

/* links */
a:link { color:#777777 ;	text-decoration:underline;}
a:visited { color:#777777 ; text-decoration:underline;}
a:hover, a:focus {color:#bf311a ; text-decoration:none;}
a:active {color:#777777 ; text-decoration:none;}
.big a:link {color:#bf311a;	text-decoration:underline;}
.big a:visited {color:#660099; text-decoration:underline;}
.big a:hover {color:#B03030; text-decoration:none;}
.big a:active {color:#B03030; text-decoration:none;}
#crumb a:link, #crumb a:visited, #crumb a:active { color:#1d1300 ;	text-decoration:underline;}
#crumb a:hover,#crumb a:focus {color:#bf311a ; text-decoration:none;}

/* document icons */
.pdf {background-image:url(/images/icon_pdf.gif);background-repeat:no-repeat; background-position:0 0px; padding:1px 0 1px 20px;}
.pdf:link, .pdf:visited, .pdf:hover, .pdf:active {background-image:url(/images/icon_pdf.gif); background-repeat:no-repeat;}
.doc {background-repeat:no-repeat; background-position:0 0px; padding:1px 0 1px 20px;}
.doc:link, .doc:visited, .doc:hover, .doc:active {background-image:url(/images/icon_msword.gif); background-repeat:no-repeat;}
.xls {background-repeat:no-repeat; background-position:0 0px; padding:1px 0 1px 20px;}
.xls:link, .xls:visited, .xls:hover, .xls:active {background-image:url(/images/icon_msexcel.gif); background-repeat:no-repeat;}
.ppt {background-repeat:no-repeat; background-position:0 0px; padding:1px 0 1px 20px;}
.ppt:link, .ppt:visited, .ppt:hover, .ppt:active {background-image:url(/images/icon_msppt.gif); background-repeat:no-repeat;}
.swf {background-repeat:no-repeat; background-position:0 0px; padding:1px 0 1px 20px;}
.swf:link, .swf:visited, .swf:hover, .swf:active {background-image:url(/images/icon_flash.gif); background-repeat:no-repeat;}

/* external links */
.external {background-repeat:no-repeat; background-position:100% 50%; padding:0 13px 0 0;}
.external:link {background-image:url(/images/external/external.png); background-repeat:no-repeat;}
.external:visited {background-image:url(/images/external/external_v.png);}
.external:hover {background-image:url(/images/external/external_h.png);}
.external:active {background-image:url(/images/external/external_h.png);}

/* headmain */
div#headMain {font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#bf311a; letter-spacing:-.5px; margin:0; padding:15px 0 10px 0;}
div#headDir  {font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#bf311a; letter-spacing:-1px; margin:0; padding:10px 0 5px 0;}
#headMain a {text-decoration:none; color:#bf311a;}

/* navbar */
img.x_navPad { margin-top:15px;}
table.x_navBG { background-color:#fff;}
#related ul { margin-left: 0; padding-left: 1em; list-style-type:none; text-indent: -8px;}

/* code sample */
code, .code {font-family:"Courier New", Courier, monospace;}

/* accessibility */
div#accessibility {position: absolute; left:-999px; width: 900px;}

/* global header */
div#topBar {position: absolute; width:100%; margin-left:7px; height:55px;}
.atlasLogin {position: absolute; right:32px;}
div#util input { background-color:#fff;}
div#util {position:absolute; top:16px; left:540px; margin:0; height:19px; width:290px; z-index:9999;}

/* quicklinks */	
div#util .x_quicklinks{margin-right: 10px; float:left; background-color:#fff; height: 15px; border: 1px solid #999999; background-repeat: no-repeat;  background-position: right center;}
div#util .x_quicklinks {width:117px; padding: 0 0 0 5px; background-image: url(/images/frontpage/btnDropdown_TEAL.gif);}
* html #util .x_quicklinks {padding-bottom: 1px;}
div#util ul {margin:0; padding:0; background: #fff; }
div#util li {position: relative; margin:0; list-style:none; border-bottom:1px solid #999; background:#f1f1f2; font: 11px Verdana;}
div#util li.x_quicklinks li:hover {background:#bf311a;}
div#util li a {display:block; padding: 2px 0 2px 5px; text-decoration:none; width: 116px; color:#333; 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;}
div#util ul.x_level2 a:hover{ color:#FFFFFF;}

/* search */
div#util .x_search{ display: block; margin-right: 10px; float:left; background-color:#fff; height: 15px; border: 1px solid #999999;
	background-repeat: no-repeat;  background-position: right center; font: 11px Verdana;}
div#util .x_search {width:138px;  background-image: url(/images/frontpage/bgSearch.gif);}
div#util .x_search input {width: 117px;  height: 14px;  border: 0;  padding: 0 0 0 5px;  color: #333;  font: 11px Verdana; margin: 0px 0 -1px 0;}
div#util .x_search button {width: 15px;  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; }


/* global header navigation */

div#leftCap {position: absolute; margin-left:193px; height:19px; padding:0; border-right: 1px dotted #b3b3b3; }


div#nav {position: relative; left:13px; top:0px; height:19px; padding:0; width:960px; border-bottom: 3px solid #bf311a;}
div#nav ul.x_level1 {margin: 0 0 0 194px; padding: 0;}
div#nav li.x_submenu { border-right: 1px dotted #b3b3b3; height:19px;}
div#nav li {position:relative; list-style: none; float:left; width: 142px;}
div#nav li.x_submenu li:hover {background: #bf311a;}
div#nav li.x_submenu a {background: url(/images/frontpage/btnNav.gif) 0 0 no-repeat;}
div#nav li.x_submenu ul li a {background: none;}
div#nav ul li ul li a {display:block; padding: .25em 0 .25em .5em; text-decoration: none; width: 136px; 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: #f1f1f2; 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;}

div#nav ul.x_level2 a:hover{ color:#FFFFFF}

div#nav li.x_submenu #nav-future {display:block; background-position: 0 0; text-indent: -9999px; height:19px; text-decoration:none; }
div#nav li.x_submenu #nav-current {display:block; background-position: -143px 0; text-indent: -9999px; height:19px; text-decoration:none; }
div#nav li.x_submenu #nav-faculty {display:block; background-position: -286px 0; text-indent: -9999px; height:19px; text-decoration:none; }
div#nav li.x_submenu #nav-visitors {display:block; background-position: -429px 0; text-indent: -9999px; height:19px; text-decoration:none; } 
div#nav li.x_submenu:hover #nav-future{background-position: -571px 0;}
div#nav li.x_submenu:hover #nav-current {background-position: -714px 0;}
div#nav li.x_submenu:hover #nav-faculty {background-position: -857px 0;}
div#nav li.x_submenu:hover #nav-visitors {background-position: -1000px 0;}


/* news and information */
.x_mainText {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
A.x_mainText:LINK, A:VISITED.x_mainText {text-decoration:none;}
A.x_mainText:HOVER {text-decoration:underline;}


/*#footer 960*/

#NewFooter {border-top: 3px solid #bf311a;}
#NewFooter .links{margin:10px; font-size:14px; font-weight:600; font-family:Arial, Helvetica, sans-serif; color:#f1f1f2; }
#NewFooter .footer{color:#959595;}
#NewFooter .copyright{ text-align:center;}

#NewFooter a:link, #NewFooter a:active, #NewFooter a:visited{color:#959595; text-decoration:none;}
#NewFooter a:hover{color:#bf311a; text-decoration:none;}

#footer-social span { position:relative; left:30px; top:5px;}
#footer-social_Face a { display: block; border: 0px solid #000000; background:url(/images/icon_facebook_24_grey.png) no-repeat; height:24px; width:104px; margin-top:4px; }
#footer-social_Face a:hover {background:url(/images/icon_facebook_24.png) no-repeat;}

#footer-social_Twit a { display: block; border: 0px solid #000000; background:url(/images/icon_twitter_24_grey.png) no-repeat; height:24px; width:24px;  margin-top:4px; }
#footer-social_Twit a:hover {background:url(/images/icon_twitter_24.png) no-repeat;}

#footer-social_Tube a { display: block; border: 0px solid #000000; background:url(/images/icon_youtube_24_grey.png) no-repeat; height:24px; width:66px;  margin-top:4px; }
#footer-social_Tube a:hover {background:url(/images/icon_youtube_24.png) no-repeat;}


/* Centers site   */
/*				960*/
#containerMain{ margin-left:auto; margin-right:auto; width:1002px;}
#containerTop{position:relative; width: 1000px; height:75px; background:url(/images/1000ShadowTop.png) bottom no-repeat; z-index:1000; }
#containerContent{width: 1000px; background:url(/images/1000Shadow.png) 0px 100px repeat-y; z-index:1;}
#wrapper{width: 960px; margin-left:20px; background-color:#FFFFFF; z-index:1;}
#containerBtm{width: 1000px; background:url(/images/1000ShadowBtm.png) bottom no-repeat;}

/* Site Setup */
#tableMain{ width: 960px;}
#contentNav{ }
#contentTable{width: 785px;}
#contentHead{ }

/******************************************************** 

Do not add the classes below to any pages you create or edit.

Classes below should remain in this document in order avoid breaking pages that still rely on them.

********************************************************/

/* DEPRECATED: DO NOT USE THESE CLASSES! */
.x_tableBG { background-color:#d7d7d7;}
.x_tableBGfront {background-color:#f1f1f2;}
.x_tableBG_mid { background-color:#f1f1f2;}
.x_tableBG_dark { background-color:#f1f1f2;}
.x_tableBorder { border-color:#f1f1f2;}

/* DEPRECATED: DO NOT USE THESE CLASSES! */
.table1 {background-color:#878787; }
.tabletitle {font-size:18px; }
.table2 {background-color:#d7d7d7;  }
.columntitle {background-color:#ffde75; color:#f1f1f2; font-weight:bold;}
.sectiontitle {background-color:#ffde75; color:#f1f1f2; font-weight:bold;}
.row1 {background-color:#ffffff;}
.row2 {background-color:#f7f7ef;}

/* DEPRECATED: DO NOT USE THESE CLASSES! */
.gray     {background-color:#f1f1f2;}
.blue     {background-color:#cccccc;}
.lt_green {background-color:#d7d7d7;}
.dk_green {background-color:#878787;}
.yellow   {background-color:#ffde75;}
.orange   {background-color:#bf311a;}
.red      {background-color:#bf311a;}
.brown    {background-color:#1d1300;}

/* DEPRECATED: DO NOT USE THESE CLASSES! */
.grayText     {color:#f1f1f2;}
.blueText     {color:#cccccc;}
.lt_greenText {color:#d7d7d7;}
.dk_greenText {color:#878787;}
.yellowText   {color:#ffde75;}
.orangeText   {color:#bf311a;}
.redText      {color:#bf311a;}
.brownText    {color:#1d1300;}

/* DEPRECATED: DO NOT USE THESE CLASSES! */
.colorFont  {color:#cccccc;} 
.colorFont1 {color:#1d1300;}
.button_big {font-size:16px; height:35px; width:100px; cursor:pointer;}

/* DEPRECATED: DO NOT USE THESE CLASSES! */
A.whitetext:LINK, A.whitetext:VISITED {color:#fff;}
A.whitetext:HOVER, A.whitetext:ACTIVE {color:#ffde75;}
.whitetext {color:#fff;}
.grouped_h3_and_p h3 {margin:0; padding-bottom:0;}
.grouped_h3_and_p p {margin:3px 0 20px 0;}
.group_h3_p h3 + p {margin-top:-12px; padding-top:0;}