/* =======================================================================================
 * _screen.css
 * Stylesheet master for www.socc.edu
 * --------------------------------------------
 * owner: SOCC Webmaster <webmaster@socc.edu>
 * author: Avena Singh <asingh@socc.edu>
 * created: 03-20-2006
 * updated: 03-30-2006
 * ======================================================================================== */
 
  /* layout style */
 @import url("layout.css");
 
 /* hacks */
 @import url("hacks.css");
 
 .smtext { font-size: 11px; font-family:Arial, Helvetica, sans-serif; } 
 
 .tdreg { padding: 2px; }
 
 h2 { font-size: 130%; font-family:Arial, Helvetica, sans-serif; }
 
 /* table data styles, 2+2, academic calendar */
 
 .tdmaintop {
 color: #FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 6px;
 text-align: left;
 font-weight: bold;
 background: #26517D;
}

.tdside {
 color: #26617D;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 6px;
 text-align: left;
 font-weight: bold;
 background: #BFCCD6;
}

caption {text-align: center; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%; padding-bottom: 10px;}

.tdmaintop2 {
 color: #FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 4px;
 text-align: center;
 font-weight: bold;
 background: #26517D;
}

 
.tdoutline {
 border: 1px solid #CCCCCC;
}


.tdheadercntr {
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px 3px 3px 8px;
 text-align: center;
 font-weight: bold;
 background: #E9E9E9;
}

.tdheaderleft {
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px 3px 3px 8px;
 text-align: left;
 font-weight: bold;
 background: #E9E9E9;
}

.tdheaderleft2 {
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px 3px 3px 8px;
 text-align: left;
 font-weight: normal;
 background: #E9E9E9;
}

.tdheaderleft3 {
 color: #000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px 3px 3px 8px;
 text-align: left;
 font-weight: normal;
 background: #E9E9E9;
 border-bottom: 1px solid #CCCCCC;
}

.tdcells1 {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px 3px 3px 15px;
 text-align: left;
 font-weight: normal;
 background: inherit;
 border-bottom: 1px solid #E9E9E9;
 
}

.tdcells2 {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: right;
 font-weight: normal;
 background: inherit;
  border-bottom: 1px solid #E9E9E9;
 
 
}

.tdcells3 {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: center;
 font-weight: normal;
 background: inherit;
 border-bottom: 1px solid #E9E9E9;
 
}

/* table data styles, Student Life Crime Report */
 
 .tdodd {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 font-weight: normal;
 padding: 4px;
 background: #E9E9E9;
 color: #333333;
}

.tdeven {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 text-align: left;
 font-weight: normal;
 padding: 4px;
 background: transparent;
 color: #333333;
}

/* Pathways Pages Styles */
 
/* Pathways pages table data styles */
.tdheader {
 color: #FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 4px;
 text-align: center;
 font-weight: bold;
 background: #26517D;
}

.tdboxes {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: left;
 font-weight: normal;
 background: inherit;
 border: 1px solid #CCCCCC;
 
}

.tdboxes2 {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: right;
 font-weight: normal;
 background: inherit;
 
}

.tdboxes2a {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: right;
 font-weight: normal;
 background: inherit;
 border-bottom: 1px solid #E9E9E9;
 
}

.tdboxes3 {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: center;
 font-weight: normal;
 background: inherit;
  
}

.tdboxes3a {
 color: #000000;
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.9em;
 padding: 3px;
 text-align: center;
 font-weight: normal;
 background: inherit;
 border-bottom: 1px solid #E9E9E9;
 
}

.banner {border: 1px solid #CCCCCC;}

.pwnumbers {font-family: "Times New Roman", Times, serif;}


.red { color: #990000; font-weight: bold; font-size: 14px; }

/* This is for the home page & Rec Center slideshows */
#flashcontent {
 margin: 0px;
 padding: 0px;
 color: #FFFFFF;
 text-align:left;
 }
 
 #flashcontent2 {
 display: block; 
 margin-left: auto; 
 margin-right: auto;  
 padding: 0px 0px 0 70px;
}

/* This is for the Positive Parenting Slideshow */
#flashcontent3 {
 margin: 0px;
 padding: 0px;
}

/* fix for home page IE8 - temp */

#hp_top {
   margin:0px auto;
   position: relative;
   width: 794px;
   height: auto;
   padding: 0px;
}
 
 .pdf {
 background: url(http://www.socc.edu/images/docIconSm_pdf.gif) no-repeat  0 50%;
 padding: 3px 0 3px 20px;
 margin: .4em 0;
}

/*pdf list*/
.pdflist {
  list-style: none;
  margin-left: 20px;
  padding: 3px 0 3px 20px;
}
.pdflist li{
   background: url(http://www.socc.edu/images/docIconSm_pdf.gif) no-repeat left center;
   margin: .10em 0;
   padding: 3px 0 3px 20px;
}
.external {
 background: url(http://www.socc.edu/images/externalLink.gif) no-repeat right top;
 padding-right: 20px;
}

.arrow {
   background: url(http://www.socc.edu/images/arrow2.gif) no-repeat  0 50%;
   padding: 3px 0px 3px 25px;
   margin: .4em 0;
}


/* Image Alignment w/ borders */
.imgleft {
float: left;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 4px;
border: 1px solid #333333;
}

.imgright {
float: right;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 3px;
border: 1px solid #333333;
}

/* Image Alignment without borders */
.imgleft2 {
float: left;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 4px;

}

.imgright2 {
float: right;
margin-top: 0px;
margin-left: 10px;
margin-bottom: 3px;
}

/* image styles - center align */

IMG.displayed {display: block; margin-left: auto; margin-right: auto; padding: 20px 0 20px 0px}