@charset "utf-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #f0f0f0;

}
#wrapper { 
	width: 990px; 
	margin: 0 auto; 
	border: none;
	padding: 5px;
	background: #fff;
} 

#wrapper_popup { 
	width: 600px; 
	margin: 0 auto; 
	border: none;
	padding: 5px;
	background: #fff;
	text-align: left;
} 



#container { 
	width: 960px; 
	margin: 0 auto; 
	border: none;
	padding: 0 15px 0 15px; /* content area 960px; */
	text-align: left;
	background: url(../_images/bg_page.gif) right top no-repeat;
}

#header { 
	height: 102px; /* 130 */
	padding-top: 28px;
} 

#topbar1 {
	height: 18px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ec008b;	
}
#topbar2 {
	padding-top: 5px;
	height: 25px;	
}


#topbar2 a,
#topbar2 a:link,
#topbar2 a:visited,
#topbar2 a:hover,
#topbar2 a:active { color: #ec008b; font-weight: bold; text-decoration: none;}
#topbar2 a:hover {color: #666;} 


#topleft {
	margin: 0 360px 0 0; /* 202 + 68*/
	font-size: 80%;
	color: #ec008b;
}

#topright {
	float: right; 	width: 360px; text-align: right;	
	font-size: 90%;
	color: #ec008b;
	font-weight: bold;
}

#sidebar1 {
	float: right; 
	width: 202px; 
}
#mainContent { 
	margin: 0 240px 0 0; /* 202 + 38*/
	
} 

#mainContentFull { 
	margin: 0; /* 202 + 68*/	
} 

#footer { 
	margin-top: 20px;
	border-top: 1px solid #ec008b;
	padding: 10px 0 20px 0; 	
	font-size: 80%;
} 

.sidebox {
	width: 200px;
	border: 1px solid #cccccc;
	background: #fff;
}

.sidebox_head {
	height: 40px;
	background: #666 url(../_images/bg_sidebox_header.jpg) no-repeat;
	padding-left: 40px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 33px;
}

.sidebox_content {
	padding: 10px;
}

.sidebox_item {
	margin-bottom: 15px;
	color: #666;
}

.sidebox_highlight { font-size: 90%; font-weight: bold; }
.sidebox_text { font-size: 80%;}
.sidebox_item a,
.sidebox_item a:link,
.sidebox_item a:visited,
.sidebox_item a:hover,
.sidebox_item a:active {
	color: #ec008b;	
	text-decoration: none;
}
.sidebox_item a:hover {color: #000; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.halfleft {
float:left; width: 400px;
}

.halfright {
float:right; width: 320px;
text-align: right;
}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* navigation */

/* top navigation */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 960px; /*For KHTML*/
	list-style: none;
	height: 20px;
	}

ul#navmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 20px;
	}

ul#navmenu ul {
	margin: 0;
	border: 0 none;
	padding: 20px;
	width: 300px;
	list-style: none;
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
	background: #f0f0f0;
	}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
	}

ul#navmenu ul li {
	width: 300px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
	}

/* Root Menu */
ul#navmenu a {
	padding: 0 10px 0px 0px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
/*	color: #ec008b; */
	color: #666;	
	font-size: 80%;
	font-weight: bold;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #ec008b;
	}
#navmenu  .on {	color:  #ec008b;}


/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;	
	color: #ec008b;
	
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #000;
	
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
	display: block;
	}

/* side navigation */
	
#sidenav, #sidenav ul { /* all lists */

	padding-bottom: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;	
	font-size: 14px; 
	color: #ec008b;
}
	
#sidenav li { /* all list items */
	float: left;
	text-align: left;
	cursor: default;
	width: 200px;
	margin-bottom: 8px;
			
}	

#sidenav li a {
	display: block;
	text-decoration: none;
	color: #ec008b;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 0px 6px 10px; 
	
}
		
#sidenav li a:hover { padding: 6px 0px 6px 10px; color:  #000; }
#sidenav  .active {	color:  #000;}
#sidenav  .on {	color:  #000;}


/* second level lists */

#sidenav li ul {
	float: left;
	display: block;	
	padding: 6px 0px 6px 0px; 
} 

#sidenav li ul li {
	border: none;
}

#sidenav li ul li a {

	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	padding: 6px 0px 6px 30px;
	border: none; 	
}

#sidenav li ul li a:hover {
	padding: 6px 0px 6px 30px;
	color: #000;}

#sidenav li ul li a:active {
	
padding: 6px 0px 6px 30px;
	color: #000;
 
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #666; font-weight: normal; text-decoration: none;}
#footer a:hover {color: #ec008b;} 




/* breadcrumb links */

.breadcrumb {	
	font-weight: normal;
	padding-top: 10px;
}

.breadcrumb_inactive {
	font-weight: normal;
	color: #cccccc;
}

.criteria { padding-bottom: 5px; font-size: 80%;}

/* form styles */

.formtable { background: #f9f9f9; }

.formfieldlabel { font-weight: bold; } 

.formbutton {
font-size: 12px;
background: #ec008b;;
color: #ffffff;
border: none;
text-transform: uppercase;
font-weight: bold;
padding: 4px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
} 

input {  padding: 1px;  }
select {  padding: 1px; }

/* button styles */

.linkbutton {
width: 150px;
height: 24px;
line-height: 18px;
font-size: 12px;
font-weight: bold;
background: #ec008b;
border: none;
color: #ffffff;
padding: 2px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
} 

a .linkbutton  {	
	text-decoration: none;
	color: #ffffff;
}

.linkbutton a:link, .linkbutton a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

.linkbutton a:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.quadbutton {
width: 150px;
height: 33px;
line-height: 33px;
font-size: 16px;
font-weight: normal;
border: none;
color: #ec008b;
background: url(../_images/quadrant.gif) left no-repeat;
padding-left: 40px;
text-align: left;
} 

.quadbutton a:link,
.quadbutton a:visited,
.quadbutton a:hover,
.quadbutton a:active
{
	color: #ec008b;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

.quadbutton a:hover {
	color: #000000;
}

.headingrow {
	border-bottom: 1px solid #ec008b;
	margin-bottom: 8px;
}

/* page links */

.pagelinks {
	text-align: right;
	font-size: 90%;
	padding: 5px; 
}

.currentpage {
	font-weight: bold; color: #ec008b;	
}

/*  */