/* for Mozilla/Safari/Opera */
*>.box {
 padding-top: 300px;
 min-height: 1px;
}
*>.box p {
 margin-top: -300px;
}
/* for IE, with IE5/Mac backslash filter \*/
* html .box {
 height: 300px;
}
/* end filter */

.box {
 padding-top: 300px;
}
.box p {
 margin-top: -300px;
}

body {
        color:black;
        background-color:#edd0d0;
        margin:20px;
        padding:0px;
        font:11px verdana, arial, helvetica, sans-serif;
        }

h1 {
        margin:0px 0px 15px 0px;
        padding:0px;
        font-size:28px;
        font-weight:900;
        color:#ccc;
        }

h2 {
        font:bold 12px/14px verdana, arial, helvetica, sans-serif;
        margin:0px 0px 0px 0px;
        padding:0px;
        }

p {
        color:black;
        font:11px/16px verdana, arial, helvetica, sans-serif;
        margin:0px 0px 16px 0px;
        padding:0px;
        }

a {
        color:#6c6ba3;
        font-size:11px;
        font-family:verdana, arial, helvetica, sans-serif;
        font-weight:600;
        text-decoration:none;
        }

a:link {color:#6c6ba3;}
a:visited {color:#323e8b;}
a:hover {background-color:#f2d2d2;}
  

#mast,#footer{
	margin:auto;
	width:80%;
}

#mast,#footer,#left,#middle,#right{
font-family:verdana, arial, helvetica, sans-serif;
}

#mast{
	background:#323e8b;
	text-align:left;
}


#left{
	background:#c9c3c3;
	float:left;
	width:20%;
	margin: 0 0 0 10%; /* top right bottom left */
	height:100%;
	text-align:left;
}

#middle{
	background:#eee;
	float:left;
	width:40%;
	margin:0px;
	height:100%;
	min-height:400px;
	text-align:left;
}

#right{
	background:#c9c3c3;
	float:left;
	width:20%;
	margin: 0 8% 0 0; 
	height:100%;
	text-align:left;
	}

#footer{
	font-weight:100;
	font-size:9px;
	background:#323e8b;
	text-align:center;
	clear:both;
}

ul.circle 
{
	list-style-type: circle
}

ul.square 
{
	list-style-type: square;
}