.bottomarea{
    background: #FFFFFF;
    border: 1px solid #BBD1E2;
    color: #000;
    margin: 0 auto;
    padding: 1em;
    width: 740px;
	height:
}

.toproll {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top: 5px;
	margin-right: 10px;
}
.toproll a {
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
.toproll a:hover {
color:#336600;
}

.toproll a:visited {
	color: #000099;
}

a.main_link:active,a.main_link:visited,a.main_link:link{
	font-weight: normal;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
a.main_link:hover{
	background-color:#BCBD81;
	color: #000000;
	height:30px;
	}

.topheader {
font:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
    color:#FFFFFF;
    margin: 0 auto;
    padding: 1em;
	height: 130px;
    width: 740px;
}

*{padding:0px; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:740px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}

/* --- START COPY here --- */


/* HEADER */
.header {width:740px; font-family:"trebuchet ms",arial,sans-serif;}


.header-top {width:740px; height:80px; background:rgb(240,240,240) url(img/bg_head_top2.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


.header-middle {width:740px; height:150px; background:rgb(230,230,230) url(img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


.header-bottom {
	width: 712px;
	height:50px;
	color: #cacfd2;
	border-left-color:#cacfd2;
	border-left-style: solid;
	border-left-width:9px;
	border-right-color:#cacfd2;
	border-right-style: solid;
	border-right-width:9px;
	background-color:#efeee9;
}

#shadow{
	width: 730px;
	height:20px;
position:
;
	position: absolute;
}


.header-breadcrumbs {clear:both; width:740px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255); background-image:url(img/bg_head_breadcrumbs.jpg) repeat-y;}


/*************/
/*  2. HEAD  */
/*************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}


.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important /*Non-IE6*/; margin-left:553px /*IE6*/;}
.nav0 ul {float:right; padding:0 20px 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px;}
.nav0 a:hover {text-decoration:none;}
.nav0 a img {height:14px; border:none;}


.nav1 {width:350px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}


.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}


/*Drop-down menu*/
.nav2 {	float:left; width:702px; height:30px; background-image:url(img/bg_head_bottom_nav.jpg) no-repeat; font-size:100%; border:#635e40 thick solid; border:#635e40 thick solid; background-color:#958f6b;} /*Color navigation bar normal mode*/





.nav2 ul {list-style-type:none;}


.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-bottom-color:#666600; border-bottom-width:thick;}


.nav2 ul li a {
	float:none !important /*Non-IE6*/;
	float:left /*IE-6*/;
	display:block;
	height:40px;
	line-height:3.1em;
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}


.nav2 ul li ul {display:none; border:none;}


/*Non-IE6 hovering*/
.nav2 ul li:hover a {background-color:#BC9E9C; text-decoration:none; } /*Color main cells hovering mode*/



.nav2 ul li:hover ul {
	display:block; 
	width:8.0em; 
	position:absolute; 
	z-index:999; 
	top: 3.5em; /*height of pink color hover*/
	margin-top:0em; 
	left:0;}



/*key style for drop menus*/
.nav2 ul li:hover ul li a {
	display:block; 
	width:8.0em; 
	height:auto; 
	line-height:1.3em; 
	margin-left:-1px; 
	padding:4px 16px 4px 16px; 
	border-left:solid 1px #000000; 
	border-right:solid 1px #000000; 
	border-bottom: solid 1px #000000; 
	background-color:#7b7761; 
	font-weight:normal; color:#FFFFFF;
	} /*Color subcells normal mode*/



.nav2 ul li:hover ul li a:hover {background-color:#BC9E9C; font:Verdana, Arial, Helvetica, sans-serif; color:#333333;} /*Color subcells hovering mode*/




/***********************************/
/*  7. PRINTING and MISCELLANEOUS  */
/***********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.header-breadcrumbs {width:900px; background:transparent;}}

