/* Elimiates page jump on render from browser adding scroll bars */
html { height: 102%; }

#load-facebook-fanpage {
	height:580px;
	overflow:hidden;
	width:300px;
	background: #FFFFFF; }

/* Forms */

.defaultData .formSubtext { font-weight: bold; }

#main-content a { font-weight: bold; }
#main-content a:hover { color: #cc9933; text-decoration: underline }

/* Content */

/* Hide tab0 so the homepage loads correctly */
#categories .desc .idTabs .tab0 { display: none; }
#categories .photo div#tab-programs,
#categories .photo div#tab-skillstraining,
#categories .photo div#tab-highschool,
#categories .photo div#tab-corptraining,
#categories .photo div#tab-enrichment { display: none; }

#banner ul li { display: none; }

#left-news .box #tab-coursefinder,
#left-news .box #tab-catalog { display: none; }
#right-news .box #tab-upcomingevents { display: none; }

#left-news .box #tab-alert2,
#left-news .box #tab-alert3 { display: none; }

#left-news .box a { width: 180px; }

#left-news .box #alertbox-directions { position: absolute; right: 3px; bottom: 2px; color:#5A5A5A; }
#news ul.list-dots { bottom: 18px; right: 5px; }

a.morecatalog { margin-left: 55px; }
#tab-catalog p { padding:0 5px 5px 55px; }
#tab-catalog h3 { padding:5px 5px 5px 55px; }

#main-content .endFloat { display: none; }

#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 { margin-bottom: 10px; font-weight: normal; font-family: "Times New Roman", Times, serif; padding: 0; }

#main-content h2 { font-size: 30px; line-height: 34px; margin-top: 10px; font-weight: bold; }
#main-content h3 { font-size: 18px; line-height: 18px; margin-top: 15px; font-weight: bold; color: #996633; }
#main-content h4 { font-size: 16px; line-height: 16px; margin-top: 15px; font-weight: bold; color: #996633; }
#main-content h5 { font-size: 14px; line-height: 14px; margin-top: 15px; font-weight: bold; color: #996633; }
#main-content h6 { font-size: 14px; line-height: 14px; margin-top: 15px; font-weight: bold; color: #996633; }

#main-content p { padding: 0; margin: 10px 0; }

#main-content {
	float:right;
	width:640px;
	padding: 20px 20px 10px;
	background:url("../images/ui/bg_maincontent_top.gif") repeat-x scroll 0 0 transparent; }
	
#main-content ol {
	font-size:1.2em;
	line-height:1.4em; }	
	
#main-content ul,
#main-content ol {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0 0 0 20px;
	margin: 1em 0; }
	
#main-content ul li,
#main-content ol li {
	padding:0 0 0 15px;
	margin: 1em 0; }
	
#main-content ol {
	padding: 0 0 0 37px; }
	
#main-content ol li {
	list-style-type: decimal;
	padding: 0; }
	
#main-content ul li { background: url("../images/ui/bullet_yellow.png") no-repeat scroll 0 5px transparent; }
#main-content ul li ul li {	background: url("../images/ui/bullet_yellow_dash.gif") no-repeat scroll 0 5px transparent; }

#main-content ol li ul { padding: 0; }
#main-content ol li ul li { list-style-type: none; padding:0 0 0 15px; }

#main-content ul ol li { background: none; }
	
table.defaultData td.formDescription {
	width: 33%; }

table.defaultData td.tableData {
	width: 66%; }
	
table.defaultData tr {
	padding: 0 0 3px 0; }
	
hr {
	background:url("../images/ui/hrDotted.png") repeat-x scroll 0 0 transparent;
	border:medium none;
	color:black;
	display:block;
	height:1px;
	margin:15px 0;
}

#main-content blockquote {
	background-color:#F6F2E9;
	color:#996633;
	font-family:"Times New Roman",Times,serif;
	font-size:150%;
	font-style:italic;
	margin:10px 0 10px 15px;
	padding:5px 15px 5px 25px; }
	
#main-content blockquote > *:first-child:first-letter {
	font-size: 200%;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #996633; }

#main-content blockquote span {
	background-color:#F6F2E9;
	color:#996633;
	font-family:"Times New Roman",Times,serif;
	font-size:12px;
	font-style:normal !important;
	font-variant:small-caps;
	font-weight:bold;
	margin:7px 4px 0 0; }

#main-content blockquote p {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:16px; }
	
#footer .support .btn-foundation {
	height: 0;
	width: 0;
	background: none; }
	
#mCAL table#month ul.events li { background:none; }

#main-content .ft-table p,
.ft-table {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px; }
.padding-3 td { padding: 3px; }
.padding-5 td { padding: 5px; }
.border-bottom td { border-bottom: 1px dashed #AAAAAA; }
.hr-margin td hr { margin: 5px 0; }

.formRequired { color: red; }

#main-content ul.list-breadcrumbs a.active { color:#333399 !important; }
#main-content ul.list-breadcrumbs a { color:#AAAAAA !important; }	
#main-content ul.list-breadcrumbs a:hover {	color: #CC9933 !important; }

#main-content form {
	font-size:1.2em;
	line-height:1.4em; }

/* Layout */

#home #content{
	padding: 0 0 15px 15px; }

#main-content ul.list-breadcrumbs {
	color:#ccc;
	padding: 0;
	margin: 0 0 10px 0;
	font-weight:bold; }

#main-content ul.list-breadcrumbs li {
	float:left;
	padding: 0;
	margin: 0;
	background: none;
	font-size: 11px; }
	
#sidebar {
	width: 205px;
	padding: 20px 5px 15px 10px; }

ul#sub-nav li.active ul li.active ul{display:block;	}
ul#sub-nav li.active ul li.active a.expand{background:url('../images/ui/icon_collapse_small.gif') no-repeat 0 1px; }
ul#sub-nav ul li a { background:url("../images/ui/bullet_subnav.gif") no-repeat scroll 0 6px transparent; }

#footer .col3 {	min-height: 300px; }

a.allevents {
	background-position:0 -96px !important;
	margin-left:90px; }
	
a.allevents:hover { background-position:0 -120px !important; }

ul#top-nav { padding: 2px 0 0 0; float:right; max-width: 475px; }
#search-form .textbox { width: 170px; }

#weather {
	width: 28px;
	max-height: 45px;
	overflow: hidden;
	float: right;
	position: relative;
	top: -7px;
	margin:0 12px 0 4px; }
	
#weather span {
	color:#FFFFFF !important;
	text-shadow:2px 2px 2px #0A2D7F;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	display:block;}
	
#weather-tip .weather-image { float: left; }
#weather-tip .weather-text { 
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 0 60px;
	padding: 0 0 10px 10px; }
	
/* Stops header from jumping on page render */
#header-right #search-form input[type="image"] { width: 39px; }

/* Find what you are looking for fix */
#categories .desc li { padding: 0; }
#categories .desc li a { padding:45px 25px 0 0; }
#categories .desc li.tab2 a { background-position:-113px 0 !important; }
#categories .desc li.tab3 a { background-position:-268px 0 !important; }
#categories .desc li.tab4 a { background-position:-398px 0 !important; }
#categories .desc li.tab5 a { background-position:-516px 0 !important; padding:45px 0 0; }

/* Disable CSS Hover for news tabs, implemented jquery hoverintent */
#news ul.list-tabs li.tab1 a:hover { background-position:0 0 !important; }
#news ul.list-tabs li.tab2 a:hover { background-position:0 -40px !important; }
#news ul.list-tabs li.tab3 a:hover { background-position:0 -80px !important; }
#news ul.list-tabs li.tab4 a:hover { background-position:0 -120px !important; }
#news ul.list-tabs li.tab5 a:hover { background-position:0 -160px !important; }

/* Alignment Issues with mega dropdowns */
ul#main-nav ul li.menu { width: 200px; }
ul#main-nav ul ul { width: 200px; }
ul#main-nav ul ul li.more { text-align:center !important; }

/* Web GUI Admin */

#adminBar {
	background: #3460b8;
	color: #FFFFFF; }
	
#adminBar .controls a {
	color: #FFFFFF; }
		
	
	
/* Pic Top */

#main-content .pic-top {
	margin: 7px 0 10px 10px;
	width: auto;
	float:right;
	clear:both; }
	
#main-content .pic-top .pic {
	margin: 0; }
	
#main-content .pic-top ul {
	padding: 0;
	margin: 0 0 10px;
	height: 20px; }

#main-content .pic-top ul li {
	padding: 0;
	margin: 0;
	float: none;
	display: inline;
	background: none; }

#main-content .pic-top ul li a { padding: 0 3px 0 0; }

#main-content .pic-top ul li.btn-course a { padding: 0 }

#main-content .pic-top ul li.btn-view-catalog { float:right; }
#main-content .pic-top ul li.btn-view-catalog a { width:157px;background-position:0 -80px !important; }
#main-content .pic-top ul li.btn-view-catalog a:hover { background-position:0 -100px !important; }

#main-content .pic-top ul li.btn-view-sheet { float:right; }
#main-content .pic-top ul li.btn-view-sheet a { width:180px;background-position:0 -120px !important; }
#main-content .pic-top ul li.btn-view-sheet a:hover { background-position:0 -140px !important; }

#main-content .pic-top ul li.btn-donate-now { float:right; }
#main-content .pic-top ul li.btn-donate-now a {
	width:311px;
	height: 30px;
	background-position:0 -30px !important;
	background:url("../images/ui/btn_donatenow.gif") no-repeat scroll left top transparent; }
#main-content .pic-top ul li.btn-donate-now a:hover { background-position:0 0 !important; }

/* Buttons */

#main-content .pic-top a.button {
	background:url("../images/ui/buttons.jpg") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:20px;
	margin: 0 3px 5px 0;
	text-decoration: none; }
#main-content .pic-top a.button span {
	background:url("../images/ui/buttons.jpg") no-repeat scroll right top transparent;
	cursor:pointer;
	display:inline;
	float:left;
	height:17px;
	margin-left:35px;
	padding:3px 20px 0 0;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-shadow:2px 2px 2px #0A2D7F; }
	
#main-content .pic-top a.button:hover {
	background-position:0 bottom; }

#main-content .pic-top a.button:hover span {
	background-position:right bottom; color:#9a7000; text-shadow: none; }


a.button-large {
	background:url("../images/ui/buttons.gif") no-repeat scroll left top transparent;
	display:block;
	float:left;
	height:26px;
	margin: 0;
	text-decoration: none;
	width: 175px; }
a.button-large span {
	background:url("../images/ui/buttons.gif") no-repeat scroll right top transparent;
	cursor:pointer;
	display:inline;
	float:left;
	height:24px;
	margin-left:28px;
	padding:2px 0 0 0;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-shadow:2px 2px 2px #0A2D7F;
	width: 147px;
	text-align:center; }
	
a.button-large:hover {
	background-position:0 bottom; }

a.button-large:hover span {
	background-position:right bottom;  }

/* FAQ */

#tagcloud .relevance1 { font-size: 80%; }
#tagcloud .relevance2 { font-size: 100%; }
#tagcloud .relevance3 { font-size: 120%; }
#tagcloud .relevance4 { font-size: 140%; }
#tagcloud .relevance5 { font-size: 160%; }

h2#article_category  {
	color:#CCCCCC;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height:1.4em;
	padding: 0;
	margin: 0 0 10px 0; }
	
h2#article_category a {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	color:#333333 !important;
	text-decoration:none !important; }

h2#article_category a.active, h2#article_category a:hover {
	color:#CC66CC !important; }
	
#main-content .rightcolumn {
	float:right;
	margin:0 0 10px 10px;
	padding: 0 10px 10px 10px;
	width:180px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background:#FFEDB8 }

#main-content .rightcolumn ul { padding:0 0 0 5px; }
#main-content .rightcolumn ul li,
#main-content .rightcolumn ol li { margin:0.5em 0; font-size:11px; }

#main-content .rightcolumn ol { padding: 0 0 0 20px; }

#main-content textarea#content {
	background: none;
	min-height: 12px;
}

/* Tables */
.box-table-a,
.box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 610px;
	text-align: left;
	border-collapse: collapse;
}
.box-table-a th,
.box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
.box-table-a td,
.box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	color: #669;
}
.box-table-a tr:hover td,
.box-table-b tr:hover td
{
	background: #d0dafd;
	color: #339;
}
.box-table-a td{ border-bottom: 1px solid #fff; border-top: 1px solid transparent; }
.box-table-b td,
.box-table-b th{ border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.box-table-b th{ border-top: 2px solid #aabcfe; }



/* Gallery Slideshow
--------------------------------------------------------------------------*/

#main-content .gallery-hold{
	overflow:hidden;
	clear:both;
}
#main-content .pic-top .gallery-hold{
	margin:0;
}
#main-content .gallery-hold .gallery{
	padding:4px;
	border:1px solid #dfdfdf;
	background:#f0f0f0;
	overflow:hidden;
}
#main-content .gallery-hold .caption {
	color:#888888;
	display:block;
	font-size:11px;
	line-height:11px;
	margin:0 auto;
	padding:2px 0 2px;
	text-align:center;
}
#main-content .gallery-hold .list{
	position:relative;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
	list-style:none;
	height: auto !important;
}
#main-content .gallery-hold .list li{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	vertical-align:top;
	padding: 0;
	background: none;
}
#main-content .gallery-hold .list li.active{
	z-index:2;
	position:relative;
}
#main-content .gallery-hold .list img{ }
#main-content .gallery-hold .gall-nav{
	list-style:none;
	padding:7px 0 1px !important;
	margin:0 auto !important;
	overflow:hidden;
	height: auto;
}
#main-content .gallery-hold .gall-nav li{
	float:left;
	margin:0 2px 0 3px;
	display:inline;
	overflow:hidden;
	text-indent:-666px;
	width:8px;
	height:8px;
	background:url(../images/ui/bg-gallery-btn.gif) no-repeat;
	cursor:pointer;
}
#main-content .gallery-hold .gall-nav li.active,
#main-content .gallery-hold .gall-nav li:hover,
#main-content .gallery-hold .gall-nav li.hover{ background-position:0 -8px;}

#main-content .gallery-hold .b-bg{
	position:relative;
	margin-top:-1px;
	height:11px;
	overflow:hidden;
}
#main-content .gallery-hold .b-bg .bg-r,
#main-content .gallery-hold .b-bg .bg-l{
	height:11px;
	position:absolute;
	top:0;
	overflow:hidden;
}
#main-content .gallery-hold .b-bg .bg-l{
	left:0;
	width:119px;
	background:url(../images/ui/bg-gallery-bl.gif) no-repeat;
	z-index:2;
}
#main-content .gallery-hold .b-bg .bg-r{
	right:0;
	width:148px;
	background:url(../images/ui/bg-gallery-br.gif) no-repeat;
	z-index:1;
}

/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../images/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {
  background-color: #eae2cd;
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #eae2cd;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 0;
  padding: 8px 10px 4px;
  font-size: 1.2em;
  font-weight: bold;
  background: url(../images/ui/bg_weather_title.gif) repeat-x top left #daa20e;
  color: #674b00;
}
.cluetip-default #cluetip-title a {
  color: #9a7000;
  font-size: 1.2em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
  color: #111111;
  font-size: 12px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
  float: right;
  font-size:1.2em;
  font-weight:bold;
}

/* Support Scroller */

#support-scroller { margin: 10px 5px; }
#support-scroller .spiffyfg {
	padding:5px 10px; }
#support-scroller .spiffyfg img {
	display:block;
	margin:0 auto; }
#support-scroller .spiffyfg p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 0; }
#support-scroller .spiffy{display:block}
#support-scroller .spiffy *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#FFFFFF}
#support-scroller .spiffy1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #6f7ff8;
	border-right:1px solid #6f7ff8;
	background:#c0c7fc}
#support-scroller .spiffy2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #1c35f4;
	border-right:1px solid #1c35f4;
	background:#cfd4fc}
#support-scroller .spiffy3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #cfd4fc;
	border-right:1px solid #cfd4fc;}
#support-scroller .spiffy4{
	border-left:1px solid #6f7ff8;
	border-right:1px solid #6f7ff8}
#support-scroller .spiffy5{
	border-left:1px solid #c0c7fc;
	border-right:1px solid #c0c7fc}
#support-scroller .spiffyfg{
	background:#FFFFFF}
	
/* Catalog */
#main-content p.catalog-alert {
	background:none repeat scroll 0 0 #990000;
	color:white;
	font-weight:bold;
	padding:3px 0;
	text-align:center;
}
#main-content p.catalog-alert a {
	color:#D7DE0B;
}
#main-content p.catalog-alert a:hover {
	color:#FFFF00;
}
.ajaxtooltip{
	position: absolute; /*leave this alone*/
	display: none; /*leave this alone*/
	width: 500px;
	left: 0; /*leave this alone*/
	top: 0; /*leave this alone*/
	background: lightyellow;
	border: 2px solid gray;
	border-width: 1px 2px 2px 1px;
	padding: 5px;
}
.highlight{
	background-color:#FFFF00;
	font-weight:bold;
	/*padding:0 10px;*/
}

/* New AlertBox */
#left-news .box .noDisplay {
display:none;
}

#news ul.list-dots {
bottom:10px;
}

#left-news .box {
width:489px;
padding:0;
}

#tab-alertbox p,
#tab-coursefinder p,
#tab-catalog p {
padding: 0 80px 0 5px;
}

#tab-alertbox h3,
#tab-coursefinder h3,
#tab-catalog h3 {
padding:10px 5px;
}

#news #left-news .btn {
margin:10px 0 5px 30px;
width:175px;
}

.content-alertbox {
float:right;
width:339px;
}

.image-alertbox {
display:block;
float:left;
overflow:hidden;
position:absolute;
width:150px;
}

#tab-alertbox .image-alertbox p {
padding: 0;
}

#left-news .box img {
position: relative;
}