body, html {
	margin:0;
    padding:0;
	background-color: #232323;
	background-image: url(http://oregonfilm.org/images/bg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	text-align: left;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	}

a:link, visited{ 
	color: #9b2818;
	text-decoration: none;
	} 

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

h1 {
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
    font-style: normal;
    line-height: 22px;
	margin-top: 8px;
    color: #ebebeb;
    text-align:left;
    font-size: 3em;
    font-weight: 400;
	}

h2 {
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
    font-style: normal;
    line-height: 33px;
    color: #555;
    text-align:left;
    font-size: 2.5em;
    font-weight: 500;
	}

.header-text{
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 15px;
    font-weight: normal;
	color: #999;
	}

.footer-text {
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	line-height: 14px;
	color: #999;
	float: left;
	padding: 0 0 0 145px;
	text-align: center;
	font-weight: 100;
	}

.subheading {
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
    font-style: normal;
    line-height: 1.2em;
	background-color:#DDD;
	border: 1px solid #AAAAAA;
    color: #555;
	padding-left: 5px;
	margin: 25px 0 15px 0;
    text-align:left;
    font-size: 1.7em;
	z-index:1000;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/PIE.htc);
	}

.thick {
	font-size: 1.1em;
	color: #444;
	font-weight: bold;
	}

.thick2 {
	color: #444;
	font-weight: bold;
	}	
	
.image-left {
	float: left;
	margin-right: 15px;
	}

.image-right {
	float: right;
	margin-left: 15px;
	}
	
/* Regional Resources Logos */
#ompa {
	float: left;
	position: absolute;
	margin-left: 193px;
	margin-top: 142px;
	}
	
#ompa:hover {
	float: left;
	margin-left: 195px;
	margin-top: 140px;
	}
	
#foa {
	float: left;
	position: absolute;
	margin-left: 313px;
	margin-top: 206px;
	}
	
#foa:hover {
	float: left;
	margin-left: 315px;
	margin-top: 204px;
	}
	
#mopan {
	float: left;
	position: absolute;
	margin-left: 159px;
	margin-top: 268px;
	}
	
#mopan:hover {
	float: left;
	margin-left: 161px;
	margin-top: 266px;
	}
	
#sofat {
	float: left;
	position: absolute;
	margin-left: 124px;
	margin-top: 340px;
	}
	
#sofat:hover {
	float: left;
	margin-left: 126px;
	margin-top: 338px;
	}
	
/* END Regional Resources Logos */
	
/* Oregon Film Header Logo*/
#logo{
	height: 146px;
	width: 166px;
	float: left; 
	margin-right: 53px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(http://oregonfilm.org/images/logo.gif) top left;
	background-repeat: no-repeat;
	display: block;
	}
 
#logo:hover{
	background-position: bottom left;
	background-repeat: no-repeat;
	}
/* END Oregon Film Header Logo*/

/* Container for All Content*/
#wrap {
	width:980px;
	margin:0 auto;
	}
/*END Container for All Content*/

/* Container for Header Content*/
#header {
	height: 150px;
	padding:25px 10px 15px 10px;
	}
/* END Container for Header Content*/

#shooting-header {
	height: 150px;
	width: 799px;
	background-image: url(http://oregonfilm.org/images/shooting-bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 172px;
}

#working-header {
	height: 150px;
	width: 799px;
	background-image: url(/images/working-bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 172px;
}

#news-header {
	height: 150px;
	width: 799px;
	background-image: url(/images/news-bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 172px;
}

#animation-header {
	height: 150px;
	width: 799px;
	background-image: url(/images/animation-bg.jpg);
	background-repeat: no-repeat;
	position: absolute;
	margin-left: 172px;
}

/* Container for Main Page Content*/
#main {
	float:right;
	width:710px;
	padding:15px 20px 20px 20px;
	background: #ebebeb;
	font-size: 1em;
	text-align: left;
	position: relative; 
	z-index:900;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	behavior: url("/PIE.htc");
	}    

#main ul li {	    
	list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 5px 22px;
    background: url(/images/o.gif) no-repeat;
	}
	
#main li:first-child {
	margin-top: 0.7em;
	}
	
#main .pdf {
    background: url(/images/pdf_sm.gif) no-repeat;
	}

#main .camera {
    background: url(/images/camera.gif) no-repeat;
	}
	
#main a, visited{
    color: #444;
    font-size: 0.9em;
    text-decoration: none;
	font-weight: bold;
	border-bottom:dotted 1px #AAA;
	}

#main a:hover {
    color: #9b2818;
    font-size: 0.9em;
    text-decoration: none;
	border-bottom: dotted 1px #AAA;
	font-weight: bold;
	}
/*END Container for Main Page Content*/

/* Container for Navigation Sidebar*/
#sidebar {
	float:left;
	width:230px;
	padding: 5px 0px;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	text-align: left;
	color: #FFF;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#sidebar li a {
  	height: 24px;
    voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	}	
	
#sidebar li a:link, #sidebar li a:visited {
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-style: normal; 
	font-size: 1.1em;
    font-weight: 100;
	color: #AAA;
	display: block;
	background:  url(/images/menu.gif);
	padding: 8px 0 0 30px;
	}
	
#sidebar li a:hover {
	color: #ebebeb;
    background:  url(/images/menu.gif) 0 -32px;
	padding: 8px 0 0 32px;
	}
	
#sidear, #selected{
  	height: 24px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 1.1em;
    font-weight: 100;
	color: #ebebeb;
	text-decoration: none;
	display: block;
	background: url(/images/selected.gif) top left no-repeat;
	padding: 8px 0 0 32px;
	}

#sidear, #selected-plain{
  	height: 24px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 1.1em;
    font-weight: 100;
	color: #ebebeb;
	text-decoration: none;
	display: block;
	background: url(/images/selected-plain.gif) top left no-repeat;
	padding: 8px 0 0 32px;
	}

#sidear, #selected-video{
	height: 24px;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 1.1em;
    font-weight: 100;
	color: #ebebeb;
	text-decoration: none;
	display: block;
	background: url(/images/selected-video.gif) top left no-repeat;
	padding: 8px 0 0 32px;
	}
	
#sidear, #selected-resources{
	height: 24px;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-size: 1.1em;
    font-weight: 100;
	color: #ebebeb;
	text-decoration: none;
	display: block;
	background: url(/images/selected-resources.gif) top left no-repeat;
	padding: 8px 0 0 32px;
	}	
/* END Container for Navigation Sidebar*/	

/* Container for Footer*/
#footer {
	clear:both;
	background-color: #161616;
	padding:165px 0 0 0;
	background: url(/images/city.gif) repeat-x;
	text-align: center;
	height:165px;
	}
	
#footer p {
	margin:0;
    }
	
* html #footer {
	height:1px;
	}
/* END Container for Footer*/

/* Container for Regional Resources Page Content*/
#resources {
	float:right;
	width:710px;
	height: 405px;
	padding:15px 20px 20px 20px;
	background: url(/images/resources-bg.jpg) no-repeat;
	font-size: 1em;
	text-align: left;
	position: relative; 
	z-index:1000;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	behavior: url("/PIE.htc");
	}    
	
#resources a, visited{
    color: #555;
    font-size: 0.9em;
    text-decoration: none;
	font-weight: bold;
	border-bottom:dotted 1px #AAA;
	}

#resources a:hover {
    color: #9b2818;
    font-size: 0.9em;
    text-decoration: none;
	border-bottom: dotted 1px #AAA;
	font-weight: bold;
	}
/*END Container for Regional Resources Page Content*/

/* Container for Animation Resources Content*/
#animation {
	float:right;
	width:710px;
	padding:15px 20px 20px 20px;
	background: #ebebeb;
	font-size: 1em;
	text-align: left;
	position: relative; 
	z-index:900;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	behavior: url("/PIE.htc");
	}    

#animation ul li {	    
	list-style-type: none;
    list-style-image: none;
    padding: 0px 0px 5px 22px;
    background: url(/images/o.gif) no-repeat;
	}
	
#animation li:first-child {
	margin-top: 0.7em;
	}
	
#animation .pdf {
    background: url(/images/pdf_sm.gif) no-repeat;
	}

#animation a, visited{
    color: #9b2818;
    font-size: 0.85em;
    text-decoration: none;
	font-weight: bold;
	border-bottom:dotted 1px #AAA;
	}
	
#animation .animation-title {
    color: #9b2818;
    font-size: 1.3em !important;
    text-decoration: none;
	font-weight: bold;
	border-bottom:dotted 1px #AAA;
	}

#animation a:hover {
    color: #444;
    font-size: 0.85em;
    text-decoration: none;
	border-bottom: dotted 1px #AAA;
	font-weight: bold;
	}
/*END Container for Animation Resources Content*/

/*CSS for Header Menu Horizontal Tabs*/
.topmenu {
	margin:41px 0 5px 47px;
	font-size:1.1em;
	line-height: 16px;
	height: 22px;
	}
	
	/*IE only. Add 1em spacing between menu and rest of content*/
	* html .topmenu{ 
		margin-bottom: 1em;
		}
	/*END IE only*/

.topmenu ul{
	list-style-type: none;
	margin:0;
	margin-left: 10px;
	padding:0;
	}

.topmenu li{
	display:inline;
	margin-right:15px;
	padding:0;
	}

.topmenu a {
	float:left;
	text-decoration: none;
	background:url(http://oregonfilm.org/images/tab-left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	}

.topmenu a span {
	float:left;
	display:block;
	font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
	font-style: bold; 
	background:url(http://oregonfilm.org/images/tab-right.gif) no-repeat right top;
	padding:3px 10px 4px 6px;
	color:#AAA;
	}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
.topmenu a span {float:none;}
	/* End IE5-Mac hack */

.topmenu a:hover span {
	color: #ebebeb;
	}

.topmenu #selected-top a {
	float:left;
	background:url(http://oregonfilm.org/images/tab-selected-left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}

.topmenu #selected-top a span {
	background:url(http://oregonfilm.org/images/tab-selected-right.gif) no-repeat right top;
	padding:3px 10px 10px 6px;
	color: #FFF;
	text-decoration:none;
	}

.topmenu a:hover {
	background-position: bottom left;
	}

.topmenu a:hover span {
	background-position: bottom right;
	}
/* END CSS For the top menu horizontal tabs*/

/*Facebook*/
#facebook{
	height: 16px;
	width: 16px;
	float: left;
	border: none;
	margin: 15px 3px 15px 30px;
	overflow: hidden;
	background: url(/images/facebook.gif) top left no-repeat;
	display: block;
	}
 
#facebook:hover{
	background-position: bottom left;
	}
/* END Facebook*/

/*Twitter*/
#twitter{
	height: 16px;
	width: 16px;
	float: left;
	border: none;
	margin: 15px 3px;
	overflow: hidden;
	background: url(/images/twitter.gif) top left no-repeat;
	display: block;
	}
 
#twitter:hover{
	background-position: bottom left;
	}
/* END Twitter*/

/*Newsletter*/
#newsletter{
	height: 16px;
	width: 20px;
	float: left;
	border: none;
	margin: 15px 3px;
	overflow: hidden;
	background: url(/images/newsletter.gif) top left no-repeat;
	display: block;
	}
 
#newsletter:hover{
	background-position: bottom left;
	}
/* END Newsletter*/	

/* Tool-tip*/
.tip {
    font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
    background:#151515;
    display:none; /*--Hides by default--*/
    padding: 7px;
    position: absolute;    
	z-index:1000;
    -khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	}

.tip a:hover { 
	text-decoration: none;
	}
/* END Tool-tip*/

/* Container for Video Page Content*/
#video {
	float:right;
	width:710px;
	padding:15px 20px 20px 20px;
	background: #161616;
	font-size: 1em;
	color: #999;
	text-align: left;
	position: relative; 
	z-index:1000;
	-khtml-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	behavior: url("/PIE.htc");
	}    

#video h2 {
	color: #777
	}

#video a:hover{
    color: #FFF
	}
	
#video a, visited{
    color: #999
	}

/* END Container for Video Page Content*/

/* Inproduction Content*/
.production dl,
.production dt,
.production dd {
    margin: 0;
    padding: 0;
	line-height: 1.2em;
	}

.production dt {
    width: 80px;
    text-align: right;
    font-weight: normal;
    margin: 0 0 0 20px;
	color: #888;
    padding-bottom: 0.2em;
	}

.production dd {
    margin: -1.4em 0 5px 110px;
    color: #000;
	}

.production h3 {
	color: #444;
	margin: 17px 0 10px 0;
	}
	
/* Inproduction Content*/

/* Roads CSS */
.title_box {
	vertical-align: top;
	text-align:left;
}
.back a, visited {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important;
	text-decoration: none;
	text-align: right;
	padding: 0 13px 15px 0;
	font-size: 1.5em;
	font-style: normal;
	color: #777;
}

.back a:hover {
	color: #ebebeb;
}


.roads-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 19px;
	color: #9C9C9C;
	text-align: left;
	vertical-align: top;
	font-weight: 300;
}

.animation-text {
	font-size: 0.85em;
	font-style: normal;
	color: #666;
	text-align: left;
	vertical-align: top;
	font-weight: 300;
}

.animation-text-bold {
	font-size: 0.85em;
	font-style: normal;
	color: #666;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

.text2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #9C9C9C;
	text-align: left;
	vertical-align: top;
	font-weight: 100;
}
.thumbnail {
	border-style:outset;
	border-color: transparent;
	border-width: 2px;
}

.thumbnail-border {
	margin: 7px 0;
	border-style:outset;
	border-color: transparent;
	border-width: 2px;
}

.thumbnail-border:hover {
	border-style:outset;
	border-color: #CCC;
	border-width: 2px;
}

.thumbnail-top {
	margin-top: 10px;	
}

.thumbnail-bottom {
	margin-bottom: 10px;	
}

.thumbnail:hover {
	border-style:outset;
	border-color: #CCC;
	border-width: 2px;
}

.roads-subtitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	text-align: left;
	font-size: 1.9em;
	font-style: normal;
	color: #ebebeb;
	padding: 7px 0 0 13px;
}

/* END Roads CSS */

#centered-footer {
	display: block;
 	text-align: center;
 	width: 850px;
 	margin-left: 22%;
	}
	
#centered {
	display: block;
	text-align: center;
 	width: 850px;
 	margin-left:auto; 
	margin-right:auto; 
	}