/* 	Global Style Sheet for CCCOnline Website
	Based on prior CCCOnline Style Sheet's 
	and the Colorado Community College System style sheet
*/

.content_area  { padding:20px;
	text-align:left;
	background-color: #fdfdf2;
}

#wrapper {
	border-bottom: 5px solid #94672E;
	border-right: 5px solid #94672E;
	border-left: 5px solid #94672E;
	border-top: 5px solid #94672E;
	text-align: left;
	margin: 5px auto;
	width: 890px;
}


#top-section {
	border-bottom: 5px solid #94672E;
	height:124px;
	width: 890px;
}


#mid-section {
   position:relative;
   background-color: #fdfdf2;
   width: 890px;
   height:auto;
   z-index: 2;
}
#mid-col1 {
  position:absolute;
  left:0;
  top:0;
  width:188px;
  display:block;
  overflow:visible;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 10px;
  z-index: 1;
}
#mid-col1-content {
  position:absolute;
  z-index: 1;
}
#mid-col2 {
  position:relative;
  left: 188px;
  top:0;
  display:block;
  padding-right: 40px;
  padding-left: 25px;
  padding-bottom: 20px;
  padding-top: 15px;
  width:635px;
}
#mid-col2content {
}

#bottom-section {
   position:relative;
   left:0;
   top:0;
   color: #f3f2da;
   padding-bottom: 15px;
   width:890px;
   height:auto;
   margin: 15px auto;
}

ul#navtopleft,
ul#navtopleft li,
ul#navtopleft ul {
  margin: 0;
  border: 0 none;
  padding: 0 0 0;
  width: 187px; /*For KHTML*/
  list-style: none;
  vertical-align:middle;
}

ul#navtopleft li {
  display: block;
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navtopleft a {
  /* border: 1px solid #D0C5B4;
  border-right-color: #D0C5B4;
  */
  border-bottom: 1px solid  #D0C5B4;
  padding: 4px 12px 4px 14px;
  display: block;
  background: #E2DDB5;
  color: #1c1c19;
  text-decoration: none;
/*  height: auto !important; */
  height: 1%; /*For IE*/
}
ul#navtopleft a.dropdown {
	background-image:url(/images/arroww.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/* Root Menu Hover Persistence */
ul#navtopleft a:hover,
ul#navtopleft li:hover a,
ul#navtopleft li.iehover a {
  background: #BEB4A5;
  color: #1c1c19;
}

/* 2nd Menu */
ul#navtopleft li:hover li a,
ul#navtopleft li.iehover li a {
  background: #E2DDB5;
  color: #1c1c19;
  border-left: 1px solid #D0C5B4;
}

/* 2nd Menu Hover Persistence */
ul#navtopleft li:hover li a:hover,
ul#navtopleft li:hover li:hover a,
ul#navtopleft li.iehover li a:hover,
ul#navtopleft li.iehover li.iehover a {
  background: #BEB4A5;
  color: #1c1c19;
}

ul#navtopleft ul,
ul#navtopleft ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 187px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navtopleft li:hover ul ul,
ul#navtopleft li.iehover ul ul {
  display: none;
}

ul#navtopleft li:hover ul,
ul#navtopleft li.iehover ul {
  display: block;
}

ul#navleft,
ul#navleft li,
ul#navleft ul {
  margin: 0;
  border: 0 none;
  padding: 0 0 0;
  width: 187px; /*For KHTML*/
  list-style: none;
  vertical-align:middle;
}

ul#navleft li {
  display: block;
  display: inline; /*For IE*/
  position: relative;
}

ul#navleft a {
  /* border: 1px solid #D0C5B4;
  border-right-color: #D0C5B4;
  */
  border-bottom: 1px solid  #D0C5B4;
  padding: 4px 10px 4px 12px;
  display: block;
  color: #1a1a1a;
  text-decoration: none;
/*  height: auto !important; */
  height: 1%; /*For IE*/
}

ul#navleft a:hover,
ul#navleft li:hover a,
ul#navleft li.iehover a {
  background: #D0C5B4;
  color: #1a1a1a;
}

#navbottom {
	list-style: none;
	padding: 0;
}

#navbottom li {
	display: inline;
	margin: 0; 
	padding: 0;
}
#navbottom ul li a {
	color: #FEFEFE;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
}
#navbottom ul li a:hover {color: #c69c6d; text-decoration: none;}

/*NAVIGATION this section defines the nav styles used*/
a {color: #3C4988; text-decoration: none;}
a:active {}
a:link {}
a:visited {}
a:hover {color: #3C4988; text-decoration: underline;}

.line {color: #1c1c19; text-decoration: underline;}
a.line:active {}
a.line:link {}
a.line:visited {}
a.line:hover {color: #1c1c19; text-decoration: underline;}

.white {color: #FEFEFE; text-decoration: none;}
a.white:active {}
a.white:link {}
a.white:visited {}
a.white:hover {color: #c69c6d; text-decoration: none;}

a.nav_general {text-decoration: underline;font-weight: bold;}
a.nav_general:hover {text-decoration: none;}
a.nav_general_normal {text-decoration: underline;font-weight: normal;}
a.nav_general_normal:hover {text-decoration: none;}

.nav_bar{font-size:85%; margin-left:20px;}
a.nav_bar_link{text-decoration: underline;}
a.nav_bar_link:hover {text-decoration:none;}
a.nav_bar_link:visited {}
a.sideNav { font-size: 80%; font-weight: bold; text-decoration: none; line-height:200%;}
a.sideNav:hover { text-decoration: underline; }


#breadcrumbs {color: #42423E; font-size: 9px; font-weight:bold; padding-bottom:5px; text-decoration:none;}
#breadcrumbs a {color: #3C4988;}
#breadcrumbs a:hover {text-decoration:underline; }

/*HTML this section re-defines html, headings, etc. */
html,body,h1,h2,h3,h4,h5,h6,div,p,p2 {
	margin:0;
	padding:0;
}
body {

	overflow-y:scroll;
	
	background-color: #111111;
	background-image: url(/images/bg3.gif);
	background-position: top;
	background-repeat: repeat-x;
    color:#1c1c19;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	text-align: center;
}
h1 {
	color: #42423E;
	font-size: 1.2em;
	font-weight: bold;
}
h2 {
	color:  #996633;
	font-size: 1.1em;
	font-weight: bold;
}
h3 {
	color: #996633;
	font-size: 1.3em;
	font-weight: bold;
}
h4 {
	color: #996633;
	font-size: 110%;
	font-weight: bold;
		padding: 10px 0 0 0;
}

img {border:0;}


/*FORMATTING*/
.article_SubTitle {font-size: 115%;font-weight: bold;color: #000066;line-height: 125%;}
.article_SubTitle_green {font-size: 115%;font-weight: bold;color: #009900;line-height: 125%;}
.article_feature { margin-top:10px;}
.sm_line_height {line-height:50%; font-size:50%;}
.article_title {font-size: 135%;font-weight: bold;color: #996633;line-height: 125%;}
.article_title_green {font-size: 135%;font-weight: bold;color: #009900;line-height: 125%;}
.article_spacer {margin: 0 0 20px 0;}
.page_title {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:145%;line-height:135%;color:#000066;text-align:center;font-weight:bold;}
.center{text-align:center;}
.copyright{font-size:80%;line-height:100%;text-align:center;color: #996633;font-weight: bold;}
.emphasisRED {font-weight: bold;color: #996633;}
.emphasisBLUE {font-weight: bold;color: #000066;}
.emphasisGREEN {font-weight: bold;color: #009900;}
.footer{font-size:80%;line-height:100%;}
.indent1{margin-left:25px;margin-right:25px;}
.indent2{margin-left:50px;margin-right:50px;}
.indent3{margin-left:75px;margin-right:75px;}
.italic_redtext{font-weight:normal;color:#996633;font-style:oblique;}
.italic_bluetext{font-weight:normal;color:#000066;font-style:oblique;}
.normal {font-style: normal;line-height: normal;font-weight: normal;color: #000000;}
.normal_sm {font-style: normal;line-height: normal;font-weight: normal;color: #000000;font-size: 75%;}
.bg_color{background-color:#cccccc;color:#000066;font-weight:normal;}
.bg_color_yellow{background-color:#BEB4A5;color:#000066;font-weight:normal;margin-left: 0px;background-position:top;text-align:center;}
.bg_color_white{background-color:#FFFFFF;color:#000066;font-weight:normal;margin-left: 0px;background-position:top;text-align:center;}
/*Note: "bg_color" is Silver background with Navy Blue text*/
.bold_redtext{line-height:135%;font-weight:bold;color:#996633;}
.redtext{color:#996633;}
.whitetext{color:#FFFFFF;}
.smText {font-size: 85%; font-weight:bold;line-height: 110%;}
.smTextRed {font-size: 85%;color: #996633;line-height: 110%;font-weight: bold;}
.smTextBlue {font-size: 85%;color: #000066;line-height: 110%;font-weight: bold;}
.smTextDate {font-size: 85%;color: #000066;line-height: 200%;font-weight: bold;}
.smTextWhite {font-size: 85%;color: #FFFFFF;line-height: 110%;font-weight: bold;}
.subtext{font-size:80%;line-height:100%;vertical-align:sub;color:#000066;}
.supertext{font-size:80%;line-height:100%;vertical-align:super;color:#000066;}
/*LISTS*/
.list_centered {
	display:block;
	text-align: left;
	margin-left: 20px;
}
.list_style_none {list-style:none;}
.ol_RED {font-weight: bold;color: #996633;font-size: small;}
.ol_Red_Alpha {font-weight: bold;color: #996633;list-style-type: upper-alpha;font-size: small;}
.ol_Blue_Alpha {font-weight: bold;color: #000066;list-style-type: upper-alpha;font-size: small;}
.ol_Blue_None {font-weight: bold;color: #000066;list-style-type: none;font-size: small;}
.ol_Normal_Num {font-weight: normal;color: #000000;font-size: small;}
.ol_Normal_LowAlpha {font-weight: normal;color: #000000;list-style-type: lower-alpha;font-size: small;}
.table_left_indent_20 {
table-layout: fixed;
margin-left: 20px;
}
.table_left_indent200 {
table-layout: fixed;
margin-left: 200px;
}
.link_border {
	border: thin solid #666666;
	padding: 2px;
	display: block;
	float: left;
	margin: 0px;
	width: 40px;
	height: 30px;
	text-align: center;
	clear: none;
}
.ul_arrow {
	list-style-position: outside;
	list-style-type: none;
}

.col_small  {
	width: 160px;
	display:inline;
}
.col_medium {
	width: 300px;
	display:inline;
}
.col_large  {
	width:auto;
	display:inline;
}
.col_center_clear {
margin-left: auto;
margin-right: auto;
text-align:center;
clear:both;

}

.margins_bottom { margin: 0px 0px 10px 0px; }
.margins_top { margin: 10px 0px 0px 0px; }
.margins_bottom_top { margin: 10px 0px 10px 0px; }
.margins_bottom_left { margin: 0px 0px 10px 10px; }
.article_image_right { 
	margin: 0px 0px 10px 10px;
	float:right; }
.article_image_left { 
	margin: 0px 10px 10px 0px;
	float:left; }
	
ul#header_pics {
	padding:0;
	margin:0;
	list-style-type:none;
	background-color:#000000;
	text-align:left;
}

ul#header_pics a { font-size:80%; color:#000000; text-decoration:none; }
ul#header_pics a span {display: none;}
ul#header_pics a:hover span { 
	cursor:pointer;
	display: block; width:300px; height:95px; z-index:1000; position: relative; top: -115px; left:25px;
	background-color: #996633; padding:5px;
	
}


/* from ccco-jquery.css. */

.sm_col  {
	width: 300px;
	display:inline;
	margin-left:10px;
}
.sm_col .clear {
	display:none;
}
.sm_col .yellow, .sm_col .green, .sm_col .orange, .sm_col .teal, .sm_col .pink, .sm_col .green, .sm_col .purple, .sm_col .ltblue {
	background-color: #E2DDB5;
}
.sm_col .yellow h3.header, .sm_col .orange h3.header, .sm_col .pink h3.header, .sm_col .ltblue h3.header {
	background-color: #996633;
	color:#F3F2DA;
}

.sm_col .green h3.header, .sm_col .teal h3.header, .sm_col .purple h3.header {
	background-color: #663300;
	color:#F3F2DA;
}

.sm_col ul {
	margin-bottom : 10px;
	border: none;
	font-size: 90%;
}

.sm_col h3.header {
	cursor:pointer;
	display:block;
	padding:5px;
	margin: 0 0 0 0;
	text-decoration: none;
	font-weight: bold;
	color: #F3F2DA;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
	background: url(/images/arrow-square.gif) no-repeat right -51px;
	
}
.sm_col h3.header:hover {
	color: #F3F2DA;
	background-color: #BEB4A5;
	background-position: right 5px;
}
.sm_col h3.header.active {
	color: #F3F2DA;
	background-color: #BEB4A5;
	background-position: right 5px;
}
.sm_col ul {
	list-style-type:square;
}
.sm_col ul.display_plain {
	padding: 0px;
	margin: 5px;
	list-style-type:none;
}


#navtophoriz {
	border-bottom: 5px solid #94672E;
	color:#fdfdf2;
	font-size:10px;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #333333;
	height: 30px;
	width: 890px;
}

/*dropdownnav*/

#nav-cont-drop {
	border-bottom: 5px solid #94672E;
	font-size:12px;
	font-weight:bold;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #333333;
	height: 30px;
	width: 890px;
	z-index:100;
}

#nav-drop, #nav-drop ul {
	float: left;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 0;
	text-align: left;
}

#nav-drop a {
	color:#000000;
	display: block;
	text-decoration: none;
	padding-left: 1.4em;
	padding-right: 1.4em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
#nav-drop a.mainlinks {
	color:#FFFFFF;
}

#nav-drop a:hover {
	display: block;
	color:#000000;	
	text-decoration: underline;
	background: #BEB4A5;
}

#nav-drop li {
	float: left;
	padding: 0;
}

#nav-drop li ul {
	background-color:  #E2DDB5;
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav-drop li li {
	background-color:  #E2DDB5;
		width: 200px;
}

#nav-drop li ul a {
	width: 250px;
	background-color:  #E2DDB5;
}
#nav-drop li ul ul a {
	width: 250px;
	background-color: #F3F2DA;
}


#nav-drop li ul a:hover {
	width: 250px;
}

#nav-drop li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav-drop li:hover ul ul, #nav-drop li:hover ul ul ul, #nav-drop li.sfhover ul ul, #nav-drop li.sfhover ul ul ul {
	left: -999em;
}

#nav-drop li:hover ul, #nav-drop li li:hover ul, #nav-drop li li li:hover ul, #nav-drop li.sfhover ul, #nav-drop li li.sfhover ul, #nav-drop li li li.sfhover ul {
	left: auto;
}

#nav-drop li:hover, #nav-drop li.sfhover {
	background-color: #BEB4A5;
	color:#000000;
}
#nav-drop li.sfhover a.mainlinks {
	color:#000000;
}

.links {font: 100% Arial, Helvetica, sans-serif;}
.links a {
	width:315px;
	text-decoration:none;
	background: #fdfdf2;
	font-weight: bold;
}
.links a:hover { text-decoration:none; background:#E2DDB5;}
.links a span {display: none;}
.links a:hover span {display: block; width:315px; height:50px; z-index:100; color:#000000; background: #BEB4A5; text-align:center; text-decoration:none;}
.links_spacer {display: block; width:315px; height:2px; background: #333333;}
th{font-size:90%;text-align:center;color:#fdfdf2;background-color:#333333;}
.ul_ol_div { padding-left:160px;}