/* CSS Document */
/* Overall HOME PAGE Elements */

body{
	font-size:13px;
	font-color:#CCC;
	margin-top:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#515151;
	background-color:#EDEDED;
	background-image:url(../images/bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
}



a{
color:#339999;
}
a:visited{
color:#003333;
}
a:hover{
text-decoration:none;
}
p{
line-height:1.5em;
text-align: justify;
}

h1,h2,h3,h4,h5{
color:#000000;
}

#container{
}

#content{
	width:762px;
	text-align:left;
}
ol {
	margin:0 20px 0 20px;
	padding:0px 0 0 0px;
}
ol li{
line-height:1.3em;
margin:0px;
padding:0px 0px 15px;
font-weight:bold;
font-size:15px;
color:#000000;
}
ol li span{
font-size:13px;
font-weight:normal;
color:#515151;
}
ol li span strong{
font-size:15px;
color:#000000;
}

/* Flash Area */
#flasharea{
margin:-125px 0 0px -4px;
position:relative;
width:762px;
height:500px;
vertical-align:middle;
z-index:50;
}

/* Main Area */
#mainarea{
width:762px;
position:relative;
z-index:45;
}
#maincontent_holder{
background:#FFF;
border:solid 1px #CCCCCC;
border-top:none;
border-bottom:none;
padding:10px 0 15px 0;
}
#maincontent{
	padding:0;
	margin:0;
	width:760px;
	display:table;
	background:#FFF url(../images/line.gif) repeat-y;
	background-position:227px 0;
}

/* Horizontal Navigation */
#nav{
margin:0px;
padding:0 24px;
text-align:center;
}
#nav ul{
background-color:#FFF;
width:711px;
margin:0px;
padding:0 0 20px;
height:31px;
}
#nav ul li{
margin:0px;
padding:0px;
height:31px;
display:inline;
float:left;
}
#nav ul * a{
text-indent:-9999px;
height: 32px;
text-decoration: none;
display:block;
}
#nav ul li.home a:hover, #nav ul li.credits a:hover, #nav ul li.resources a:hover, #nav ul li.media a:hover, #nav ul li.blog a:hover {
background-position: 0 -33px;
}
#nav ul li.home a{
width: 99px;
background: url(../images/tnav-home.gif) 0 0 no-repeat;
}
#nav ul li.credits a{
width: 143px;
background: url(../images/tnav-credits.gif) 0 0 no-repeat;
}
#nav ul li.resources a{
width: 121px;
background: url(../images/tnav-resources.gif) 0 0 no-repeat;
}
#nav ul li.media a{
width: 132px;
background: url(../images/tnav-media.gif) 0 0 no-repeat;
}
#nav ul li.blog a{
width: 216px;
background: url(../images/tnav-blog.gif) 0 0 no-repeat;
}

/* Left Navigation */
#leftnav{
width:206px;
float:left;
margin:0 0 0 18px !important;
margin:0 0 0 10px;
padding:0px;
position:relative;
}
#leftnav ul.nava{
margin:0px;
padding:0px;
width:206px;
height:300px;
}
#leftnav ul.nava li{
list-style:none;
/*display:inline;*/
padding:0px;
margin:0px;
}
#leftnav ul.nava * a{
text-indent:-9999px;
width:206px;
text-decoration:none;
display:block;
}
#leftnav ul.nava li.faq a:hover, #leftnav ul.nava li.friend a:hover, #leftnav ul.nava li.dvd a:hover, #leftnav ul.nava li.download a:hover, #leftnav ul.nava li.updates a:hover, #leftnav ul.nava li.screening a:hover, #leftnav ul.nava li.support a:hover{
background-position:-208px 0;
}
#leftnav ul.nava li.faq a{
height:67px;
background: url(../images/lnav-faq.gif) 0 0 no-repeat;
}
#leftnav ul.nava li.friend a{
height:56px;
background: url(../images/lnav-friend.gif) 0 0 no-repeat;
}
#leftnav ul.nava li.dvd a{
height:53px;
background: url(../images/lnav-dvd.gif) 0 0 no-repeat;
}
#leftnav ul.nava li.download a{
height:49px;
background: url(../images/lnav-download.gif) 0 0 no-repeat;
}
#leftnav ul.nava li.updates a{
height:63px;
background: url(../images/lnav-updates.gif) 0 0 no-repeat;
}
#leftnav ul.nava li.screening a{
height:71px;
background: url(../images/lnav-screening.gif) 0 0 no-repeat;
}
#leftnav ul.nava li.support a{
height:66px;
background: url(../images/lnav-support.gif) 0 0 no-repeat;
}
/* Left Subnavigation */
.subnav ul{
font-weight:bold;
list-style:none;
width:auto;
margin:0px  10px 10px 0;
border-bottom:solid 1px #999999;
color:#000000;
font-size:14px;
padding:0px 0px 20px 20px;
}
.subnav ul a{
border-bottom:dotted 1px;
text-decoration:none;
color: #002c00;
}
.subnav ul a:hover{
border:none;
}
.subnav li{
padding-top:10px;
}
.subnav ul ul{
margin:5px 5px 0 20px;
padding:0px;
list-style:square;
border:none;
font-size:12px;
}

/* Right Main Area */
#rightarea{
width:456px;
padding:0 36px 0 10px;
/*margin:0 10px;
float:left;*/
margin:0 10px 0 230px;
background-color:#FFFFFF;
display:block;
}
.whatis{
margin:15px 0 0 0px;
padding:0px;
/*display:block;
text-indent:-9999px;
background-image:url(../images/whatis.gif);
height:20px;
width:289px;*/
}
.whatis h2{
padding:0px;
margin:10px 0 20px;
/*display:none;*/
}
.bottomimg{
float:right;
position:relative;
left:40px;
}
.bottomimgflush{
float:right;
position:relative;
left:64px;
top:29px;
}
/* Clear Fix */
#mainarea:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
#mainarea:after { 
display: inline-block;
_height: 1%; }
/* Hides from IE-mac \*/
#mainarea:after { 
display: block; 
}
/* End hide from IE-mac */

/* Footer */
#footer{
text-align:center;
color:#000000;
font-size:11px;
margin-top:-10px;
position:relative;
}
#footer a{
color:#000000;
}
#footer a:hover{
text-decoration:none;
}
.logo{
position:absolute;
z-index:10;
float:left;
margin-top:10px;
width:140px;
}
.logo p{
font-size:11px; 
margin:0px; 
padding:0px;
}
.foottext{
padding-top:6px;
width:800px;
}
#sticker{
position:relative;
top:455px;
left:663px;
z-index:100;
}


/* INTERNAL PAGE Elements */
hr{
margin:20px 0;
}
.internal {
line-height:1em;
}
.breadcrumb, .breadcrumb a{
text-decoration:none;
color:#000000;
font-size:12px;
}
.breadcrumb a:hover{
text-decoration:underline;
}
.internal h2{
padding:0px;
margin:10px 0 20px;
line-height:1.1em;
}
h3{
padding:0;
margin:0;
line-height:1.1em;
}
.internal p{
margin:0 0 10px;
padding:0px;
}
.internal h4, .internal h3{
padding:0px;
margin:20px 0 5px;
}
.criticname{
font-size:11px;
color:#000000;
}
.creditspage h4{
margin:30px 0 0 0;
}
.creditspage ul li{
padding-bottom:5px;
}
.creditspage ul{
margin-left:0px;
padding:0 0 0 13px;
list-style-type:square;
}
/* NGO LIST STUFF */
.ngolist{
list-style:square;
margin-left:10px;
font-size:11px;
}
.ngolist a{
font-size:13px;
}
.ngolist li{
padding-bottom:5px;
}
/* Downloads Page */
.downloadpage img{
margin:0px 5px 5px 0;
border:solid 1px #999;
}
.downloadpage hr{
clear:both;
}