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



/*---------------------------
	Column Formating
----------------------------*/

body {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 15px;
	text-align:left;
	background-color: #FFFFFF;
}


#header {
	font-family: arial, helvetica, sans-serif;
	height: 150px;
	margin-bottom: 2em;
	margin-top:1em;
	font-size: 90%;
	width:972px;
}
		
	
#col1 {
	float: left;
	position:relative;
	width: 260px;
	margin-bottom: 1em;
}
		
#col2 {
	float: left;
	position:relative;
	width: 415px;
	margin-left: 25px;
	margin-bottom: 1em;
	display:inline;
}

#col3 {
	float: right;
	position:relative;
	width: 240px;
	margin-left: 20px;
	margin-bottom: 1em;
	display:inline;
	height: 970px;
}

#col4 {
	float: left;
	position:relative;
	width: 415px;
	margin-top:15px;
	margin-bottom: 10px;
}

#col5 {
	float: left;
	position:relative;
	width: 415px;
	margin-top:0px;
	margin-bottom: 10px;
}

#holder { 
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 218px;
	height: 37px;
	visibility: visible;
	z-index: 1;
	float:right;
	display:inline;
} 


/*---------------------------
	Font Formating
----------------------------*/

#wrapper {
	text-align: left;
	color: #333;
	margin: 25px auto;
	width: 972px;
	overflow:auto;
}

h1 {
	margin: 10px 0px 0px 15px;
	letter-spacing: -1px;
	margin-right: 15px;
	font-size: 100%;
	color: #333;
}

h2 {
	margin: 10px 0px 10px 0px;
	letter-spacing: -1px;
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
	font-size: 100%;
	color: #333;
}

a:link, a:visited { 
	color: #036; 
	text-decoration: none; 
}

a:hover {
	color: #680F00;
	text-decoration:none;
}

p {
	margin: 10px 5px 5px 0px;
	padding: 0px;
	color:#333;
	font-weight: normal;
	font-size: small;
	}


p.smspace {
	margin: 5px 0px;
	font-size: 85%;
	color: #333;
}


p.topLinks  {
	font-size: 80%;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
}

.topLinks a:link { 
	font-size: 80%;
	color: #009; 
	text-decoration: none;
}

.topLinks a:visited {
	font-size: 80%;
	color: #009;; 
	text-decoration: none; 
}

.topLinks a:hover {
	font-size: 80%;
	color: #900;
	text-decoration:none;
}

/*---------------------------------------
	Background Graphics for Info by Topic
---------------------------------------*/

#infocell-top {
	background-image: url(../images/refresh/info-top-short.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 250px;
	height: 48px;
	z-index: 1;
} 

#infocell-center {
	background-image: url(../images/refresh/info-by-topic-center.jpg);
	background-repeat: repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 250px;
	height: 855px;
	float:left;
	display:inline;
} 

#infotopic-top {
	background-image: url(../images/refresh/info-by-topic-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 230px;
	height: 34px;
	z-index: 1;
	margin-left: 12px;
	margin-top:13px;
	float:left;
	display:inline;
} 

.infocell3 {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/refresh/2-square.jpg);
	background-repeat: no-repeat;
	border: 0;
	white-space: nowrap;
	display: inline;
	width: 215px;
	height: 76px;
	margin-left:12px; 
	margin-bottom:10px;
	z-index: 1;
	float:left;
	color: #000;
	font-size: 11px;
	text-decoration:none;
}
 
.infocell3 span {
	position: absolute;
	left: 13px;
	top: 7px;
	width: 176px;
} 

.infocell4 {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	background: url(../images/refresh/1-square.jpg);
	background-repeat: no-repeat;
	border: 0;
	white-space: nowrap;
	display: inline;
	width: 215px;
	height: 76px;
	margin-left:12px; 
	margin-bottom:10px;
	z-index: 1;
	float:left;
	color: #000;
	font-size: 11px;
	text-decoration:none;
}
 
 
.infocell4 span {
	position: absolute;
	left: 12px;
	top: 7px;
	width: 182px;
} 

#infocell-bottom {
	background-image: url(../images/refresh/info-bottom-short.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 250px;
	height: 34px;
	z-index: 1;
	float:left;
	display:inline;
} 


/*---------------------------------------------
	Background Graphics and Text for Regulatory
----------------------------------------------*/

#howdoi-main {
	background-image: url(../images/refresh/news-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 308px;
	z-index: 1;
	float:right;
	display:inline;
} 

#howdoi {
	background-image: url(../images/refresh/news.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 49px;
	margin-bottom:12px;
	z-index: 1;
	float:right;
	display:inline;
} 


#regulatory {
	background-image: url(../images/refresh/regulatory.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
	height: 37px;
	margin-bottom:12px;
	z-index: 1;
	float:left;
	display:inline;
} 

h1.regulatory {
	font-family: arial, helvetica, sans-serif;
	margin-left:40px;
	margin-top:5px;
	font-size: 95%;
	color: #333;
}

/*--------------------------------------------------
	Background Graphics and Text for Tools & Guides
---------------------------------------------------*/
#quicklinks-main {
	background-image: url(../images/refresh/news-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 308px;
	z-index: 1;
	float:right;
	display:inline;
} 

#quicklinks {
	background-image: url(../images/refresh/news.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 49px;
	margin-bottom:12px;
	visibility: visible;
	z-index: 1;
	float:right;
	display:inline;
} 


#tools {
	background-image: url(../images/refresh/tools.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
	height: 37px;
	margin-bottom:12px;
	visibility: visible;
	z-index: 1;
	float:left;
	display:inline;
} 

h1.tools {
	font-family: arial, helvetica, sans-serif;
	margin-left:40px;
	margin-top:10px;
	font-size: 95%;
	color: #333;
}

#text {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 260px;
	z-index: 1;
	float:right;
	display:inline;
	font-size: 90%;
}

#howtext {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 230px;
	z-index: 1;
	float:right;
	display:inline;
	font-size: 90%;
}


/*--------------------------------------------------
	Background Graphics and Text for News & Features
---------------------------------------------------*/

#newmainbg {
	background-image: url(../images/refresh/news-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 308px;
	z-index: 1;
	float:right;
	display:inline;
} 

#newsbg {
	background-image: url(../images/refresh/news.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 49px;
	margin-left:3px;
	float:right;
	display:inline;
} 

#stay-inner {
	background-image: url(../images/refresh/stay-inner.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 49px;
	margin-left:3px;
	float:right;
	display:inline;
} 


#newsbg-events {
	background-image: url(../images/refresh/news-events.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 415px;
	height: 49px;
	margin-left:2px;
	float:right;
	display:inline;
} 

#newsgraphic {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 224px;
	height: 150px;
	margin-left:3px;
	float:right;
	display:inline;
	text-align:center;	
} 

#newstext {
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 200px;
	left:1px;
	float:right;
	font-size: 90%;
} 

h1.news {
	font-family: arial, helvetica, sans-serif;
	margin-left:10px;
	margin-top:17px;
	font-size: 90%;
	color: #333;
}

h1.stay-news {
	font-family: arial, helvetica, sans-serif;
	margin-left:45px;
	margin-top:17px;
	font-size: 90%;
	color: #333;
}


h1.news-events {
	font-family: arial, helvetica, sans-serif;
	margin-left:50px;
	margin-top:17px;
	font-size: 95%;
	color: #333;
}


p.indexnews  {
	font-family: arial, helvetica, sans-serif;
	font-size: 85%;
	color: #333;
	margin: 16px 0px 0px 0px;
}


/*--------------------------------------------------
	Background Graphics and Text for Stay Connected
---------------------------------------------------*/

#stayright {
	background-image: url(../images/refresh/tools.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
	height: 38px;
	z-index: 1;
	margin-left: 0px;
	float: right;
	display:inline;
} 

#stayleft {
	background-image: url(../images/refresh/regulatory.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
	height: 38px;
	z-index: 1;
	float:left;
	display:inline;
} 

#staycenter-left {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
	height: 150px;
	margin-left:1px;
	margin-top:-1px;
	z-index: 1;
	float:left;
	display:inline;
} 

#staycenter-right {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 200px;
	height: 150px;
	margin-right: 0px;
	margin-top:-1px;
	z-index: 1;
	float:right;
	display:inline;
	left: 0pc;
} 


h1.stay {
	font-family: arial, helvetica, sans-serif;
	margin-left:15px;
	margin-top:12px;
	font-size: 95%;
	color: #333;
}



/*-----------------------------------------------
	 Blue Arrow Text - Stay, Inside, and Audience 
------------------------------------------------*/

#blue-stay {
	margin-top:5px;
	margin-left:0px;
	font-size:85%;
	position: relative;
	z-index: 1;
	list-style-position:outside;
	font-family: arial, helvetica, sans-serif;
}

#blue-stay a:link, #blue-stay a:visited { color: #036; }
#blue-stay a:hover { color: #680F00; }



/*-----------------------------------------------
	 Left Navigation
------------------------------------------------*/

#leftnav {
	margin-top:5px;
	margin-left:15px;
	font-size:90%;
	position: relative;
	z-index: 1;
	list-style-position:outside;
	font-family: arial, helvetica, sans-serif;
}

#leftnav a:link, #leftnav a:visited { color: #036; }
#leftnav a:hover { color: #680F00; }

p.leftnav {
	margin: 5px 0px;
	font-size: 90%;
	color: #333;
}

/*----------
	Footer
-----------*/

#footer {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 960px;
	height: 75px;
	margin-top:5px;
	clear: both;
} 


#links {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 960px;
	height: 30px;
	font-size: 75%;
	color: #333;
	text-align:center;
} 


/*------------------
	Navigation Bar
-------------------*/


a img {border: none; }


div#navwrap {
	width:1px;
	/*margin-top:-9em;*/
	margin-left:0;
	/*position:absolute;top:80px;left:0;*/
	float:left;
	/*display:inline;  stops the IE6 and earlier doublemargin bug */
	margin-bottom:30px;
	position:absolute;
	z-index:2;
}

ul#navigation {
	font-family: Tahoma,Helvetica, Arial,sans-serif;
	font-size: 12px; /*          ****CHANGE**** change for larger or smaller font */
	float:left;
	width:1000px;
	display:inline;
	
}
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	
}
ul#navigation li {
	line-height : 1em;
	position: relative;
	float: left;
	display: inline;
	
	
}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
	
}

#navigation li a {
	display: inline-block;
	text-decoration: none;
	text-align:center;
	color: #000;
	background-color: #CCCCCC;
/*          ****CHANGE-MENU**** */
	padding: 0px 0px;
}

ul#navigation li li a, #navigation li li a:focus {
	width: 100%; /*           ****CHANGE-SUBMENU**** */
	text-align:left;
	 /*  border: 1px solid #069; */
	padding-left:10px;
	padding-top:6px;
	padding-bottom:6px;
	background-color: #A1BCCE;
}

ul#navigation li a:hover { /* The hovered style for submenus */
	background-color: #007CBA;
}
ul#navigation li a:focus {  /*The focus style for submenus */
	background-color: #A1BCCE;



}
ul#navigation li a:active { /* The active style for submenus */
	background-color: #CCCCCC;
	
}



#navigation li li a:focus, #navigation li li a:active { /* The focus position for anchors */
	position : relative;
	left: 10000px;
	/*margin-left:7em;*/
	
	z-index:1;
}
#navigation li:hover li a:focus, #navigation li:hover li a:active, #navigation li.sfhover li a:active { /* The hovered style for submenus when anchor is in focus */
	position : relative;
	left: 0;<br />
	top:2.2em;
	margin-left:0;
}
#navigation li:hover li li a:focus, #navigation li:hover li li a:active, #navigation li.sfhover li li a:active { /* The hovered style for submenus when anchor is in focus */
	position : relative;
	left: 0;margin-left:0;
	top:2.2em;
	
}

#navigation li:hover li li li a:focus, #navigation li:hover li li li a:active, #navigation li.sfhover li li li a:active { /* The hovered style for submenus when anchor is in focus */
	position : relative;
	left: 0;margin-left:0;
	top:2.2em;
}





/* Give some outline */


#navigation li a:focus { /* The focus position for anchors */
	outline: 1px solid #e05067;
}
#navigation li li a:focus { /* The focus position for anchors */
	outline: 1px solid #60a0d0;
}


#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -10000px;
}
/*#navigation li:active ul ul, #navigation li:active ul ul ul*/
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -10000px; /* Hides the second and following unhovered submenus */
}

#navigation li:hover ul, #navigation li li:hover ul, ul#navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { /* Displays submenu when the parent anchor element is hovered */
	top: 0;
	left: 0;
	margin-left: 100%;
}

/* Displays submenu when the parent anchor element is in focus */

#navigation li a:focus+ul {
	top: 0;
	left: 0;
	margin-left: 0;
	top: 2.2em;
	
		
}
#navigation li:hover a:focus+ul {
	margin-left: 0;
	
}
#navigation li li a:focus+ul {
	top: 2.2em;
	left: 10000px;
	margin-left:100%;
	
}
#navigation li:hover li a:focus+ul {
	left: -10000px;
	margin-left:100%;
}
#navigation li li:hover a:focus+ul {
	left: 0;
	margin-left:100%;
}
#navigation li li:hover li a:focus+ul {
	left: 0;
	margin-left:100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#navigation li:hover ul, #navigation li a:focus ul, #navigation li.sfhover ul {
	top:2.2em;
	margin-left: 0;
	

}