
/* ----------------MONKEYS FIST-------------- */


body {
width: 820px;
position: relative;
margin: 0px auto;
font-family: Helvetica, Arial, Verdana, "Times New Roman", Georgia, New Century, Times, Schoolbook sans-serif;
color: rgb(0%, 0%, 0%);
background-color: rgb(60%,60%,60%);
}

div#page_container {
position: relative;
margin: 0px auto;
top: 0px;
left: 0px;
width: 820px;
height: 800px;
background-color: white;
}

div#header {
position: absolute;
top: 0px;
left: 0px;
display: block; 
width: 800px; 
height: 150px; 
border-top: 2px solid rgb(51, 102, 153); 
border-bottom: 4px solid rgb(51, 102, 153); 
margin: 0px 0px 0px 10px; 
vertical-align: top;
background-color: transparent;
background-repeat: no-repeat;
}



div#content {
position: relative;
top: 170px;
left: 0px;
width: 800px;
margin: 0px 0px 0px 10px; 
background-color: grey;
}


/* ---------------- COLUMNS --------------- */


div#content_sub {
position: absolute;
left: 10px; 
top: 0em;
width: 300px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
height: 800px;

border-right: 0px dotted rgb(60%,60%,60%);
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
color: rgb(0%,0%,0%);
background-color: transparent;
}

div#content_main {
position: absolute; 
top: 0em; 
left: 330px;
width: 450px;
height:800px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
border-left: 0px dotted rgb(60%,60%,60%);
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
color: rgb(0%,0%,0%);
background-color: transparent;

}

div#column_two {
position: absolute;
top: 10px;
top: 10px;
left: 320px; 
width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
color: rgb(20%,20%,20%);
background-color: rgb(100%,100%,100%);
}
div#column_three {
position: absolute;
top: 10px;
top: 10px;
left: 490px; 
width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
color: rgb(20%,20%,20%);
background-color: rgb(100%,100%,100%);
}

div#column_four {
position: absolute;
top: 10px;
top: 10px;
left: 660px; 
width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
color: rgb(20%,20%,20%);
background-color: rgb(100%,100%,100%);
}

div#column_five {
position: absolute;
top: 10px;
top: 10px;
left: 830px; 
width: 150px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
color: rgb(20%,20%,20%);
background-color: rgb(100%,100%,100%);
}

div#column_main_special {
position: absolute;
top: 10px;
left: 340px; 
width: 570px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
border-left: 0px dotted black;
border-right: 0px dotted black;
padding: 0em 0em 0em 0em;
margin-bottom: 0em;
background-color: transparent;
color: rgb(20%,20%,20%);
}


div#index_base {
position: absolute;
width: 960px;
left: 0px;
height:100px;
color: rgb(0%, 0%, 0%); 
background-color: transparent;
margin: 0px 0px 0px -10px;
}

div#footer {
left: 0; 
width: 1000px; 
height: 40px;
float: left;
text-align: center;
border-top: 1px solid rgb(204, 0, 51); 
padding-bottom: 0em; 
background-color: transparent;
}



/* --------------- BOXES   BOXES -------------------------*/



div.box_main {
float: left; 
border-top: 1px dotted rgb(60%, 60%, 60%);
width: 450px;
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
text-align: left;

color: rgb(0%, 0%, 0%);
background-color: transparent;
}

div.box_mainC_poster {
float: left; 
width: 446px;
padding: 10px 0px 10px 0px; 
margin: 10px 0px 10px 0px; 
text-align: center;
border: 2px solid rgb(60%, 60%, 60%);
color: rgb(0%, 0%, 0%);
background-color: rgb(100%, 100%, 100%);
}

div.box_mainC {
float: left; 
border-top: 1px dotted rgb(60%, 60%, 60%);
width: 450px;
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
text-align: center;

color: rgb(0%, 0%, 0%);
background-color: rgb(100%, 100%, 100%);
}

div.box_sub {
float: left; 
border-top: 1px dotted rgb(60%, 60%, 60%);
width: 300px;
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
text-align: left;
color: rgb(10%, 0%, 0%); 
background-color: transparent;
}
div.box_subC {
float: left; 
border-top: 1px dotted rgb(60%, 60%, 60%);
width: 300px;
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
text-align: center;
color: rgb(10%, 0%, 0%); 
background-color: :transparent;
}

div.box_subC_poster {
float: left; 
border: 2px solid rgb(60%, 60%, 60%);
width: 296px;
padding: 10px 0px 10px 0px; 
margin: 10px 0px 10px 0px; 
text-align: center;
color: rgb(10%, 0%, 0%); 
background-color: rgb(255, 255, 255);
}

div.box_five {
float: left; 
border-top: 1px dotted rgb(60%, 60%, 60%);
width: 150px;
padding: 10px 0px 10px 0px; 
margin: 0px 0px 0px 0px;
text-align: left;
color: rgb(0%, 0%, 0%); 
background-color: rgb(100%, 100%, 100%);
}

div.box_fiveC {
float: left; 
border-top: 1px dotted rgb(60%, 60%, 60%);
width: 150px;
padding: 10px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
text-align: center;
color: rgb(0%, 0%, 0%); 
background-color: rgb(100%, 100%, 100%);
}

/* ------- HEADER and NAVIGATION -------------------------------------*/

div#navsite {
position: absolute;
top: 2em;
left: 10px;
width: 960px;
border-top: 0em solid; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 980px;
padding: 0em 0em 0em 0em ;
margin: 0px 0px 0px 0px;
background-color: transparent;
}

div#navsite_top {
position: absolute;
top: 8em;
left: 20px;
width: 797px;
border-top: 0em solid; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
padding: 0em 0.2em 0em 0em ;
border: 0px solid rgb(60%, 60%, 60%);
background-color: transparent;
}

div#navsite_lower {
position: absolute;
top: 3em;
left: 0em;
width: 797px;
border-top: 0em solid; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0px solid rgb(60%, 60%, 60%);
background-color: transparent;

}



/* ----------- END HEADER and NAVIGATION ----------------------------- */




/* ------------ TABLE TABLE ---------------------------------------*/

table {
width: 298px;
border-collapse: separate;
background-color: transparent;
color: rgb(0%, 0%, 0%);
padding: 0px 0px 0px 0px;
margin:  0px 0px 0px 0px;
border: hidden;  
}

caption {
background: white;
text-align: left;
margin: 0 0 1em 0;
padding: 1em 0em;
}

tr {
text-align: center;
padding: 0px 0px 0px 0px;
border: 0px solid rgb(60%, 60%, 60%);
border-bottom: 0px solid rgb(60%, 60%, 60%);  

}

td {
text-align: left;
border-top: 1px dotted rgb(60%, 60%, 60%);
border-collapse: separate;
border-spacing: 5px;
border-bottom: 0px solid rgb(60%, 60%, 60%);
background-color: rgb(100%,100%,100%);  
}

td.lead {
width: 138px;
border-collapse: collapse;
vertical-align: top;
border-left: 2px dotted rgb(60%, 60%, 60%);
padding: 0px 10px 0px 10px;
background-color: rgb(100%,100%,100%);

}

table#lead {
table-layout: fixed;
width: 560px;
left: 0px;
margin: 0px 0px 0px 0px;
border: hidden;
border-collapse: collapse;
background-color: rgb(100%,100%,100%);
}

tr#lead {
border-bottom: 0px solid rgb(60%, 60%, 60%);
background-color: rgb(100%, 100%, 100%);
}


table.navigation_top {
width: 660px;
margin: 10px 0px 0px 0px;

border-collapse: collapse;
background-color: transparent;
color: rgb(0%, 0%, 0%);
border: hidden;  
}

table.navigation_bottom {
width: 660px;
margin: 10px 0px 0px 0px;
border-collapse: collapse;
background-color: rgb(90%, 90%, 90%);
color: rgb(0%, 0%, 0%);
border: hidden;  
}

table.navsite_article {
width: 160px;
border-collapse: collapse;
background-color: rgb(100%, 100%, 100%);
color: rgb(0%, 0%, 0%);
border: hidden;  
}

table.guest {
width: 160px;
border-collapse: collapse;
background-color: rgb(100%, 100%, 100%);
color: rgb(0%, 0%, 0%);
border: hidden;  
}


tr.top_grove {
border-bottom: 1px solid rgb(60%, 60%, 60%);
}

tr.bottom_grove {
border-bottom: 0px solid rgb(60%, 60%, 60%);
}


/* --------------- END TABLE -------------------------------------*/
/* ---------------- REDUNDANT CHECK colmainspecial; box1,2,3; navsiteguest; tablenavarticle--------------- */


