/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

fieldset,img {
	border: 0;
}

option {
	padding-left: 0.4em;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

/* page setup */
body {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color: #363B35;
	margin:0;
	padding:0;
	vertical-align:top;
	text-align:left;
	background: #2E2F2B;
}

body#page {

}

/* layout */
div#wrapper {
	width: 986px;
	margin: auto;
	overflow: hidden;
}
div#siteviewwrapper {
	width: 500px;
	margin: auto;
	overflow: hidden;
}

div#header {
	position: relative;
	background: #000000;
}

div#header .header-m {
	height: 193px;
	margin: 0px;
}

div#header .header-altcasting {
	height: 0px;
	margin: 0px 5px 0px 5px;
}

div#middle {
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 15px;
	clear: both;
	background: #E8E9E0;
}

div#middle .background {
	min-height: 140px;
	padding-top: 0px;
}

div#left {
	width: 200px;
}

div#middle .layoutleft div#left {
	float: left;
	margin-right: 10px;
}

div#middle .layoutright div#left {
	float: right;
}

div#submenu {
	width: 188px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	background: url(../images/submenu_b.png) 0 100% no-repeat;
	overflow: hidden;
}

div#main {
	width: auto;
}

div#middle .layoutleft div#main {
	margin: 0px 0px 0px 205px;
	padding: 0px 0px 0px 10px;
}

div#middle .layoutright div#main {
	margin: 0px 190px 0px 0px;
	padding: 0px 10px 0px 0px;
}

div#middle .withoutleft div#main {
	margin: 0px 0px 0px 0px;
}

div#maintop {
	margin: 0px 0px 10px 0px;
}

div#maintop .maintopbox {
}

div#maintop .maintopboxseperator {
}

div#mainmiddle {
	margin: 0px 0px 10px 0px;
}

div#main .withright {
	background: transparent;
}

div#main .withoutright {
	background: transparent;
}

div#right {
	width: 180px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div#content {
	width: auto;
	text-align: justify;
}

div#main .withright div#content {
	margin: 0px 180px 0px 0px;
	padding: 0px 10px 0px 0px;
}

div#main .withoutright div#content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#contenttop {
}

div#contenttop .contenttopbox {
}

div#breadcrumb {
	height: 19px;
	padding: 5px 0px 5px 0px;
	font-size: 90%;
	color: #646464;
}

div#mainbottom {
	margin: 0px 0px 0px 0px;
}

div#bottom {
	width: auto;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	border: 1px solid #c8c8c8;
	clear: both;
	background: #ffffff;
}

div#bottom .bottom-t {
	background: #f5f5f5;
}

div#bottom .bottom-b {
	background: url(../images/bottom_b.png) 0 100% repeat-x;
}

div#bottom .bottom-r {
	background: url(../images/bottom_r.png) 100% 0 repeat-y;
}

div#bottom .bottom-tr {
	background: url(../images/bottom_tr.png) 100% 0 no-repeat;
}

div#bottom .bottom-bl {
	background: url(../images/bottom_bl.png) 0 100% no-repeat;
}

div#bottom .bottom-br {
	min-height: 40px;
	padding: 0px 0px 2px 0px;
	background: url(../images/bottom_br.png) 100% 100% no-repeat;
}

div#bottom .bottombox {
}

div#bottom .bottomboxseperator {
	background: url(../images/bottom_sep.png) 100% 0 repeat-y;
}

div#footer {
	width: auto;
	margin: 0px 0px 0px 0px;
	clear: both;
	text-align: left;
	color: #ffffff;
}

/* clearing & floating */
.clearingfix:after {
	content: ".";
	display: block;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}

.clearingspace {
	display: block;
	line-height: 5px;
	clear: both;
}

.clearingfix { display: block; }


.floatbox { overflow: visible; }

.float-left { float: left; overflow: visible; padding-bottom: 4px; }
.float-right { float: right; overflow: visible; padding-bottom: 4px; }

.width20 { width: 19.999%; }
.width25 { width: 24.999%; }
.width30 { width: 29.999%; }
.width33 { width: 33.333%; }
.width40 { width: 39.999%; }
.width45 { width: 44.999%; }
.width50 { width: 49.999%; }
.width60 { width: 59.999%; }
.width66 { width: 66.666%; }
.width70 { width: 69.999%; }
.width75 { width: 74.999%; }
.width90 { width: 89.999%; }
.width100 { width: 100%; }