* {margin:0; padding:0}
body {font:14px Helvetica, sans-serif; font-weight:bold; background:#ACB5FF}
.menu {position:relative; height:24px; width:210px}
.menu ul {list-style:none; z-index:3; position:relative; z-index:100; padding:3px 0px}
.menu li {float:left}
.menu a, .menu a:active {text-decoration:none; color:#000000; padding:13px}
.menu a:visited {color:#0000ff}
.menu a:hover {color:#ff0000}
#slide {position:absolute; bottom:0; height:6px; background:#00ff00; z-index:10}

a {text-decoration:underline; color:#2b53a6}
a:hover {text-decoration:none; color:#ff53a6}
a:visited {text-decoration:none; color:#ff53a6}

a:hover{ color:#f00;} 
a img{
padding:1px;
border-bottom:#EEEEEE solid 1px;
border-top:#EEEEEE solid 1px;
border-left:#EEEEEE solid 1px;
border-right:#EEEEEE solid 1px;
}
a:hover img{
border-bottom:#FF9C99 solid 1px;
border-top:#FF9C99 solid 1px;
border-left:#FF9C99 solid 1px;
border-right:#FF9C99 solid 1px;
}

.p_bar {
	CLEAR: both; MARGIN: 0px 0px
}
.p_bar A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-DECORATION: none
}

.p_bar2 {
	CLEAR: both; MARGIN: 0px 0px
}
.p_bar2 A {
	PADDING-RIGHT: 16px; PADDING-LEFT: 16px; FONT-SIZE: 13px; FLOAT: left; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-DECORATION: none
}

.p_input {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; WIDTH: 40px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 15px
}

.p_total {
	BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f6ef
}

.p_pages {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; BORDER-LEFT: #cccccc 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f6ef
}

.p_num {
	BORDER-RIGHT: #dedeb8 1px solid; BORDER-TOP: #dedeb8 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #dedeb8 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #dedeb8 1px solid; BACKGROUND-COLOR: #ffffff
}
A.p_num:hover {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #bbbbbb; TEXT-DECORATION: none
}

.p_redirect {
	BORDER-RIGHT: #dedeb8 1px solid; BORDER-TOP: #dedeb8 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #dedeb8 1px solid; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #dedeb8 1px solid; BACKGROUND-COLOR: #ffffff
}
A.p_redirect:hover {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #f6f6ef; TEXT-DECORATION: none
}

.p_curpage {
	BORDER-RIGHT: #dedeb8 1px solid; BORDER-TOP: #dedeb8 1px solid; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; BORDER-LEFT: #dedeb8 1px solid; COLOR: #000000; MARGIN-RIGHT: 1px; BORDER-BOTTOM: #dedeb8 1px solid; BACKGROUND-COLOR: #4494C3
}


/* =navigation */
#flexnav{
	clear:both;
	font-weight:normal;
	color:#666;
	margin-left:48px;
	float:left;
	list-style-type:none;
}
#flexnav li{
	list-style-type:none;
	float:left;
	border-bottom:1px solid #999;
	background:#c0c0c0 url('tabgrey.gif') no-repeat top left;; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:0; padding-top:0px; padding-bottom:0
}
#flexnav li a{
	color:#666;	
	background:url('tabgrey.gif') no-repeat top right;
	display:block;
	line-height:18px; padding-left:0; padding-right:10px; padding-top:2px; padding-bottom:0
}
#flexnav li a:link,
#flexnav li a:visited{
	color:#000;
	text-decoration:none;
}
#flexnav li a:hover,
#flexnav li a:active{
	color:#ff0000;
	text-decoration:none;
}
#flexnav li.cur,
#flexnav li.over,
#flexnav li:hover
{
	background:#3375b2 url('tabblue.gif') no-repeat top left;
	border-bottom:1px solid #036
}
#flexnav li strong,
ul#flexnav li.cur a,
ul#flexnav li.over a,
ul#flexnav li:hover a
{
	display:block;
	color:#ff0000;
	line-height:18px;
	text-decoration:none;
	background:url('tabblue.gif') no-repeat top right;; padding-left:0; padding-right:10px; padding-top:2px; padding-bottom:0
}

/* Nav
================================================*/

#nav{
	height: 40px;
	width: 100%;
	background: #2F2329 url(nav_bg.gif) repeat-x 0px 0px;
}

#nav .menu{
	height: 40px;
	width: 721px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
}

#nav .menu li{
	padding: 0px;
	margin: 0px 2px 0px 0px;
	float: left;
	display: inline;
}

#nav .menu li a{
	display: block;
	padding: 0px 25px;
	background: #FFFAF7 url(nav_bg.gif) repeat-x 0px -40px;
	height: 40px;
	line-height: 300%;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	font-size: 100%;
	float: left;
}

#nav .menu li a:visited{
	color: #fff;
}

#nav .menu li a:hover{
	color: #000;
	background: #DFD8D5 url(nav_bg.gif) repeat-x 0px -80px;
}

#nav .menu li.here a{
	color: #000;
	background: #D8000C url(nav_bg.gif) repeat-x 0px -120px;
}

#nav .menu li.here a:visited{
	color: #000;
}

#nav .menu li.here a:hover{
	color: #000;
	background: #D6000A url(nav_bg.gif) repeat-x 0px -120px;
}


.chromestyle{
width: 100%;
font:normal 14px Verdana;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
border-left: 1px solid #DADADA;
}

.chromestyle ul li a.current{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-current.gif) center center repeat-x; /*THEME CHANGE HERE*/
font-weight: bold;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 160px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
