/* ie.css applies to all templated /libraries/ web pages when the requesting browser is Internet Explorer 6+, Opera 7+ or Netscape 6+*/

/* Revised by Ian Chan on 25 Jan 04 */

/* District Header */
#header 		{ 
  position: relative; left: 10px; top: 10px; height: 50px; width: auto; padding: 0px; margin: 0px;
  min-width: 500px; 
  border-bottom: 0px solid #ccc; border-left: 0px solid #fff;}
.headerleft 		{ 
  position: absolute; left: 0px; top: 0px; z-index:2; }

/* District Libraries -- links */
#dist {
  position:absolute; width:600px; left: 5px; top: 6px; 
	z-index: 10; color: #fff; height: 21px; 
  white-space: nowrap;font-weight: normal }
#dist a:link, #dist a:visited {
  color: #fff; font-size: 13px; text-decoration: none; padding: 1px 3px; 
  border-bottom: none; font-weight: normal; }
#dist a:hover, #dist a:active {
  color: #363656; font-size: 13px; text-decoration: none; padding: 1px 3px; 
  background: #f5f5f5; font-weight: normal; }
.heading {
  margin-left: 15px; }	
	
/* Editable Content */
#main 			{ 
  position: relative; width: 500px; margin-left: 35px; margin-top: 35px;}
.pgTitle		{ 
  position: relative; width: 350px; }
.pgContent		{ 
  position: relative; width: 375px; min-height: 400px;}
iframe {
  background: transparent; }
	
/* Creates right column for the boxes containing Library Resources and Related Links layers */
#rightwrap		{ 
  position: absolute; top: 120px; right: 1%; width: 25%; }

.i_notice {
  border: 1px solid #c66; text-align: left; color: #333; 
	margin-top: 8px; padding: 2px;  }
.i_notice strong {
  color: #c66; }
.i_notice_hdr {
  color: #fff; background: #c66; padding: 3px 5px; }
.i_notice_hdr strong {
  color: #fff; }
.i_notice_cnt {
  padding:6px 6px 3px 6px; }
	
/* Library Resources Box */
#siteNav 		{ 
  float: left; padding: 3px; border: 1px solid #ccc; 
  margin: 30px 0px; width: 99%; }
.siteNavHd 		{  
  background: #003366; font-weight: bold; padding: 5px; color: #fff; }
.siteNavLinks 	{ 
  padding: 5px; white-space: nowrap; }
.siteNavLinks a 	{ 
  text-decoration: none; }

/* Related Links */
#pagelinks		{ 
  float: left; padding: 3px; border: 1px solid #ccc; 
  margin: 0px 0px; width: 99%; }
.pglinksHD		{ 
  background: #003333; font-weight: bold; padding: 5px; color: #fff; }
.pglinkscontent	{ 
  padding: 5px; }

/* Footer */
#pageinfo1		{ 
  position: relative; border-top: 1px solid #ccc; 
  margin: 10px 10px 10px 5px; padding: 5px; color: #000}
.navi 			{
  font: small Arial, Helvetica, sans-serif;}
.ftimages {
  position: relative}

/* Special */
.borderless		{ 
  font: Arial, Helvetica, sans-serif; border-width:0px; }
.borderflat		{ 
  font: Arial, Helvetica, sans-serif; border: 1px solid #ccc; }
h3.underlined	{ 
  font: bold medium Arial, Helvetica, sans-serif; 
  border-bottom: 1px solid #ccc; margin: 30px 10px 10px 0px; }
.headercell		{ 
   font: small Arial, Helvetica, sans-serif; color: #fff; 
   border: 1px solid #ccc; background: #003366; text-align: left; }
.noborder  		{ 
  font: small Arial, Helvetica, sans-serif; 
  border: 0px none; text-align: left; }
.borderbottom		{ 
  font: small Arial, Helvetica, sans-serif; 
  border-bottom: 1px solid #ccc; text-align: left; }
.lowercasebordercell  	{ 
  font: small Arial, Helvetica, sans-serif; border-bottom: 1px solid #ccc; 
  text-transform: lowercase; text-align: left; }
.borders		{ 
  border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; 
  padding-right: 5px; }
caption {
  text-align: left; padding-top:12px; padding-bottom: 6px; }
.borderbottomdots td {
  background: url(/cclib/images/bg_top.gif) repeat-x bottom #fff; 
	vertical-align: top; padding: 4px 5px 2px 5px; }

/* HTML tags */

body	{ 
  background: #ffffff;
  scrollbar-track-color:  #ffffff;
  scrollbar-face-color: #003366;
  scrollbar-highlight-color: #666666;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #003366;
  scrollbar-shadow-color: #F4F0E4;
  scrollbar-arrow-color: #ffffff;
  margin: 0px;
  padding: 0px;
  font: small Arial, Helvetica, sans-serif; 
}

H5, H4 	{
  font: bold small Arial, Helvetica, sans-serif; }
H3 	{
  font: bold medium Arial, Helvetica, sans-serif; color: #666633; }
H2 	{
  font: normal x-large Arial, Helvetica, sans-serif;}
H1 	{
  font: normal 24px Arial, Helvetica; }
H1.nopadding 	{
  font: normal 24px Arial, Helvetica; padding: 0px; margin: 0px; }
table, tr, td, font, p, dd, dt, dl, li, ol, div	{
  font: small Arial, Helvetica, sans-serif;}
table {
  border-collapse:collapse; }
ul	{
  font: small Arial, Helvetica, sans-serif; list-style-image: url(../images/a2.gif);}
select {
  font: 14pxArial, Helvetica, sans-serif; color: #000099; 
  background-
  color: #FFFFFF; border: 1px solid #ccc;}
a:active 	{font: small Arial, Helvetica, sans-serif;color: #ee0000;}
a:hover 	{
  font: small Arial, Helvetica, sans-serif;color: #ee0033;}
a:link 	{
  font: small Arial, Helvetica, sans-serif; color: #003366; }
a:visited 	{
  font: small Arial, Helvetica, sans-serif;}

/* Email Form Elements */
.tb1  { 
  height:120px;width: 99%; border: 1px #000033 solid;
  padding:2px; cursor: text;
 scrollbar-track-color:  #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #ffffff;
 scrollbar-3dlight-color: #003399;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-shadow-color: #000033;
 scrollbar-arrow-color: #003366;}
.tb2  { 
  height:80px;width: 99%; border: 1px #000033 solid;padding:2px; cursor: text;
 scrollbar-track-color:  #ffffff;
 scrollbar-face-color: #ffffff;
 scrollbar-highlight-color: #ffffff;
 scrollbar-3dlight-color: #003399;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-shadow-color: #000033;
 scrollbar-arrow-color: #003366;}
.input1  { 
  background:#ffffff;height:19px;width: 99%; border: 1px #000033 solid;padding:1px}
.input2  { 
  height:19
  px;width:175px; border: 1px #000033 solid;padding:1px}
.input3  { height:19px;width:250px; border: 1px #000033 solid;padding:1px}
.q2  {
  font: small Arial, Helvetica, sans-serif; color: #000000;}

div.row		{ 
  clear: both; padding-top: 9px; }
div.row span.label	{ 
  float: left; width: 27%; text-align: right; margin: 1px 2% 1px 1px; 
  padding: 1px; border: 1px solid #ccc; background: #ece9ce; }
div.row span.sfield		{ 
  float: left; width: 66%; text-align: left; }

/*Styles for .html pages */
#header1 		{ 
  position:absolute; left: 0px; top: 0px; height: 56px; background-color: #000066; 
  width: 76%; z-index: 2; }
.right 			{ 
  background-color: #ffffff; position: absolute; top: 0px; left: 95%; 
  width: 5%; height: 60px; z-index: 4; }
.hdrbot  		{ 
  background-image: url(http://dept.sccd.ctc.edu/libraries/images/bckg3.gif); 
  background-repeat: repeat-x; position: absolute; left: 0px; top: 56px; width: 98%; height: 6px; z-index: 1; }
.rotate 		{ 
  position: absolute; left: 73%; top: 0px; height: 56px; 
  width: 23%; background: #000066; z-index: 3; overflow: hidden; }
#main1 		{ 
  position:absolute; width: 60%; z-index:1; left: 35px; top: 120px; }
#dbselect1 {
  position:absolute; z-index:2; left: 1%; top: 62px; 
  height: auto; width: 96%; padding: 0px; border: 1px none #ccc; 
  font: 14px Arial, Helvetica, sans-serif; text-align: left; }
#siteNav1 		{ 
  position:absolute; z-index:2; left: 62%; top: 110px; 
  height: auto; width: 225px; padding: 3px; border: 1px solid #ccc; }