/* CSS Document - Screen
---------------------------------------------------------- */

/* Global Reset
---------------------------------------------------------- */

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


/* Overall Body
---------------------------------------------------------- */

body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
	font-size:62.5%;
	text-align: center;
	color: #333333;
	background: #000000 url(../images/bg_body.jpg) repeat-x;
	}



/* HEADER
---------------------------------------------------------- */

#header {
width: 960px;
margin: 0 auto;
padding: 0;
	text-align: left;
position: relative;
}


#logo {
position: relative;
float: left;
width: 630px;
margin-top: 0;
padding-top: 0;
}

#shortcuts {
position: relative;
float: left;
width: 330px;
text-align: left;
margin: 0;
padding: 0;
}

.pde_pattan {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 15px;
}

/* #shortcuts {
position: relative;
float: left;
width: 330px;
text-align: left;
margin: 0;
padding: 0;
}

#shortcuts ul {
margin-left: 30px;
margin-top: 17px;
}

#shortcuts li {
margin-top: 5px;
padding-top: 6px;
margin-bottom: 8px;
font-size: 1.1em;
list-style-type: square;
color: #A4C652;
}

*/


/* SLOGAN
---------------------------------------------------------- */

#slogan_bg {
/*background-color: #A4C652;*/
background: #333 url(../images/bg_slogan.png) repeat-x;
padding: 0 0 0 0;
height: 140px;
margin-bottom: 20px;
}

#slogan_position {
width: 960px;
margin: 0 auto;
	text-align: left;
}

#slogan_position img {
margin-left: 40px;
margin-top: 15px;
}


/* TITLE SEARCH
---------------------------------------------------------- */

#search {
width: 320px;
background-color: #DDDDDD;
left: 40px;
position: relative;
}



/* SEARCH BOX
---------------------------------------------------------- */

.input_search {
position: relative;
float: left;
margin: 10px;
background-color: #D2E9BC;
border: 2px solid #B5B5B5;
padding: 5px;
}

.input_button {
margin-top: 10px;
padding: 3px;
background: #00338D url(../images/bg_search_button.gif) repeat-x;
color: #ffffff;
border-top: 2px solid #456AB5;
border-right: 2px solid #002164;
border-bottom: 2px solid #00215E;
border-left: 2px solid #456AB5;
}

#title {
text-align: left;
background-color: #ffffff;
padding-bottom: 10px;
}

/* CONTENT ZONE
---------------------------------------------------------- */

#content {
	width: 960px;
	margin: 20px auto 0 auto;
	text-align: left;
	background-color: #000000;
	}
	
#left_col {
position: relative;
float: left;
width: 350px;
margin: 10px 0 0 10px;
}

.home {
padding-top: 20px;
padding-bottom: 20px;
}

#story_col {
position: relative;
float: left;
left: 10px;
width: 580px;
background-color: #CDF0F9;
padding-top: 15px;
margin-top: 10px;
}


#col_video {
position: relative;
float: left;
width: 330px;
}

#video_player {
margin-left: 10px;
}

#video_runtime_share {
margin-left: 10px;
padding-bottom: 10px;
width: 320px;
background: #ffffff;
}

#wide_col {
position: relative;
float: left;
width: 630px;
}

#col_chapters {
padding-top: 10px;
position: relative;
float: left;
margin-left: 10px;
width: 290px;
background-color: #BEDAD3;
}

#col_info {
padding-top: 10px;
position: relative;
float: left;
margin-left: 10px;
width: 310px;
background-color: #CDF0F9;
}

#downloads {
width: 290px;
background: url(../images/bg_downloads.png) bottom left;
position: relative;
left: 30px;
margin: 0;
padding: 0;
}

#downloads_bot {
width: 290px;
background: url(../images/bg_downloads_bot.png) no-repeat;
position: relative;
left: 30px;
height: 20px;
}

#downloads ul {
padding-bottom: 10px;
}

/* Standard Font Formatting
---------------------------------------------------------- */

h1 {
font-size: 2.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 100;
color: #CDF0F9;
line-height: 1.0;
margin: 0px 10px 10px 0px;
padding-top: 20px;
padding-left: 15px;
}


h2 {
font-size: 1.8em;
color: #506173;
line-height: 1.1;
margin: 20px 35px 5px 35px;
}

h3 {
font-size: 2.4em;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
padding: 0px 0 0 0;
color: #7B2429;
font-weight: 100;
}

.h_video {
background: url(../images/h_videocamera.png) no-repeat -1em -.2em;
}

.h_noimage {
margin-left: 10px;
}

h4 {
font-size: 1.4em;
color: #333333;
font-weight: bold;
line-height: 1.1;
margin: 22px 0px 5px 10px;
}

p {
margin-left: 10px;
margin-right: 10px;
font-size: 1.3em;
line-height: 1.6;
margin-bottom: 10px;
padding-top: 6px;
}

p.tight {
line-height: 1.2;
margin: 0 10px 5px 10px;
}

p.tight span {
	color: #7B2429;
	font-weight: bold;
}

#playback-display {
position: relative;
float: left; 
margin: 0 10px;
padding-top: 5px;
font-size: 1.4em;
color: #003366;
letter-spacing: -.005em;
font-weight: bold;
}

.add_this {
margin-top: 5px;
}

.runtime img {
margin-left: 10px;
}

.address {
line-height: 1.2;
font-size: 1.3em;
margin-left: 50px;
}

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

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

a:active {
color: #003399;
text-decoration: none;
}

#shortcuts a:link, #shortcuts a:visited {
color: #C0EDFA;
}

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



ul {
margin-left: 15px;
margin-right: 10px;
}

li {
margin-top: 5px;
padding-top: 6px;
margin-bottom: 8px;
font-size: 1.4em;
list-style-type: none;
}

.intro li {
border-top: none;
font-size: 1.3em;
list-style-type: square;
margin-left: 10px;
}


/* Search Formatting
---------------------------------------------------------- */

#search_results {
text-align: left;
width: 940px;
margin: 0px auto 0 auto;
padding: 10px 0 0 0;
background-color: #CDF0F9;
}

#search_results h3 {
font-size: 2.0em;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Geneva, sans-serif;
font-weight: bold;
color: #222222;
margin-top: 15px;
margin-left: 70px;
margin-right: 190px;
line-height: 1.4;
padding-top: 15px;
}

#search_results h3 span {
padding: 6px 3px 1px 3px;
margin-right: 5px;
font-size: 0.75em;
color: #666666;
font-style: italic;
}

#search_results h3 span.beg {
background-color: #88A65C;
color: #ffffff;
font-style: normal;
text-transform: uppercase;
font-size: 0.65em;
}

#search_results h3 span.int {
background-color: #000061;
color: #ffffff;
font-style: normal;
text-transform: uppercase;
font-size: 0.65em;
}

#search_results li {
list-style-type: square;
margin-left: 90px;
margin-right: 80px;
border-bottom: 1px dotted #9AC7B9;
padding-bottom: 5px;
}

#search_results ul {
padding-bottom: 0px;
}

.level {

}

/* Footer Formatting
---------------------------------------------------------- */

#footer_border {
padding-top: 25px;
}

#footer {
width: 960px;
margin: 20px auto;
padding-bottom: 0px;
padding-top: 20px;
text-align: left;
}

#footer p {
line-height: 1.3;
font-size: 1.3em;
border-top: none;
color: #fff;
}

#footer a:link, #footer a:visited {
color: #FFFFFF;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
background-color: #FFE688;
color: #333333;
}



/*  clear floats
---------------------------------------------------------- */
.clear {
content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}