html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

a{
	text-decoration:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
/*	content: none; */
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset start our css */

body{   font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin:0; 
        padding:0; 
        text-align:center; 
        background: url('../images/bg.png') top left repeat-x;
} 

a:link {   color: #64829E;text-decoration: underline;}
a:visited {color: #64829E;text-decoration: underline;}
a:active { color: #64829E;text-decoration: underline;}
a:hover {  color: #30587C;text-decoration: underline;}
 

h1 { font-size:100%;font-weight:normal; font-family: "Myriad Pro","Century Gothic",Tahoma, Arial;
      
        font-size: 20px; 
       line-height: 140%;
        color: #30587C;
        border-bottom: 0px solid #FA9C22; 
padding-top: 10px;
    } 

	
h2 { font-size:100%;font-weight:normal; 
       font-family: "Myriad Pro","Century Gothic",Tahoma, Arial;
        font-size: 18px;
      line-height: 140%;
        color: #30587C; 
   padding-top: 10px;
    } 

ul {    list-style-image: url("../images/bullet.png");margin-left: 32px;  } 

#pagewidth{ 
	width:950px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
} 
 
#bluewrap{
 background-color:#64829E; 
}

#header{
	position:relative; 
	height:132px;  
	width:100%;
	font-size: 12px;
        padding-top: 4px;
        background: url('../images/logo3.png') top left no-repeat;
			z-index: 3000;
} 
 
#leftcol{
        margin-top: 10px;
	width:190px; 
	float:left; 
	position:relative; 

        min-height: 350px;
        
        color: white;
}
 
#maincol{
        margin-top: 15px;
        padding-top: 5px;
        padding-bottom: 5px; 
        padding-left: 20px;
        padding-right: 20px;
	background-color: #FFFFFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width:710px; 
        color: #6F6F6F;
        background:white;
        z-index: 0 !important; z-index: -1;
}
 
#footer{
	height:50px;
        margin-top: 10px;
        padding: 5px;
        text-align: right;
        color:#898989;
        background: url('../images/logobw.png') bottom left no-repeat;
	background-color:#E1DCD8; 
	clear:both;
} 

#searchform{  color:#E1DCD8; 
         position: absolute;
         top: 22px;
         right: 34px;
}

#searchtext { background: none; margin-top:5px; width:163px; border: 0px solid white;} 

/* *** Float containers fix:  *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*printer styles*/ 
 @media print{ 
	/*hide the left column when printing*/ 
	#header{display:none;}
	#leftcol{display:none;} 
	#twocols, #maincol{width:100%; float:none;}
}

/*** Menu STYLES ***/
.menu, .menu * {
	margin:			0;
	padding-top:		0;
	list-style:		none;
}
.menu {
	line-height:	1.0;
	
}
.menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.menu ul li {
      
	width:			100%;
}
.menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.menu li {
	float:			left;
	position:		relative;
}
.menu a {
	display:		block;
	position:		relative;
}
.menu li:hover ul,
.menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top:			-999em;
}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** Menu SKIN ***/
.menu {
	float:			left;
	 padding-left:15px;
 
	padding-top:88px;
}
.menu a {
	border-left:	0px solid #64829E;
	border-top:		0px solid #64829E;
	padding: 		.75em 1em;
	text-decoration:none;
 
}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.menu li {
	background:		#64829E;
}
.menu li li {
width:			170px;
	background:		#64829E;
}
.menu li li li {
	background:		#64829E;
}
.menu li:hover, .menu li.sfHover,
.menu a:focus, .menu a:hover, .menu a:active {
	background:		#30587C;
	outline:		0;
}

/*** arrows **/
.menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.menu ul .sf-sub-indicator { background-position:  -10px 0; }
.menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu ul a:focus > .sf-sub-indicator,
.menu ul a:hover > .sf-sub-indicator,
.menu ul a:active > .sf-sub-indicator,
.menu ul li:hover > a > .sf-sub-indicator,
.menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
width:			170px;
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


 ul#menu {      
width:95%;

}

ul#menu2 {      
        z-index:		1;
         list-style: none;
         list-style-image: none;  
 background: #EDECE8;
padding: 0px; 
margin-left: 0px;
line-height:	1.0;
}

ul#menu2 li {
    
         font-size: 14px;
   z-index:		1;
 
}

ul#menu2 li a {  
         padding:5px;
         padding-left:13px;
         padding: 		0.75em 1.0em;
          z-index:		1;
         height: 100%;
         width: 100%; 
         
         display: block;
         
         width:172px;
 
}

ul#menu2 li a.active {
        
}

ul#menu2 li a:hover {
       
}

.hed {
         background: #30587C; 
         color: white;
         padding: 5px;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
}