/* CSS Document */

/*General CSS stuff*/

body{
margin:40px 0 50px 0;
padding:0;
line-height: 1.5em;
background-color:#ffffff;
/*background-color:#ffffff;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

p{text-align:justify;}

p.footer{text-align:right;}

.bolda{font-weight:bold;}

.blue{color:#010080;}

a:link      { color: #010080; text-decoration: none; font-weight:normal }
a:visited   { color: #010080; text-decoration: none; font-weight:normal }
a:hover     { color: #010080; text-decoration: underline; font-weight:normal }

h1, h2, h3, h4, h5, h6
{
      font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    margin:5px 0px 5px 0px;
}
h1{font-size: 20pt;}
h2{font-size: 18pt;}
h3{font-size: 16pt;}
h4{font-size: 14pt;}
h5{font-size: 12pt;}
h6{font-size: 10pt;}

li.why{padding:1px 1px 4px 1px;}

#movie{
position:absolute;
top:32px;
right:1px;
}

#logo{
position:absolute;
top:32px;
left:70px;
}

#qsearch{
position:absolute;
top:300px;
left:50px;
}

#portals{
position:absolute;
top:500px;
left:50px;
z-index:100;
}



#footertext{
position:absolute;
top:30px;
right:40px;
width:360px;

}

.clear{
clear:both;
}

#bottomfooter{
width:840px;
height:30px;
margin: 0 auto; /*Center container on page*/
text-align:right;
font-size:10px;
}

.floatright{
float:right;
padding:30px;
}


.searchtable{
width:185px;
font-size:10px;


}

.searchoptions{
width:95px;
font-size:10px;
}

/*Layout CSS*/

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#ffffff;

}

#topsection{
background: #ffffff;
height: 130px; /*Height of top section*/
}

#topinner_left{
width:371px;
height: 130px;
background-color:#ffffff;
position:relative;
float:left;
}

#topinner_right{
width:468px;
height: 130px;
background-image:url(top_right2.gif);
background-repeat:no-repeat;
float:left;
position:relative;

/*border-right:solid 1px #010080;*/
}

#contentwrapper{
float: left;
width: 100%;


}

#contentcolumn{
margin-left: 240px; /*Set left margin to LeftColumnWidth*/
background-image:url(side_right.gif);
background-repeat:no-repeat;
background-position:bottom right;
min-height:760px;


}

#contentcolumn2{
margin-left: 240px; /*Set left margin to LeftColumnWidth*/
background-image:url(side_right.gif);
background-repeat:no-repeat;
background-position:bottom right;
min-height:1100px;


}

#contentcolumn3{
margin-left: 240px; /*Set left margin to LeftColumnWidth*/
background-image:url(side_right.gif);
background-repeat:no-repeat;
background-position:bottom right;
min-height:750px;


}

#leftcolumn{
float: left;
width: 240px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
height:600px;
background-image:url(side_left.gif);
background-repeat:no-repeat;
background-position:top left;
position:relative;
}

#footer{
clear: left;
width: 100%;
background:#010080;
color: #000000;
text-align:right;
height:121px;
}

#footerinner_left{
width:469px;
height: 121px;
background-color:#ffffff;
position:relative;
float:left;
background-image:url(bottom_left.gif);
background-repeat:no-repeat;
}

#footerinner_right{
width:371px;
height: 121px;
background-color:#ffffff;
float:left;
position:relative;
padding:0;
margin:0;
background-image:url(footer.gif);
background-repeat:no-repeat;

}


.innertube{
margin: 50px 50px; 10px 10px;  /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube2{
margin: 0px 0px; 0px 25px;  /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.banner1{
width:840px;
height:1px;
background-image:url(line.gif);
background-repeat:no-repeat;


}

.banner2{
width:839px;
height:5px;
background-color:#ffff00;
position:relative;
text-align:left;

border-right:solid 1px #010080;


}



/*menu stuff*/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 185px; /*width of menu*/
position:absolute;
top:185px;
left:50px;
}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #010080;
}

.markermenu ul li a{
background: white url(arrow-list.gif) no-repeat 2px center;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover{
color: black;
background-color: #c5c6f5;
background-image:url(arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */