@charset "utf-8";
/* CSS Document */

body {
background:#797979;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
behavior:url("css/csshover.htc");
}


h1 {
color:#009597;
font-size:20px
}
h2
{ 
color:#60bcb7;
font-size:14px;
font-weight:bold;
margin:30px 0 10px 0
}
h3 {
color:#009597;
font-weight:normal;
font-size:10px;
font-weight:bold;
margin:0
}
h4 {
color:#009597;
font-weight:normal;
font-size:18px
}
h5 {
color:#009597;
font-size:20px;
display:inline;
margin:0;
padding:0;
float:left
}
h6 {
background:#eaeaea;
font-size:14px;
color:#60bcb7;
margin:0;
height:36px;
line-height:36px;
padding: 0 10px;
}

u {
text-decoration:none;
}


b
{ 
color:#60bcb7;
}
p {
color: #999999
}
img {
border:none
}

#page_container {
position:relative;
	margin:auto;
	padding:0;
	width:1086px
}
#page_crown {
position:relative;
height:70px
}
#page_crown span {
position:absolute;
display:inline-block;
bottom:14px;
right:0px;
}
#page_crown a {
color:#FFF;
text-decoration:none;
border-right:1px solid #959595;
padding:0px 10px
}
#page_crown a:hover {
text-decoration:underline
}
#page_crown a.last {
padding-right:0;
border:none
}
#content_wrapper {
border:1px solid #000000;
background:#fff;
margin-bottom:30px
}
#page_header {
height:101px;
background: url(../images/header_bgr.jpg) no-repeat right; text-align:left
}
#page_menu {
text-align:center;
height:36px;
background:#939598;
color:#FFF;
line-height:36px;
position:relative;
z-index:900
}

#page_content {
padding:0 17px;
background:white url(../images/content_bgr.gif) repeat-x;
text-align:left;
}
#gradient_bar {
background:white url(../images/content_bgr.gif) repeat-x;
height:30px
}
#page_footer {
border-top:1px solid #CCCCCC;
padding:17px;
color:#959595;
clear:left
} 
#page_footer a {
color:#959595;
text-decoration:none;
padding:0px 10px
}
#page_footer a:hover {
text-decoration:underline
}
#page_bgr {
background:url(../images/page_bgr.gif) repeat-x;
text-align:center; height:auto
}
#holder {
border:1px solid #ccc;
background:#fff;
}
.main {
width:681px;
height:288px
}
#left_column {
width:683px;
float:left;

}
#left_column p {
line-height:20px
}

#left_column p a, .ul_two a, .ul_one a.arrow { 
	padding: 0 18px 0 0; text-decoration:none;
	display:inline-block;
	background: transparent url(../images/sm_arrow.gif) no-repeat center right;
}


#left_column p a.email, .email { 
	padding: 4px 18px 5px 0; 
	background: transparent url(../images/email.gif) no-repeat center right;
}

#left_column a, #left_column a:active, #left_column a:visited {
color: #40d6c9;
}
#left_column a:hover, #left_column p a:hover {
color:#555;
text-decoration:underline
}

.small {
font-size:10px
}

.mar_bot {
margin-bottom:18px
}

.mar_top_zero {
margin-top:0
}

.float_right {
float:right
}
.arrowlistmenu{
width: 280px; /*width of accordion menu*/
background:#f8f8f8;
float:right
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background:#eaeaea;
font-size:14px;
color:#959595;
font-weight:normal;
margin:0;
height:36px;
line-height:36px;
text-transform: uppercase;
padding: 0 10px; /*header text is indented 10px*/
cursor: pointer;
border:1px solid white
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul,.categoryitems{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
 /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background:#f8f8f8 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #eaeaea !important;
}

.arrowlistmenu ul li a{
color: #959595;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
height:20px;
line-height:20px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid white;
}

.arrowlistmenu ul li a:visited{
color: #959595;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}


.arrowlistmenu ul li a.a2_acc,.categoryitems a.a2_acc { 
 text-align:right;
 display:block;
 padding:3px 15px;
 color:#959595;
 text-decoration:none;
 background:white 
}

.arrowlistmenu ul li a.a2_acc:hover,.categoryitems a.a2_acc:hover {
color:#40d6c9;
background:white 
}

.arrowlistmenu ul li span.span_acc,.categoryitems span.span_acc {
font-size:10px;
background:url(../images/sm_arrow2.gif) no-repeat 0px 3px;
padding-left:10px
}

.arrowlistmenu ul ul li,.categoryitems li.noexpand{ 
background-color: white;
margin:0;
border-bottom:1px solid #f0f0f0; font-size:10px;
height:auto; line-height:12px
}
.arrowlistmenu ul ul li a,.categoryitems li.noexpand a{
padding:7px 19px; background:url(../images/sm_arrow2.gif) no-repeat 10px 12px;
height:auto; line-height:15px
}

.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
margin-top:12px;
}
.statusicon_2{ /*CSS for icon image that gets dynamically added to headers*/
float:right;
margin-top:8px;
margin-right:15px
}
.arrowlistmenu img {
border:none
}
.list, .ul_one
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.list li b
{ 
background: url(../images/arrow.gif) no-repeat 0 .4em;
padding-left:1em;
color:#60bcb7;
}
.ul_one li {
background: url(../images/arrow.gif) no-repeat 0 .6em;
}
.ul_one li, .ul_two li {
padding-left:1em;
color:#999999;
margin:0 5px 5px 0;
line-height:20px
}
.ul_two {
list-style: none;
margin:18px 0 18px 0;
padding:10px;
background:#f8f8f8;
}
.ul_two li {
background: url(../images/arrow_grey.gif) no-repeat 0 .6em;
}
.ul_box { margin:0; padding:0;
height:170px; list-style:none; float:left; width:226px; border:1px solid #eaeaea; border-right:none
}
.ul_box#last {
border-right:1px solid #eaeaea;
}
.ul_box li { margin:0; padding:0; color:#60bcb7;
font-size:14px;
font-weight:bold;
}
.ul_box ul {list-style:none; background:white; margin:0; padding:5px; 
}

.ul_box ul li {list-style:none; background:white url(../images/arrow.gif) no-repeat 0 .6em; color: #999999; font-weight:normal; line-height:20px; font-size:12px; padding-left:1em; margin-left:5px

}

.arrow_down {
background: url(../images/arrow_down.gif) no-repeat 2.5em 0; height:9px;
}
.arrow_down2 {
background: url(../images/arrow_down2.gif) no-repeat 2.5em 0; height:9px;
}
.box_2 {
background:#f4fbfa
}

	
/* These styles create the dropdown menus. */
#navbar {
	margin: 0;
	padding: 0;
	height: 1em;
	font-size:14px;
	margin-left:150px;
	}
#navbar span {float:left}
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 0 18px;
	color: #fff;
	text-decoration: none; }
#navbar li ul {
	display: none;
	}
#navbar li ul.one {
width:19em; }
#navbar li ul.two {
width:13em; }
#navbar li ul.three {
width:23em; }
#navbar li ul.four {
width:12em; }
#navbar li ul.five {
width:13em; }
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li li {
background:#939598; margin-left:4px;
	border-bottom:1px solid #CCC;
	
	}
#navbar li:hover li, #navbar li.hover li {
	float: none; height:20px; line-height:20px; text-align:left; font-size:12px; }

#navbar li li a:hover {
display: block;
	background-color: #ccc;
	color: #666666 }

#navbar li li a {
display: block;

 }
#feed td{
 padding:7px 19px; 
 border-bottom:1px solid #f0f0f0;
 background:white url(../images/sm_arrow2.gif) no-repeat 10px 12px; 
}
#feed td:hover,#feed td a font:hover,#feed td li font:hover {
 background-color:#f3f3f3;
}
#feed td li {
   padding:0;
   margin:0;
   border:none;
   list-style:inside;
   display:inline;
background: none;

}
   

#feed td li a,#feed td a{
	border:none; padding:0; margin:0;
	color:#959595;
	font-size:10px;
	background-image:none	
}

#feed td li a font,#feed td a font,#feed td font {
color:#959595;
background: inherit;
margin:0;
padding:0;
font-size:10px;
}