/* CSS Document */
html, body {height:100%; width:100%; margin:0px; padding:0px; }
body {
	behavior: url(csshover2.htc);
	font-family:Verdana, Verdana, Geneva, sans-serif;
	font-size:11px;
	line-height:1.2em;
	color:#000;
	background:#fff;
	}

	/* clear default styles and browser fixes
--------------------------------------------------------------*/
* {margin:0px; padding:0px;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code,p { font-size:1.1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {font-size:1.1em; margin:0; padding:0 }
a img,:link img,:visited img { border:none }
/*------------------------------------------------------------*/


a {color:#000 text-decoration:none}
a:hover {text-decoration:none}
a, a:hover, a:active, a:visited {outline:none}
table {width:100%; border-collapse:collapse;}
center {position:absolute; left:-10000px; height:0px; width:0px; overflow:hidden;}
	/* begin custom style
--------------------------------------------------------------*/

#main {
	position:relative;
	width:995px;
	margin:0px auto 0px auto;
	font-size:12px;
	padding:60px 0 10px 0;
	}
#contentwrap {position:relative; width:100%;}

#leftmenu {position:absolute; top:0px; left:0px; width:100%; padding:0 0px 0 0; z-index:10;}
#leftmenu ul {position:absolute; left:0px; top:0px; width:100%;}
#leftmenu ul ul {display:none; position:absolute; left:209px; top:0px; width:770px;}
#leftmenu ul ul ul {display:none; position:absolute; left:295px; top:0px;width:470px;}
#leftmenu .lvlpdet {position:absolute; right:20px !important; left:auto !important; top:0px; width:255px;}
#leftmenu .lvlpdet li {}

#leftmenu li {text-align:left; font-size:10px; line-height:16px !important;}
#leftmenu a {color:#000; text-decoration:none; text-transform:uppercase; font-size:10px; line-height:16px !important;  padding-left:0px;}
#leftmenu li a:hover {font-weight:bold}
#leftmenu li a.inac1 {color:#999; cursor:default}
#leftmenu li a.inac1:hover {font-weight:normal}

ul.level1 li,ul.level2 li,ul.level3 li,ul.level4 li {margin:0px!important; padding:2px 0 3px 0 !important;}


#contentholder {position:absolute; z-index:15; top:160px; left:0px; width:640px; height:360px; background:url(../images/design/bg_dvaa.gif) no-repeat left top;}


#pages {position:absolute; top:160px; left:0px; width:640px; min-height:370px; background:white; z-index:16;	}


.prcontent {position:relative; float:left; }
.prcontent li {
	margin:0px;
	padding:0px;
	text-align:left;
	line-height:24px;
	}
.prcontent li:hover {
	font-weight:bold
	}
.prcontent li a {
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	line-height:18px;
	vertical-align:top;
	padding-left:12px;
	}

#pcontent a {
	color:#000 !important;
	text-decoration:none;
	}



#imgcontent {position:absolute; z-index:17; top:135px; left:0px; width:640px; height:480px; text-align:right; color:#000; background:white; font-size:9px; }
#imgcontent a {
	color:#000;
	text-decoration:none;
	text-transform:uppercase;
	font-size:8px;
	line-height:18px;
	vertical-align:top;
	padding:0 2px;
	}
#imgcontent a:hover {
	text-decoration:underline
	}
#imgcontent .imgwrap {display:none; position:absolute; top:25px; left:0px; width:auto; height:auto !important; text-align:left; overflow:hidden; background:white;}
.imgwrap .leftarrow { position:absolute; display:block; background:url(../images/bg_1x1trans.gif); left:0px; top:0px;  width:50%; min-height:100%; height:400px !important; z-index:101; cursor:pointer}
.imgwrap .rightarrow { position:absolute; display:block; background:url(../images/bg_1x1trans.gif); left:50%; top:0px; width:50%; min-height:100%; height:400px !important; z-index:102; cursor:pointer}
.imgwrap img {}


#footer {position:relative; margin-top:-20px;}
#footer img {padding-left:280px;}


	/* general classes
--------------------------------------------------------------*/
.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}

.small {font-size:10px; font-weight:bold}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.red {color:red}
.gray {color:#333}
.white {color:#fff}

.fl_left {float:left}
.fl_right {float:right}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}