/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/



/*======== COLORS ========
dark blue: #3b506d;
light gray: #ebebeb;
dark green: #627d6f;
med green: #536a21;
======== COLORS ========*/


html {
/*
font-family: arial, helvetica, sans-serif;
font-size: 0.95em;
color: #fff;
*/
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
color: #fff;
}

body {
margin: 20px;
background: #000;
}

#wrapper {
width: 924px;
margin: 0 auto;
}

#header {
clear: both;
height: 102px;
border-bottom: 1px solid #fff;
}

#header-body {

}

#header h1.logo {
float: left;
width: 155px;
height: 98px;
background: transparent url(/lecture_series/images/logo-lhc.jpg) no-repeat left top;
margin: 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#header h1.logo a {
width: 155px;
height: 98px;
display: block;
}

#header h3.site-header {
float: right;
width: 182px;
height: 15px;
background: transparent url(/lecture_series/images/site-header-v2.jpg) no-repeat left top;
margin: 83px 0 0 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#sub-header {
float:left;
margin:0 0 15px;
padding:0;}


.clear {
clear:both;}

#content-row {
min-height: 350px;
_height: 350px; /** IE6 Hack **/
overflow: hidden;
padding: 25px 0;
}

#left-column {
float: left;
width: 205px;
}

#right-column {
float: right;
width: 702px;
}

#right-column-body {

}

#resources-left-column {
float:left;
width:340px;
text-align:left;
padding:0;
margin:0;}

#resources-right-column {
float:right;
/*width:345px;*/
width: 280px;
text-align:left;
padding: 1em 1.5em;
margin:0;
background: #000;
border: 4px solid #333;
}

.resources-thumb {
float:left;
width:325px;
padding:0;
margin:0 0 5px 0;}

.resources-thumb-border {
float:left;
width:325px;
padding:0;
margin:0 0 5px 0;
border:1px solid #FFFFFF;}



#footer {
border-top: 1px solid #fff;
}

#footer-body {

}

ul.footer-logos {
/*width: 924px;*/
width: 100%;
list-style: none;
margin: 14px 0 0 0;
padding: 0;
text-align: center;
}

ul.footer-logos li {
display: inline;
margin: 0 39px;
}

ul.footer-logos li.first {
margin-left: 0;
}

ul.footer-logos li.last {
margin-right: 0;
}

ul.footer-logos a {

}

/*========== navs ==========*/
ul.nav-01 {
list-style: none;
margin: 0 0 2.5em 0;
padding: 0;
}

ul.nav-01 li {
margin: 0 0 0.6em 0;
/*font-size: 1.2em;*/
font-weight: bold;
}

ul.nav-01 a {
text-decoration: none;
color: #fff;
}

ul.nav-01 a:hover {
text-decoration: underline;
color: #fff;
}


ul.nav-02 {
list-style: none;
margin: 0 0 2.5em 0;
padding: 0;
}

ul.nav-02 li {
margin: 0 0 0.6em 0;
/*font-size: 1.2em;*/
font-weight: bold;
}

ul.nav-02 a {
text-decoration: none;
color: #e9e006;
}

ul.nav-02 a:hover {
text-decoration: underline;
color: #e9e006;
}
/*========== END: navs ==========*/


/* ============= Highlight Box ============*/

.highlight-box {
background:#111111 none repeat scroll 0 0;
border:1px solid #222222;
color:#FFFFFF;
margin:0 0 1.5em;
padding:1em;}

/* ============= END: Highlight Box ============*/


/* =============== Image right ================*/
.image-right {
width:auto;
float:right;
margin:0 0 10px 10px;
padding:3px;
border:1px solid #fff;}

/* =============== END: Image right ================*/

.thumb {
float:left;
width: 150px;
margin: 0 20px 0 0;
padding:0;}

.thumb ul {
list-style-type:none !important;
margin:0 !important;
padding:0 !important;
background:none !important;}

.thumb-border {
border:1px solid #fff;}

.posters-button {
background:#111111 none repeat scroll 0 0;
border:1px solid #222222;
display:block;
font-weight:bold;
padding:0.75em 1em;
text-align:center;
margin:3px 0;}