/** ***** GENERAL ***** **/

p, li, th, td, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, 
input, textarea, option {
  font-family : "Oscar", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Ari\
al, sans-serif, "Gill Sans", Helvetica;
  font-size   : 11px;
  font-weight : normal;
  color       : #333;
  background  : transparent;
}

html, body, button, input, select, textarea { font-family: oscar }

div, form, p, ul, ol, li, table, tr, th, td, dl, dt, dd, blockquote, 
h1, h2, h3, h4, h5, h6 {
  text-align  : left;
  line-height : 20px;
  border      : 0;
  padding     : 0;
  margin      : 0;
}

img {
  border  : 0;
  padding : 0;
  margin  : 0;
}

a, a:link, a:visited {
	text-decoration : none;
	color           : #408BB3;
}

a:hover, a:active {
	text-decoration : none;
	color           : #408BB3;
	background      : #C3E1A5;
}

p {
  margin-bottom : 10px;
}

ul, ol {
  padding : 0;
  margin  : 0 0 10px 20px;
}

li {
  padding : 0;
  margin  : 0;
}

.print_only { display : none; }
.clear_both { clear   : both; }



/** ***** SECTIONS ***** **/

/* 8 columns x 120px */

body {
  padding    : 0;
  margin     : 0 auto;
  width      : 960px;
  text-align : center;
	background : #EEE;
}


#main {
	height     : 1%; /* IE6 footer float bug fix -- critical! */
	text-align : left;
	background : #FFF;
	border-top : none;
}


#header {
  margin-bottom: 40px;
}

  #header img {
    width         : 960px;
    height        : 140px;
    border-bottom : #777 2px solid;
  }


#content {
  float        : left;
  padding      : 0 35px 20px 35px;
  width        : 620px;
}

  #content h1 {
    margin-bottom : 15px;
    font-family   : Oscar, Georgia, Helvetica, Arial, serif;
    font-size     : 18px;
    color         : #711040;
  }
  
  #content h2, 
  #content h3 {
    padding-top   : 10px;
    margin-bottom : 5px;
    font-weight   : bold;
    color         : #711040;
  }
  
  #content h3 {
    padding-top   : 0;
    color         : #333;
  }
  
  #content p img {
    float   : left;
    padding : 5px 20px 10px 1px;
  }
  
  #content table {
    border-collapse : collapse;
  }
  
  #content table td {
    padding-bottom : 8px;
    width          : 520px; /* 5px short prevents IE6 sidebar shifting down */
    vertical-align : top;
  }
  
  #content table td.label, 
  #content table td.download-poster, 
  #content table td.download-pdf {
    padding-right  : 10px;
    width          : 80px;
    font-weight    : bold;
  }
  
  #content table td.download-poster a, 
  #content table td.download-pdf a {
    padding    : 40px 0 0 0;
    width      : 60px;
  	height     : 0px !important;
  	height /**/: 40px; /* for IE5/Win only */
    display    : block;
    overflow   : hidden;
    color      : #FFF;
  }
  
  #content table td.download-poster a {
    background : #FFF url(../pics/icon_poster.jpg) top left no-repeat;
  }
  
  #content table td.download-pdf a {
    background : #FFF url(../pics/icon_pdf.jpg) top left no-repeat;
  }
  
  #content table td.download-poster a:hover, 
  #content table td.download-poster a:active, 
  #content table td.download-pdf a:hover, 
  #content table td.download-pdf a:active {
  	background-position : 0 -40px;
  }
  
  #content ul.clean {
    margin     : 0;
    width      : 615px; /* 5px short prevents IE6 sidebar shifting down */
    list-style : none;
  }

  #content ul.clean li {
    padding : 0 0 8px 0;
    margin  : 0 0 0 90px;
  }
  
  #content p.back_to_top {
    text-align    : right;
    margin-bottom : 0px;
  }
  
  #content p.back_to_top a {
    font-size : 9px;
  }

#sidebar {
  float       : left;
  border-left : #777 1px solid;
  padding     : 34px 35px 20px 30px;
  width       : 200px;
}

  #sidebar h1 {
    padding-bottom : 15px; /* use padding (not margin) else IE6 causes links below to shift on hover */
    font-family    : Oscar, Georgia, Helvetica, Arial, serif;
    font-size      : 18px;
    font-weight    : normal;
  }
  
  #sidebar p {
    font-size : 11px;
  }
  
  #sidebar ul {
    padding       : 0;
    margin        : 0 0 15px 0;
    width         : 200px;
    list-style    : none;
    float         : left;
  }
  
  #sidebar ul li {
    margin-bottom : 1px;
    width         : 200px;
    float         : left;
  }
  
  #sidebar ul li a {
    display : block;
    padding : 3px 7px;
  }
  
  #sidebar ul li a.selected {
    color      : #777;
  	background : #C3E1A5;
  }
  
  #sidebar ul.highlight li {
    background : #FFC;
  }
  


/** ***** NAVIGATION ***** **/

#navi {
  padding       : 0;
  margin        : 0 0 0 25px;
  list-style    : none;
}

#navi li {
  padding       : 0;
  margin        : 0;
  float         : left;
  list-style    : none;
  border-right  : #777 1px solid;
  background    : #FFF;
  font-size     : 15px;
}

#navi li a {
  display       : block;
}

#navi li a, 
#navi li a:link, 
#navi li a:visited  {
  padding       : 15px 20px;
  color         : #777;
}

#navi li a:hover, 
#navi li a:active {
  color         : #408BB3;
	background    : #C3E1A5;
}

#navi li a.selected {
  color         : #777;
	background    : #C3E1A5;
}

#navi li a#navi_search_link {
  color         : #777;
}

#navi li#navi_last_link {
  border-right  : none;
}


.highlight {
	padding: 10px;
	float: left;
	width: 100%;
}

.highlight_left {
	float: left;
}
div.highlight_list{
	position: relative;
	left: 50px;
}
.highlight_left img {
	width: 250px;
	padding-right: 20px;
}