body{
  background: #FFF;
}

body, p, li, td, th, dd { font-family : verdana, geneva, Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, dt { font-family : 'Trebuchet MS', verdana, geneva, Arial, Helvetica, sans-serif; }

/* General Content */
.breadcrumbs{
  border: 1px solid #CCC;
  background: #EEE;
  margin: 0px -20px 20px -5px;
  padding: 5px;
}

#primary_content{
  float:left;
  width:570px;
  text-align: left;
  margin: 0 auto;
  background: #FFF;
  padding: 20px 20px 50px 25px;
  font-size: 12px;
}

#primary_content p{
  margin: 5px 0px 10px 0px;
  line-height: 16px;
}

#primary_content h1{
  font-size: 24px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  color: #660000;
}

#primary_content h2{
  margin: 15px 0px 5px 0px;
  padding: 0px;	
}

#primary_content h3{
  margin: 15px 0px 5px 0px;
  padding: 0px;	
}

#primary_content ol{
}

#primary_content ul{
  list-style: square;
  padding-top: 5px;
}

#primary_content li{
  padding: 5px 0px;
}

#primary_content a:link, #primary_content a:visited, #primary_content a:active{
  color: #AA0000;
  text-decoration: none;
}

#primary_content a:hover{
  color: #FF0000;
  text-decoration: underline;
}


.name_highlight{
  font-size: 120%;
  font-family: 'Trebuchet MS', verdana, geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: black;
}

th, td{
  font-size: 12px;
  font-family: 'Trebuchet MS', verdana, geneva, Arial, Helvetica, sans-serif;
  border: 2px solid white;
  padding: 3px;
}

td{
  background: #EEEEEE;
}

th{
  font-weight: bold;
  background: #FFEEEE;
}

table{
  border-collapse: collapse;
  margin: 0px 0px 10px 10px;
}


/* News & Articles */
#stories {
  width: 367px;
  display: inline;
  position: absolute;
  left: 295px;
  top: 320px;
  height: 158px;
  background: #FFEEEE url(/images/corner2.gif) no-repeat right bottom;
}
#stories h2 {
  margin: 8px 4px 0 8px;
  font-size: 18px;
}

#stories a:link, #stories a:visited, #stories a:active{
  
  text-decoration: none;
  font-size: 9px;
  font-style: italic;
}

#stories a:hover{
  color: #FF0000;
  font-size: 9px;
  text-decoration: underline;
  font-style: italic;
}

.headline{
  color: black;
  font-size: 12px;
  text-decoration: none;
  font-style: normal;
}
.news li {
  background: url(/images/small-bullet.gif) no-repeat 10px 9px;
  padding: 3px 0 4px 20px;
  font-size: 12px;
  line-height: 16px;
}
.news li a span{ color : #444; text-decoration: none; }

.article{
  margin: 0px 0px 15px 0px;
  padding: 10px 10px 10px 20px;
  border: 0px solid #EEEEEE;
  background: #EEE;
  color: #660000;
}

.article h3{
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 22px;
  background: url(/images/small-bullet.gif) no-repeat 4px 9px;
}

.article h4{
  padding: 0px;
  margin: 0px;
}

.article h5{
  font-size: 9px;
  line-height: 11px;
  color: #660000;
  margin: 0px;
}

.article p{
  font-size: 12px;
  margin: 0px 0px 5px 0px;
}

.article h6{
  font-size: 9px;
  color: #BBBBBB;
  margin: 0px 0px 8px 0px;
}

.article ul, .article ol{
  margin: 0px 0px 0px 25px;
}

.article li{
  font-size: 11px;
}

.article a{
  text-decoration: underline;
}

.article table{
  padding-left: 10px;
}

h6.tag_list a:link, h6.tag_list a:visited, h6.tag_list a:active{
  color: #BBBBBB;
}
h6.tag_list a:hover{
  color: #FF0000;
}


/* //////////// MASTER CONTAINTER ////////////// */
#master_wrapper {
  width:860px;
  text-align: left;
  margin: 0 auto;
  }

#header {
  width:100%;
  height: 118px;
  background: #670c01 url(images/styling/chavez_header_1px.jpg) repeat-x;
  }

#header h1.replacement{
  width: 100%
  height: 118px;
  text-indent: -9999px;
  margin-bottom: -40px;
}

#title {
  height: 93px;
  float:left;
  padding: 13px 0 0 20px;
  }
#capital {
  width:107px;
  height: 118px;
  float:right;
  padding: 0;
  }

/* //////////// NAV ////////////// */


#nav {
  width:100%;
  text-align: left;
  margin: 0 auto;
  }

.envelope {
  float: left;
  margin-right: 3px;
  }

.envelope a:hover {
  background: #ededed url(images/styling/nav_whiteenvelope_42x36.png) no-repeat left center;
  }
  
#nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 36px;
  float: left;
  background: #ededed url(images/styling/chavez_nav_1px.jpg) repeat-x;
  }
  
#nav ul li {
  float: left;
}

#nav ul a {
  display: block;
  float: left;
  padding: 0 11px;
  font-size:12px;
  line-height: 3.1em;
  text-decoration: none;
  color: #000;
  }

#nav ul a:hover {
  background: #000;
  color: #FFF;
  }


/* //////////// SUB NAV ////////////// */


#sub_nav {
  width:100%;
  text-align: left;
  margin: 0 auto;
  }
  
#sub_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 36px;
  float: left;
  background: #000000;
  }

#sub_nav ul li {
  float: left;
}

#sub_nav ul a {
  display: block;
  float: left;
  padding: 0 1.5em;
  font-size:11px;
  line-height: 3.1em;
  text-decoration: none;
  color: #FFF;
  }

#sub_nav ul a:hover {
  color: #EE0000;
  }

/* //////////// MAIN AREA (logo + image gallery) TITLE PAGE ////////////// */



#middle_area {
  width:100%;
  height:300px;
  clear: both;
  text-align: left;
  margin: 0 auto;
  }

#slogan {
  width:100%;
  height:64px;
  text-align: center;
  margin: 0 auto;
  background:url(images/styling/chavez_slogan_1px.jpg) repeat-x;
  font-size:26px;
  font-style:italic;
  line-height: 2.6em;
  text-decoration: none;
  color: #000;
  }



/* ////////////////////////// INSIDE PAGE MAIN AREA //////////////////////// */


/* //////////// INSIDE PAGE LEFT SIDE CONTENT ////////////// */

#left_side_whole {
  float:left;
  width:245px;
  text-align: left;
  margin: 0 auto;
  background: #000;
  }
  
#left_side_image {
  float:left;
  width:245px;
  text-align: left;
  margin: 0 auto;
  background: #000;
  }
  
  
#left_side_below {
  float:left;
  width:245px;
  text-align: left;
  margin: 0 auto;
  background: #000 url(images/styling/inside_page_underimage_1px.jpg) repeat-x top left;
  }
  
#left_side_below blockquote {
  color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
  font-style:italic;
  list-style: none;
  line-height: 1.5em;
  padding: 20px;
  margin: 0px;
  }



#left_side_content {
  float:left;
  width:245px;
  text-align: left;
  margin: 0 auto;
  background: #000;
  }
  
#left_side_content h3 {
  padding: 25px 20px 10px 20px;
  margin: 0 auto;

  font-size:18px;
  color: #FFF;
  }

#left_side_content h4 {
  padding: 20px 5px 0 20px;
  margin: 0 auto;

  font-size:18px;
  color: #FFFFFF;
}

  
#left_side_content p {
  padding: 0 5px 5px 20px;

  font-size:12px;
  color: #FFFFFF;

}
  
#left_side_content a {
  text-decoration: none;
  color:#FFFFFF;
}

#left_side_content a:hover {
  text-decoration: none;
  color:#EE0000;
}

/* //////////// BOTTOM AREA ////////////// */


#bottom_area {
  width:100%;
  text-align: left;
  margin: 0 auto;
  background: #890e00;
  }
  

/* //////////// LEFT BOX ////////////// */

.social_media ul{
	margin: 10px 0 0px 20px;
	padding: 0;
}

.social_media a img{
  outline: none;
  border: 0px;
}

.social_media ul li {
	display: inline;
	padding: 0px 0px 22px 0px;
}

.social_media img{
	margin: 5px 3px 27px 3px;
}

#position_left_box {
  float: left;
  width: 340px;
  padding: 20px 0 22px 22px;
  }
  
#left_box_top {
  width: 100%;
  background: #FFF url(images/styling/rounded_bot_white_340.gif) no-repeat left bottom;
  margin: 0 auto 20px auto;	
}

#left_box_top h3 {
  background: url(images/styling/rounded_top_white_340.gif) no-repeat left top;
  padding: 10px 20px 0px 25px;
  margin: 0px;

  font-size:18px;
  color: #000;
  }


#left_box {
  width: 100%;
  background: #FFF url(images/styling/rounded_bot_white_340.gif) no-repeat left bottom;
  margin: 0 auto;
  }
  
#left_box h3 {
  background: url(images/styling/rounded_top_white_340.gif) no-repeat left top;
  padding: 10px 20px 0px 25px;
  margin: 0px;

  font-size:18px;
  color: #000;
  }

#left_box h4{
  margin: 0px;
  padding: 0px;
}

#left_box ul {
  padding: 0px 20px 25px 25px;
  
  }

#left_box li {

  padding-bottom: 10px;
  font-size:14px;
  list-style: none;
  }
  
#left_box ul a {
  text-decoration: none;
  color:#2b2b2b;
  }
  
  
#left_box ul a:hover {
  color:#EE0000;
  }
  
#left_box p{
  margin:0px;
  padding:0px;
  color: #666;
  font-style: italic;
  font-size: 80%;
}
  
  





/* //////////// RIGHT BOX ////////////// */


#position_right_box {
  float: right;
  width: 460px;
  padding: 20px 22px 22px 0;
  }

#right_box_top{
	width: 100%;
	background: #000 url(images/styling/rounded_bot_black_460.gif) no-repeat left bottom;
	margin: 0 auto 20px 0;
	padding: 0 0 2px 0;	
}

#right_box_top h3 {
  background: url(images/styling/rounded_top_black_460.gif) no-repeat left top;
  padding: 10px 20px 0px 20px;
  margin: 0 auto;

  font-size:18px;
  color: #FFF;
  }

#right_box_top ul{
	list-style-type: none;
	margin: 15px 0px 10px 0px;
	padding: 0px;
	font-style: italic;
}

  
#right_box {
  width: 100%;
	height: 215px;
  background: #000 url(images/styling/rounded_bot_black_460.gif) no-repeat left bottom;
  margin: 0 auto;
	padding: 0;
  }
  
#right_box h3{
  background: url(images/styling/rounded_top_black_460.gif) no-repeat left top;
  padding: 10px 20px 0px 20px;
  margin: 0 auto;

  font-size:18px;
  color: #FFF;
  }

#right_box_top li {
 padding: 0px 10px 5px 20px;
 font-size:14px;
 color: #FFFFFF;
 }

#right_box p li {
  padding: 0px 20px 10px 20px;

  font-size:12px;
  color: #FFFFFF;
  }

#campus_box_left{
  float:left;
  width: 195px;
  padding: 0px 0 0px 22px;
  margin: 0px;
}

#campus_box_right{
  float:right;
  width: 195px;
  padding: 0px 22px 0px 0;
  margin: 0px;
}


#campus_box {
  width: 224px;
  height: 95px;
}

#campus_box h4 {
  padding: 5px 5px 0 5px;
  margin: 0 0;
  font-size:18px;
  color: #FFFFFF;
}


#campus_box p {
  padding: 0 5px 5px 5px;
  margin: 4px 0px;
  font-size:12px;
  color: #FFFFFF;
}

#campus_box a, #right_box_top a{
  text-decoration: none;
  color:#FFFFFF;
}

#campus_box a:hover, #right_box_top a:hover {
  text-decoration: none;
  color:#EE0000;
}

/* //////////// FOOTER ////////////// */
#footer {
  width:100%;
  text-align: center;
  margin: 0 auto;
  background: #890e00;
  }
  
#footer p {
  clear:both;
  width:100%;
  text-align: center;
  margin: 0 auto;
  color: #CCCCCC;

  font-size:12px;
  line-height: 1.50em;
  text-decoration: none;
  padding: 20px 0px 20px 0;
  }
  
#footer a {
  text-decoration: none;
  color:#FFFFFF;
}

#footer a:hover {
  text-decoration: none;
  color:#EE0000;
}