* {
margin: 0;
padding: 0;
}

body {
	text-align: center;
	font: normal 11px/18px Arial, Helvetica, sans-serif;
	color: #FCFCFC;
	padding-top: 200px;
	background : #EEEEEE;
}


#topsection {
	width:500px;
	height: 200px;
	background-color : White;
	color : White;
	font : normal normal 16px Arial, Helvetica, sans-serif;
}

#topsection a {
	color: Gray;
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
}

#topsection a:hover {
	color: Red;
	font-size : 10px;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
}

ul#navlist
{
	margin-left: 0;
	padding-left: 0;
	white-space: normal;
	font : 12px;
}

#navlist li
{
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 11px; }

#navlist a:link, #navlist a:visited
{
	color: #fff;
	background-color: #C5600E;
	text-decoration: none;
}

#navlist a:hover
{
	color: #fff;
	background-color: #A3500C;
	text-decoration: none;
}

#wrapper {
	width: 500px;
	background: White repeat-y;
	background-position: 0 0;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	text-align: left;
}


h2 {
	width: 450px;
	height: 35px;
	font: bold 20px Arial, Helvetica, sans-serif;
	background-image: url(../images/title2.jpg);
	color : #F5F5F5;
	margin-bottom: 10px;
}

h3 {
	font : bold normal 18px Arial, Helvetica, sans-serif;
}

#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #C5600E;
	color: White;
	float: left;
	width: 700px;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 8px 1em;
	background-color: #4169E1;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	font : bold 12px Arial, Helvetica, sans-serif;
	height : 15px;
}

#navcontainer ul li a:hover
{
	background-color: #A3500C;
	color: #fff;
}


img {
border: none;
}

a img {
display: block;
margin-bottom: 20px;
border: 1px solid #fff;
}

a:hover img {
border-color: #f00;
}

#content {
	float: left;
	width: 500pxmargin: 1px;
	border-left : thin;
	margin-top : 8px;
	text-align : justify;
	background : url(../images/bottom.jpg) no-repeat bottom;
}
#content a{
	color : #4169E1;
}
#content a:hover{
	color : #1D44B8;
}
	
p {
margin-bottom: 20px;
}

p:first-line {
	font-weight: normal;
}


#container {
	height: 10px;
	position:relative;
	width: 500px;
}
#menu {text-align:center; position:relative; top:30px; height:20px;}

.box {position:relative; float:left; top:0; height:20px; overflow:hidden;}

#menu a:visited {text-decoration:none; background-color:#e09222; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

#menu a {position:relative; text-decoration:none; background-color:#e09222; color:#fff; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

#menu a:hover {text-decoration:none; color:#000; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

#menu a:active {text-decoration:none; font-family:"courier new", "sans serif"; display:block; width:65px; height:20px; font-size:14px; font-weight:bold; line-height:20px;}

.mleft {position:relative; float:left; top:0; width:0; height:0; border-bottom:20px solid #e09222; border-left:20px solid #fff; overflow:hidden;}
.mright {position:relative; float:left; top:0; width:0; height:0; border-left:20px solid #e09222; border-bottom:20px solid #fff; overflow:hidden;}
.mmid {position:relative; float:left; top:0; width:25px; height:20px; background:#e09222; overflow:hidden;}
.mid1, .mid2, .mid3, .mid4 {width:0; height:0; position:absolute; border-left:5px solid #e09222; border-bottom:5px solid #fff; overflow:hidden;}
.mid5, .mid6, .mid7, .mid8 {width:0; height:0; position:absolute; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}
.mid1 {left:15px; top:0;}
.mid2 {left:10px; top:5px;}
.mid3 {left:5px; top:10px;}
.mid4 {left:0px; top:15px;}

.mid5 {left:20px; top:0;}
.mid6 {left:15px; top:5px;}
.mid7 {left:10px; top:10px;}
.mid8 {left:5px; top:15px;}

.boxx {position:relative; float:left; top:0; width:25px; height:20px; background:#fff; overflow:hidden;}
.boxx1, .boxx3, .boxx5, .boxx7 {float:left; height:0; border-right:5px solid #fff; border-top:5px solid #e09222;overflow:hidden;}
.boxx2, .boxx4, .boxx6, .boxx8 {float:left; height:0; border-bottom:5px solid #e09222; border-left:5px solid #fff; overflow:hidden;}

.boxx1 {width:15px;}
.boxx2 {width:0;}
.boxx3 {width:10px;}
.boxx4 {width:5px;}
.boxx5 {width:5px;}
.boxx6 {width:10px;}
.boxx7 {width:0;}
.boxx8 {width:15px;}