@import url("reset.css");
/* Menu CSS */

#menu{

min-width: 795px;
max-width: 1600px;
height:60px;
display:block;
padding:0;
margin: 0;
border:1px solid;
}
#menu > ul {list-style:inside none;
min-width: 800px;
max-width: 1600px;
padding:0;
margin:0;
}
#menu > ul > li {list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}
#menu > ul > li > a{
outline:none;
display:block;
position:relative;
padding:23px 10px;
font:bold 13px/100% Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0, 0.4);
}
#menu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#menu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#menu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#menu > ul > li.has-sub > a:before{ content:''; position:absolute; top:45px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#menu > ul > li.has-sub:hover > a:before{top:48px;}
#menu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:24px; padding-top:27px; top:-3px; z-index:999; }
#menu ul li.has-sub:hover > ul, #menu ul li.has-sub:hover > div{margin-top:23px;display:block;}
#menu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#menu ul li > ul, #menu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding: 0px 0; background:#3f3f3f; z-index:999; }
#menu ul li > ul{width:200px;}
#menu ul li > ul li{display:block; list-style:inside none; padding:10; margin:0; position:relative;}
#menu ul li > ul li a{ outline:none; height: 30px; display:block; position:relative; margin:0; padding:15px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }
#menu, #menu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); }
#menu{border-color:#000;}
#menu > ul > li > a{border-right:1px solid #000; color:#fff;}
#menu > ul > li > a:after{border-color:#444;}
#menu > ul > li > a:hover{background:#111;}

/*Menu end, page elemnts begin */



body {
	background-color: #C0C0C0 ;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
}

p {
    padding: 10px;
}

table.left, table.left tr, table.left td{
	border: 4px solid #CECECE;

}

table.content, table.content tr, table.content td{
	float: left;
	width: 100%;
	height: 100%;
	border: 4px solid #CECECE;

}

table.footer, table.footer tr, table.footer td{
	float: left;
	width: 100%;
	height: 100%;
	border: 4px solid #CECECE;

}

#wrapper {
    width: 55%;
    min-width: 800px;
    max-width: 1600px;
    margin: 0 auto;
}

#header {
    float: left;
	margin-top: 80px;
	height: 125px;
    width: 100%;
    background: #EFEFEF;
	text-align: center;
}

#navigationmenu {
	position: fixed;
	width: 55%;
	min-width: 800px;
    max-width: 1600px;
	float: left;
    height: 80px;
    background: Transparent;
}

#content {
    float: left;
    width: 100%;
	background-color: Transparent;
	margin-bottom: 20px;
}

#contentmiddle {
    background: #EFEFEF;
	margin-top: 20px;
    margin-left: 270px;
	min-height: 450px;
}

#leftcolumn {
    float: left;
    background: #CECECE;
    width: 250px;
	border-spacing: 10px;
	margin-top: 20px;
    margin-left: -100%;
	min-height: 300px;
}

#footer {
    height: 120px;
	margin-bottom: 10%;
    width: 100%;
    background: #33FF66;
    clear: both;
}