@charset "utf-8";
body {margin: 0px; padding: 0px; background-color: #cccccc;}

#wrapper {margin-left: auto; margin-right: auto; background-color: #FFFFFF; width: 968px; clear: both;}

/*USC BRANDING*/

#usc_branding {width: 968px; height: 50px; background-color: #cccccc;}
#usc_branding a{border: none; display: block; width: 968px; height: 50px; background:url(graphics/usc_branding_bar.gif) #cccccc no-repeat;}
#usc_branding span{display: none;}


/*HEADER */

#header {height: 131px; width: 968px; clear: both; background: url(graphics/intheader.png) transparent no-repeat; display: block;}
#header a {text-decoration:none}
.hide { visibility:hidden }
#header_link {
  float: left;
  position:absolute;
  width : 135px;
  height: 30px;
  margin-left: 804px;
  margin-top: 106px;
}

.header-float{float: left; width: 879px;}

.logo a{border: none; display: block; width: 89px; height: 75px; padding: 0 15px 0 10px; background: url(graphics/intlogo.gif) transparent no-repeat;}
.logo span{display: none;}

.title .maintitle {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #000; }
.title .maintitle a {color: #000; text-decoration: none;}

/*.asc a{border: none; display:block; height: 150px; padding:0; background: url(graphics/asc_a.gif) transparent no-repeat;}*/
/*.asc span{display: none;}*/


.logo-wrapper{float: left; width: 170px;}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.title-wrapper { margin-left: 185px; }
.asc-wrapper {margin-left: 851px;}
/* */

.logo, .title, .asc { padding: 0; border: none; color: #000000;}

/* GUTTERS BETWEEN COLUMNS */
.title {margin-left: 15px; margin-right: 15px;}


/* VERTICAL PADDING ABOVE COLUMNS */

.header_padding_after{height:0px; font-size: 1px; line-height: 0px; clear: both;}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.header-float, .logo, .title, .asc { p\osition: relative; }
/* */


/*NAVIGATION*/

#navwrapper {background: #ccd6cd; width: 968px; height: 19px; padding: 3px 0 5px 0; margin: 0;}


#nav {text-align: center; vertical-align:middle; padding: 0 0 0 7px; float: left; /**DEBUG border: 1px solid red; **/}

#nav a {padding: 0px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #013300; text-decoration: none;}
#nav a:hover {color: #333; text-decoration: underline;}
#search   {float: right; /**DEBUG border: 1px solid purple; **/ padding: 0 3px 0 0; height: 25px;}
#search form input {border: none;}

/*jCourousel slider */

#slider {width: 968px; height: 150px; background: transparent; padding: 5px 0 0 20px;}


#pagewrapper {width: 968px; background: #fff; clear: both; margin: 10px 0 10px 0;}

/*two column layout for home page */

#home_lcol {width: 510px; float: left; margin: 0 0 0 10px;}

#home_rcol {width: 435px; float: right; margin: 0 10px 15px 0; border: 1px solid #013300; background: #ccd6cd;}

/*two column layout for secondary page - sidebar narrower */

#sec_lcol {width: 615px; float: left; margin: 0 0 15px 10px; border: 1px solid #013300; padding: 10px;}

/*#sec_lcol h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #000; margin-bottom:0px}*/

/*#sec_lcol h2 a{color: #990000; text-decoration: none;}*/

/*#sec_lcol h2 a:hover {text-decoration: underline;}*/

/*#sec_lcol .text {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}*/
/*#sec_lcol .text a {font-family: Arial, Helvetica, sans-serif; font-size: 13px;  color: #900;}*/
/*#sec_lcol .text p {margin: 0px; display:inline}*/



#sec_rcol {width: 300px; float: right; margin: 0 10px 15px 0; border: 1px solid #013300; background: #ccd6cd;}


#feature_bx {width: 490px; height: 285px; border: 1px solid #013300; background: #ccd6cd; margin: 0 0 20px 0; padding:10px 0 0 0;}

#section_wrapper {width: 502px; padding: 0 0 20px 0;}
#section_wrapper h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold; color: #000; margin-bottom:5px;}
#section_wrapper h2 a{color: #990000; text-decoration: none;}
#section_wrapper .text {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 125%; color: #000;}
#section_wrapper .text .byline {margin-bottom:5px;}
/* both next 2 are necessary because of EE handling of p tags inside entries */
   #section_wrapper .text p.excerpt {margin: 0px 0px 5px 0px;  display:inline;}
   #section_wrapper .text p {margin: 0px 0px 5px 0px; display:inline;}
#section_wrapper .text a.more {margin: 0px; display:inline; text-decoration: none;} /* brings up onto same line */

#left_section {width: 225px; border: 1px solid #013300; background: #fff; float: left; padding: 10px; }

#right_section {width: 225px; border: 1px solid #013300; background: #fff; float: right; padding: 10px;  }

#top_right_section {width: 415px; height: 150px; /* border: 1px solid #013300; */ border-bottom: 1px solid #013300;background: #fff; float: right; padding: 10px; margin-bottom:5px; overflow:hidden }
#top_right_section p {margin:0}
#top_right_section a {font-size: 14px; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; line-height:175%; color: #990000; }

.section_header {width: 225px; height: 18px; padding: 5px 0; background: #013300; text-align: center; color: #fff; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; text-transform: uppercase;}

.topright_section_header {width: 410px; height: 18px; margin-bottom: 10px; padding: 5px 0; background: #013300; text-align: center; color: #fff; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; text-transform: uppercase;}

/*multimedia box */

#mmbox {width: 435px; height: 350px; background: #CCD6CD; padding: 0px; }

#mmslider {width: 425px; height: 60px; background: transparent; padding: 5px;}


/*sidebar box for home page - wider*/
#hm_sidebar_bx {width: 425px; background: transparent; padding: 5px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}

#hm_sidebar_bx h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #000}

#hm_sidebar_bx a{color: #990000; text-decoration:none;}

#hm_sidebar_bx a:hover{text-decoration: underline;} 

/*sidebar box for secndary page */

#sidebar_bx {width: 280px; background: transparent; padding: 5px 10px 5px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}

#sidebar_bx h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #000}

#sidebar_bx a{color: #990000; text-decoration:none;}

#sidebar_bx a:hover{text-decoration: underline;} 

#footer {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #777777; text-align: center; padding: 10px 0}
#footer a {text-decoration: underline; color: #990000;}

/*story styles */

#story .text {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 150%;}
#story .text .photo {float: right; padding: 5px 0px 0px 5px; color:#666666; font-size:10px; line-height: 150%;}

#story h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: bold; color: #000}

#story h3 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: bold; color: #000; }

#story h2 a{color: #990000; text-decoration: none; line-height: 225%;}

#story h2 a:hover {text-decoration: underline;}

#story a {color: #990000; text-decoration: underline;}

.byline {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; }
.byline a {color: #900; text-decoration:none }

.more {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #900; font-weight: normal;}

.more a {color: #990000; display: inline; text-decoration: none;}

#section .more {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #900; font-weight: normal;}

#section .more a {color: #990000; display: inline; text-decoration: none;}



#section {padding: 0 0 10px 0; border-bottom: 1px solid #000; }

#section a {color: #990000; text-decoration: underline;}

#section .text {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}

#section .text h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold; color: #900; }
#section .text h2 a{color: #990000; text-decoration: none; }
#section .text h2 a:hover {text-decoration: underline;}
/*#section .text .byline {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; }*/
/*#section .text .byline a {color: #900; text-decoration:none }*/
#section .text p {margin: 0px; }



.sec_section_header {width: 615px; height: 18px; padding: 5px 0; background: #013300; text-align: center; color: #fff; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; text-transform: uppercase;}

.clear{clear: both;}

#comment_wrapper { padding: 5px; float:left }
#comment_wrapper h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #000}
#comment_wrapper textarea {background: #CCCCCC; }
#comment_wrapper .entry {border:1px solid #CCCCCC; padding: 3px; margin-bottom: 5px }

#sidebar_comment { font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000 }
#sidebar_comment_byline { font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000; margin:5px 0px 10px 0px }
#sidebar_comment_byline a {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 13px; font-weight:bold; color: #900 }

#sidebar_recent { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; padding:5px 0px }

#sidebar_bx p { display:inline }

#author h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: bold; color: #000}

#author h2 a{color: #990000; text-decoration: none;}

#author h2 a:hover {text-decoration: underline;}

#author a {color: #990000; text-decoration: underline;}
.author_date {font-size: 10pt; font-style: italic;}

#author_entry {padding-top: 8px;}

.image_right
{
float: right;
margin: 0 0 5px 5px;
background-color: #fff;
padding: 5px;
border: 1px solid #ccc;
color: #333;
text-align: left;
font-size: 12px;
font-style: italic; 
line-height: 8px;

}


.image_left
{
float: left;
margin: 0 5px 5px 0;
background-color: #fff;
padding: 5px;
border: 1px solid #ccc;
color: #333;
text-align: left;
font-size: 12px;
font-style: italic; 
line-height: 8px;
}


.insert_right
{
float: right;
margin: 0 0 10px 5px;
background-color: #ddd;
padding: 5px;
color: #000;
font-size: 12px;
text-align: left;
line-height: 8px;
width: 200px;
}


.insert_left
{
float: left;
margin: 0 10px 0 5px;
background-color: #ddd;
padding: 5px;
color: #000;
font-size: 12px;
text-align: left;
line-height: 8px;

}

#hm_sidebar_bx  .sidebar_forum {
font-size: 12px;
}

#announcements {
width:250px;
height: 250px;
padding: 8px;
background:none repeat scroll 0 0 #CCD6CD;
a {font-family: Arial, Helvetica, sans-serif; font-size: 13px;  color: #900; text-decoration:none}
a:hover {text-decoration:underline}
}