/* ##############################
######## MAIN CONTENT ###########
############################## */

#div_container{
position: relative;
width: 100%;
height: 100%;
}
body{
margin: 0px;
background-color: #000000;
}

#div_top{
float: left;
clear: both;
height: 100px;
width: 100%;
background-color:#000000;
}

#div_bordertop, #div_borderbottom{
float: left;
clear: both;
height: 10px;
width: 100%;
background-image: url(images/lightgreen.gif);
padding: 0px;
margin: 0px;
}


#div_content{
float: left;
clear: both;
background-image:url(images/red.gif);
background-repeat: repeat;
width: 100%;
}

#div_menu{
position: relative;
top: 5px;
left: 2%;
width: 98%;
}

#div_main{
position: relative;
left: 2%;
width: 98%;
height: inherit;
}

#div_footer{
float: left;
clear: both;
background-color: #000000;
width: 100%;
height: 50px;
}

/* ##############################
######## DIVIDERS ###############
############################## */

.div_horizontal{
clear: both;
background-image: url(images/horiz_yellow.gif);
height: 8px;
width: 500px;
}

.div_vertical{
float: left;
/*background-image: url(images/vert_yellow.gif);
background-position:top;
background-repeat:no-repeat;*/
height: 370px;
width: 7px;
}


/* ##############################
####### LEFT RIGHT LAYOUT #######
############################## */

#div_left{
width: 65%;
float: left;
}

#div_right{
float: left;
position: relative;
left: 10px;
width: 32%;
}


/* ##############################
##### THREE COLUMN LAYOUT #######
############################## */

#div_3_left{
width: 15%;
float: left;
}

#div_3_middle{
position: relative;
width: 45%;
float: left;
left: 10px;
min-width: 500px;
}

#div_3_right{
position: relative;
float: left;
width: 30%;
left: 40px;
font-size: 11px;
}

#div_scraptext{
width: 100%;
height: 140px;
overflow: auto;
}

#div_images{
width: 100%;
}