body{margin:0; background:#004e70; color:#000; font:9px/13px Arial, Helvetica, sans-serif; }

img{border-style:none;}
a{color:#000;}
a:hover{text-decoration:none;}

#wrapper{width:1000px; background-color:#fff; margin:0 auto; padding:0 0 30px; }
#header{width:100%; }
.navbar-holder{width:100%; overflow:hidden; border-bottom:7px solid #008da9; padding:0 0 7px; }
.navbar{margin:0; padding:10px 0 0; list-style:none; float:right;}
.navbar li{float:left; font:11px/16px Arial, Helvetica, sans-serif; font-weight:bold; color:#ce4553; margin:0 16px 0 0; }
.navbar a{text-decoration:none; color:#ce4553; letter-spacing:-0.2px;}
.navbar a:hover{text-decoration:underline;}
.box{width:1000px; overflow:hidden;}
.box ul{margin:6px 0 0; padding:0; list-style:none; float:right; overflow:hidden;}
.box li{float:left; margin:0 0 0 4px; }
.logo{background:url(images/bg-logo.gif) no-repeat; margin:4px 0 0 22px; overflow:hidden; width:326px; height:88px; float:left; text-indent:-9999px;}
.logo a{width:326px; height:88px; display:block; }

#nav{width:979px; margin:0; padding:6px 0 6px 21px; background:#008da9; position:relative; z-index:5; }
/*#nav li{font:bold 12px/13px "Times New Roman", Times, serif; padding:0 30px 0 0; float:left; height:25px; display:table-cell; vertical-align:middle; text-align:center;  }
#nav a{color:#fff; text-decoration:none; }
#nav a:hover{text-decoration:underline;}
*/
.nav-box{overflow:hidden; background:url(../images/bg-navbar.gif) repeat-x; height:29px; padding:20px 0 0;}
.nav-box span.title {font:bold 10px/12px Arial, Helvetica, sans-serif; color:#008da9; float:left; margin:0 0 0 43px;}
.nav-box ul{margin:0; padding:1px 0 0; list-style:none; overflow:hidden;}
.nav-box li{float:left; font:italic bold 10px/12px Arial, Helvetica, sans-serif; color:#008da9; padding:0 0 0 18px; }
.nav-box a{color:#008da9; text-decoration:none; }
.nav-box a:hover{text-decoration:underline;}


#main{width:100%; overflow:hidden; position:relative; background:url(../images/bg-line-main.gif) repeat-x 0 100%; padding:0 0 7px; z-index:3; }
.holder {width:100%; overflow:hidden; background: url(../images/bg-holder.gif) repeat-y 100% 0;	}

.w-sidebar {background:url(../images/w-main.gif) repeat-y; width:100%; padding:28px 0 0;}
#twocolums{width:778px; overflow:hidden; float:left;}
#sidebar{width:285px; overflow:hidden; float:left;}
#sidebar h2{margin:0; color:#008da9; font:12px/14px "Times New Roman", Times, serif; margin:0 0 0 46px; }
#sidebar .topp{color:#008da9; font:12px/14px; margin:0 0 0 46px; width:190px;}
.block{width:216px; border-top:2px solid #77c0d2; overflow:hidden; color:#008da9; font:8px/10px Arial, Helvetica, sans-serif; padding:4px 0 4px 20px;}
.block img{float:left; margin:5px 0px 5px 0; display:inline; }
.block img.cjm{float:left; margin:5px 0px 10px 0; padding-bottom:8px; display:inline; }
.block strong{}
.block p{margin:0; padding:0 0 1px; overflow:hidden; line-height:9px; font-size:9px;}
.text-holder{float:left; width:125px; padding:0 0 0 33px; margin:0 0 0 -20px; }
.partner-box {background:#77c0d2 url(../images/bg-t-partner-box.gif) no-repeat; color:#fff; font-size:11px; font-family:"Times New Roman", Times, serif; padding:12px 8px 10px 16px; width:261px; margin:0;}
.partner-box span {display:block;}
.partner-box strong {color:#ce4553; font-size:13.5px; line-height:13px; font-family: Helvetica, Arial, sans-serif; display:block; margin:0 0 7px; font-weight:bold; }
span.title-list {padding:0 0 0 10px; display:block;}
ul.partner-list {list-style:none; margin:0; padding:0 0 0 3px;}
ul.partner-list li {background: url(../images/bg-list-partner.gif) no-repeat 0 5px; padding:0 0 0 5px; }
ul.partner-list a {color:#fff; text-decoration:none;}
ul.partner-list a:hover {text-decoration:underline; }


#content{overflow:hidden; width:490px; min-height:500px;}
* html #content {height:500px;}
.box-info {position:absolute; bottom:7px; width:487px; overflow:hidden; font-size:18px;	line-height:24px; font-family:"Times New Roman", Times, serif; font-style:italic; font-stretch:condensed;}
.box-info blockquote {width:280px; margin:0; padding:57px 0 0 28px;}
.box-info blockquote div.txt {margin:0;  }
.box-info blockquote .autor {float:right; font-style:normal; margin:0 37px 0 0;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}

.box-info img {float:right; margin:0 0 0 -134px;}

#column {float:left; padding:0 5px 10px 3px; width:204px; margin:-3px 0 0; position:relative;}
.box-area {border-top:3px solid #77c0d2; font-size:10px; line-height:13px; padding:8px 9px 0 12px; }

.box-area a:link{color:#000}
.box-area a:hover {text-decoration:underline;}
.box-area ul {margin:0 0 10px; padding:0; list-style:none; overflow:hidden; width:100%;}
.box-area ul li {background: url(../images/bg-box-list.gif) no-repeat 0 4px; padding:0 0 0 8px; float:left; }
.box-area ul li a {text-decoration:none; color:#000; }
.box-area h3 {margin:0; padding:0 0 5px; text-align:center;	font:bold 12px/18px Arial, Helvetica, sans-serif;}
.box-area h3.marked1 a {color:#008da9;}
.box-area h3.marked a {color:#ce4553;}
.box-area p {padding:0 0 10px; margin:0;}
.box-area p a {text-decoration:none;}
.block-info {width:100%; overflow:hidden; margin:0 0 17px;}
.block-info img {float:right; border:1px solid #66b9cb; margin:0 9px 0 7px;}
.block-info a {text-decoration:none; float:right;}
.info-img {height:1%; overflow:hidden;}

#footer{width:1000px; overflow:hidden; text-align:center; padding:5px 0 0; font-size:11px; color:#ce4553;}
#footer strong {font-weight:normal; margin:0 0 5px; display:block;}
ul.partners {margin:0; padding:0; list-style:none;}
ul.partners li {background: url(../images/separator-footer.gif) no-repeat 0 2px; padding:0 2px 0 6px; display:inline;}
ul.partners li:first-child {padding-left:0; background:none;}


/*Level2*/
.holder2 {width:100%; overflow:hidden; }
#content2{width:694px; float:left; padding:25px 0 0 0; font:12px/17px Arial, Helvetica, sans-serif;}
#content2 h2{color:#008DA9; font-size: 20px; line-height:1.5;}
#content2 h3{color:#008DA9; font-size: 22px; margin-bottom:10px;}
#content2 h4{color:#CE4553; font-size: 16px; margin:10px 0px;}
#content2 h5{color:#008DA9; font-size: 14px; margin-bottom:0;}

#content2 p{margin:0px 0px 10px 0px;}
#content2 a{color:#008DA9; text-decoration:none;}
#content2 a:hover{color:#008DA9; text-decoration:underline;}


/*EMPLOYEE */

.employeelogo{background:url(images/employeelogo.jpg) no-repeat; margin:4px 0 0 22px; overflow:hidden; width:344px; height:88px; float:left; text-indent:-9999px;}
.employeelogo a{width:326px; height:88px; display:block; }

.supervisorlogo{background:url(images/supervisorlogo.jpg) no-repeat; margin:4px 0 0 22px; overflow:hidden; width:344px; height:88px; float:left; text-indent:-9999px;}
.supervisorlogo a{width:326px; height:88px; display:block; }

#sidebar2{width:285px; overflow:hidden; float:left;}
#sidebar2 h5{margin:0; color:#008da9; font-size:12px;}
#sidebar2 .topp{color:#008da9; font:12px/14px; margin:0 0 0 46px; width:190px;}
.w-sidebar2 {background:url(../images/w-main.gif) repeat-y; width:265px; padding:28px 10px 0 10px;}









/*MAIN MAVIGATION*/
/* 
  -----------------------------------
  Pop Menu Magic 2
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme: 03 - Greystone
  -----------------------------------
*/

/*Menu Outer Wrapper*/
.p7PMMh03 {
	width: auto;
	margin: 0 auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: left;
	line-height: 13px;
	font-weight:bold;
}
/*Hide Sub-Menu in Design View*/
.p7PMMh03 ul div {
	display: none;
}
/*
TOP LEVEL MENU
*/
.p7PMMh03 ul {
	margin: 0;
	padding: 0;
}
.p7PMMh03 li {
	list-style-type: none;
	float: left;
	width: auto;
}
/* Hide from IE5 Mac \*/
.p7PMMh03 li {width: auto;}
/*End Hiding*/

/*Top Level Links*/
.p7PMMh03 a {
	display: block;
	text-decoration: none;
	padding: 10px;
	color: #fff !important;
	text-align: left;
}
.p7PMMh03 a:hover {
	color: #FFF !important;
}
/*
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
*/
.p7PMMh03 ul a.pmmfirst {
}
.p7PMMh03 ul a.pmmlast {
}
.p7PMMh03 ul li.pmmfirst {
}
.p7PMMh03 ul li.pmmlast {
}
/*First Sub Level*/
.p7PMMh03 ul ul {
	z-index: 10000;
	background-color: #008da9;
	width: 225px;
	border: 1px solid #fff;
	
}
.p7PMMh03 ul ul li {
	float: none;
	background-image: none;
}
.p7PMMh03 ul ul a {
	padding: 4px 16px;
	color: #FFF !important;
	border-right: 0;
	background-image: none;
	text-align: left;
	overflow: hidden;
}
.p7PMMh03 ul ul a:hover {
	color: #FFF !important;
	background-image: none;
}
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh03 ul ul ul {
	border-top: 1px solid #555;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #555;
}
/*
SPECIAL IMAGE-BASED RULES
*/
.p7PMMh03 img {
	border: 0;
}
.p7PMMh03 .p7PMM_img {
	padding: 0;
	border: 0;
	background-image: none;
	background-color: transparent;
}
/*
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
*/

/*Sub Level*/
.p7PMMh03 ul a.trig_closed, .p7PMMh03 ul a.trig_closed_left {
	
}
.p7PMMh03 ul a.trig_closed_up {
	
}
.p7PMMh03 ul li.trig_open {
	color: #990000 !important;
	
}
.p7PMMh03 ul a.trig_open {
	color: #FFF !important;
}
.p7PMMh03 ul a.trig_open_up {
	color: #FFF !important;
}
.p7PMMh03 ul ul a.trig_closed {
	}
.p7PMMh03 ul ul a.trig_closed_left {
	}
.p7PMMh03 ul ul a.trig_open {
	color: #FFF !important;
}
/*The Current Marker (You are here) links*/
.p7PMMh03 .current_mark {
	font-weight: bold;
	color: #FFF !important;

}
.p7PMMh03 ul ul .current_mark {
	color: #FFF !important;
}

/*
Utility Rule used for Clearing floats in Horizontal Menus
*/
.p7pmmclearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}