/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {
	line-height: 1;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* @end Reset */

/* @group Typography Helper Styles */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Headings */

strong,
em,b,
i,
abbr,
h1,h2,h3,h4,h5,h6 {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	margin: 1.2em 0;
}




p {
	margin: 7px 0px;
}

pre {
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	white-space: normal;
}




/* Structure 
====================== */

.topbar h1 {
	position: relative;
	padding: 0px;
	margin: 0px;
}

.topbar {
	position: relative;
	width: 100%;
}
.topbar h1 span a {
	float:left;
	height: 90px;
	width: 750px;
	text-decoration:none;
	text-indent:-9999px;
}
#outerwrap {
	background:url(../images/bg.png) repeat-x top;
	height: 558px;
}
#midwrap {
	background: url(../images/midbg.jpg) no-repeat;
	z-index: 1000;
}
#wrap {
	padding-top: 98px;
	background: url(../images/bg2.png);
	width: 800px;
}

#main-body {
	width: 800px;
	height: 370px;
	background: url(../images/contentbg.png) no-repeat;
	
}

#content {
	float: left;
	width: 348px;
	height: 210px;
	padding-top: 140px;
}
#leftnav{
	padding-top: 40px;
	text-align: right;
	width: 250px;
}
#contentright {
	float: right;
	width: 450px;
	background: #00FF00;
	height: 360px;
}
#portright {
	float: right;
	width: 450px;
	height: 360px;
	overflow: hidden;
}
#innercontent {
	margin-right: 44px;
	margin-bottom: 44px;
	margin-left: 44px;
}
#innerscroll{
	overflow: auto;
	height: 250px;
	margin-top: 70px;
}
#main-body .inside{
	padding:20px 50px;
}




/* MID Navbar 
======================*/

div#midnav {
	color:#ffffff;
	text-align: right;
	width: 250px;
}
#midnav ul {
	
	margin:0;
	padding:0;
}

	#midnav li {
	display:block;
	padding:0 0 5px;
	margin:0;
	list-style: none;
	}
	#midnav a:link,#midnav a:visited {
	color:#ffffff;
	width:auto;
	text-decoration:none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;	
	}
	#midnav a:hover {
	color:#999900;
	
	}
	#midnav li:first-child a {
	}


/* @end Navbar */



#headerleader  {
	margin: 0;
	padding: 0;
}

/* Footer 
==========================*/

#footer {
	float:right;
	padding-top: 10px;
}
#footericon{
float:left;
margin-left:25px;}
#footer #mainlevel{
	float:right;
	padding-right:20px
}

#footer #mainlevel ul {
	cursor: default;
	display: inline;
	list-style-type: none;
	color:#cccccc;
	text-align:right;	
}

#footer #mainlevel li {
	cursor: default;
	display: inline;
	list-style-type: none;
}
#footer #mainlevel a{
	color:#cccccc;
}#footer #mainlevel a:hover{
	color:#333333;
}