/* colored borders put on for visual effect only */
html { background-repeat: no-repeat; background-image: url(http://www.must-mag.com/logo4.jpg); font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px;}
body { 
margin-left: 0px; 
margin-bottom: 0px; 
margin-right: 0px; 
margin-top: 0px; 
height: 100%; 

}
a:link, a:visited{color: #e42055;}
a:hover{color: #e2bac5;}
h1, h2, h3, h4, h5, h6,
form, input, text-area{
font-family: Helvetica, Verdana, Arial, sans-serif;
border:0; padding:0; margin:0;}
h1{font-size:24px; color:#000000;}
h2{font-size: 20px; color: #2a2c2c;}

                                     
                
                                     
h3{font-family: "Courier New", Courier, Monaco, monospace; font-size: 20px; color: black;}

/* ------------------------------- */
/* PAGE Elements
/* ------------------------------- */
#topbar{ width:auto; display:block;}
#navbar{ font-family: Helvetica, Verdana, Arial, sans-serif; color: #bfbfbf; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; width: 100%; background: #2b2b2b; display:block; height:10%;}
#navbar ul { float: left; margin-left: 0px; margin-bottom: 0; margin-right: 0; margin-top: 0; background:#191919; list-style:none;}
#navbar ul li{ border-right-color: white; border-right-style: dotted; border-right-width: 1px; list-style:none; float:left;}
#navbar a{ background-position: 0 0px; text-transform: uppercase; font-size: 8px; font-family: Helvetica, Verdana, Arial, sans-serif; color: #e42055;}
#navbar a:hover{color: #e2bac5;}
#navbar li a:link,
#navbar li a:visited {
text-decoration:none;
height:24px;
line-height:24px;
display:inline;
float:left;
width:auto;
padding:0px 10px;}

#contentwrap{
height: 80%;
margin-left: 200px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding: 0;
}

#content{
padding: 6px;

}

#column_left p {margin: 0px; padding: 5px;}
#column_left{ width:560px; margin-right:20px; float:left;}
#column_right{margin-right: 0px; text-align: right; width:200px; float: left;}

div.spacer{clear:both; height:10px; display:block;}



#footer{
font-family: Helvetica, Verdana, Arial, sans-serif; color: #bfbfbf; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; height: 100%; width: 100%; background: #2b2b2b; display:block; 
font-size: 10px;
padding-bottom: 10px;
padding-top: 10px;
text-align: right;
width: 100%;
border-left-width: 0;
border-bottom-width: 0;
border-right-width: 0;
border-top-width: 0px;
color: white;
clear: both;
float: right;
border-style: solid;
vertical-align: bottom;
}

#footer a{
font-size: 10px;
color: #bfbfbf; 
text-decoration: none;
}


/* ------------------------------- */
/* OTHER Class
/* ------------------------------- */
#footer a:hover{color: #e2bac5;}
.small{font-size:11px;}
.underline{text-decoration:underline;}
div.small-section{}
div.small-section a{color:#333333; font-weight:bold;}

/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/

#topbar{width:auto; display:block; height:241px;}
#navbar{width:auto; display:block; height:24px;}

#main{width:auto; display:block;}
#column_left{
	width:550px;
	margin-right:10px;
	float:left;
	padding: 10px;
}
#column_right{
	width:180px;
	float:left;
	padding: 10px;
}




#spacer{
background-position: 0 bottom;
height: 95%;
float: left;
width: 0px;
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0; /* visual effect only */
}

