/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
body {
margin:0;
padding:0;
font:12px Arial, Helvetica, sans-serif;
color:#333;
background:#fff url(../img/bg1.jpg)  center top repeat-x;
}

html, body, #container  {
   height:100%;	
}
body > #container {height: auto; min-height: 100%;}


 .right {
	float: right;
}
 .left {
	float: left;
}
.align-left {
	text-align: left;
}
 .align-right {
	text-align: right;
}
 .align-center {
	text-align:center;
}
 .justify {
	text-align:justify;
}
 .hide {
	display: none;
}
 .clear {
	clear: both;
}

 .bold {
	font-weight:bold;
}
 .italic {
	font-style:italic;
}
 .underline {
	border-bottom:1px solid;
}
 .highlight {
	background-color:#a90b0a;
	padding:5px;
	color:#FFF;
}

 .highlight:hover {
	background-color:#323232;
	padding:5px;
		color: #a4d4d7;
}
 img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 img.alignleft {
	float:left;
	margin:6px 15px 6px 0;
}
 img.alignright {
	float:right;
	margin:6px 0 6px 15px;
}


 .smalltext {
	 font: bold 12px "Lucida Sans",Arial, Helvetica, sans-serif;
	 
 }
.pad {
padding:8px 8px 2px 8px;	
}

 img.top {
margin-top:40px;	
}
 
.black {
	 color:#00000;
	 font-size:12px;
	 font-weight:bold;
	 font-style:italic;
 }
 
 .green {
	 
	 color:#060;
	 font-weight:bold;
 }
/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
 a:link, a:visited {
	color: #060;
}
 a:hover {
	color: #111;
}
 a:active {
	color: #111;
}
/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
 h1 {
	font:normal 2em Arial, Helvetica, sans-serif;
		margin:10px 0px;


}
h2 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color:#2f3f5a;
	line-height:1.6em;
	margin:10px 0px;
}
 h3 {
	font: normal 1.4em "Lucida Sans",Arial, Helvetica, sans-serif;
	color:#2f3f5a;
			margin:10px 0px;

}
 h4 {
	font: bold 1.2em Arial, Helvetica, sans-serif;
			margin:10px 0px;

}
 h5 {
	font: bold 1.1 em "Lucida Sans",Arial, Helvetica, sans-serif;
	color: #a90b0a;
}

 p {
	 color:#333;
	margin:10px 10px; line-height:22px;
	
}



.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block; height:40px;}
/* End hide from IE-mac */


#top {
height:42px; width:100%; position:absolute;z-index:0; top:6px; background:url(../img/top-bg.png) left repeat-x;	
}
#midbg {height:138px; width:100%; position:absolute;z-index:0; left:0px; top:371px; background:url(../img/mid-bg.png) left repeat-x;
}
#container {
height:100%;
position:relative;
width:960px;
margin:0 auto;
}

#header {
height:47px;
width:960px;
float:left;
	
}

#logo {
position:absolute;
top:0px;
left:30px;
width:121px;
height:179px;
z-index:1000;
}
#movie {
padding:0px;width:600px;height:285px;margin:0px;margin-right:20px; margin-top:20px; float:right;padding-top:0px;
}

#mission {
width:235px; height:91px; position:absolute; top:210px; left:20px;	
}
#mid p {
	color:#FFF;
}
#mid h3 {
	color:#FFF;
}

#mid {
width:960px; float:left; height:138px;margin-top:19px;color:#FFF;	
}

#bottom {
position:relative; width:960px; float:left; margin-top:30px; margin-bottom:50px;	
}

#bottom-left {
position:relative; width:500px; margin-top:0px; float:left;
}

#bottom-right {
position:relative;
float:right;
margin:0px auto;
margin-right:70px; 
width:282px; 
height:320px;
}
#news {
width:313px;
padding:30px 20px 15px 10px;
float:right;
margin-top:40px;
height:633px;
}

#content  ul, ol { margin-left:2.5em; padding-left:0px; list-style-type:disc; }
#content li { font-size:13px;font-weight:bold; margin:7px; color:#000; }
.pane  ul, ol { margin-left:2.5em; padding-left:0px; margin-top:20px;list-style-type:disc; }
.pane li { font-size:12px;font-weight:bold; margin:7px; color:#000; }



#leftcol {
width:210px;	
padding:0px;
margin-top:120px;
float:left;
}
#content {
width:960px;
padding:0px;
float:right;
margin-bottom:37px;
}

#content-lt {
float:left;
margin-left:10px;
width:490px;
margin-right:10px;
	
}

#content-rt {
float:right;
width:230px;
padding-left:10px;
	
}
	
#footer {
   position:relative;
   clear:both;
   width:100%;
   height:50px;   /* Height of the footer */
   background:#000000;
   color:#FFF;
   text-align:center;
   font:9px;
  
   padding-top:14px;
  
}
#footer a:link {
color:#FFF;	
}

#main {padding-bottom: 64px;}  /* must be same height as the footer */


ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:42px;
font-size:1em;
font-family:Verdana,Helvetica,Arial,sans-serif;
margin:0;
margin-left:340px;
padding:0;
margin-top:6px;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#fafafa;
text-decoration:none;
height:28px;
padding:14px 14px 0;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#FFFFFF;
text-decoration:none;
background:url(../img/bg-over.png) top  center;
}

ul.menu .current a {
color:#FFFFFF;
}


/*RED*/

ul.menu.red li a:hover, .menu.red li.current {
background:url(../img/bg-over.png) top  center;
color:#ffffff;
}

/*Video*/
/*#videoswrap {
position:relative;
margin:0 auto;
width:282px;
float:left;
}*/
#links, #videos {  
list-style-type: none;  
position: relative;  
margin:0 auto;  
padding: 0px;
}

#links li {
position:relative;
float:left;
margin-left:70px;
}

#videos li {
position:relative;
margin:0 auto;
list-style-type:none;
width:282px;
}

#fancy_div {
background:url(../images/video_bg.png) no-repeat;
}

#login_pod {
margin-top:50px;
float:right;
width:350px;
}


#video {
position:relative;
float:right;
width:750px;
}



/*stockticer */
.demo {
/*position:relative;*/
float:right;
margin:0px auto;
width:960px;
}

.stockTicker {
font-family: Verdana, Arial, Helvetica, San-serif;
font-size: x-small;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}

.stockTicker span {
    margin: 0 10px 0;
}

.stockTicker span.up {
    color: green;
    padding-left: 2px;
}

.stockTicker span.down {
    color: red;
    margin: 0;
    padding-left: 10px;
}

.stockTicker span.eq {
    margin: 0;
    padding-left: 10px;
}

.stockTicker span.quote {
    margin: 0;
    font-weight: bold;
    padding-left: 10px;
}




/*Video*/
#videoswrap {
	position:relative;
	height:250px;
}
#links, #videos {  
     list-style: none;  
     position: relative;  
     margin: 0;  
     padding: 0;
}

#links li {
	float:left;
	margin-left:70px;
}

#videos li {
	float:left;
	margin-bottom:60px;
}

#fancy_div {
	background:url(../images/video_bg.png) no-repeat;
}