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

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

#header {
	font-family: arial, helvetica, sans-serif;
	height: 155px;
	margin-bottom: 1.5em;
	margin-top:1em;
}
		
	
#col1 {
	float: left;
	position:relative;
	width: 465px;
	margin-bottom: 0px;
}
		
#col2 {
	float: left;
	position:relative;
	width: 454px;
	margin-left: 25px;
	margin-bottom: 1em;
	display:inline;
	height: 455px;
}
		
#col4 {
	float: right;
	position:relative;
	width: 486px;
	margin-top:11px;
}



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


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

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

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

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

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

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

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

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

p.smspaceblue {
	margin: 5px 15px;
	margin-top:5px;
	font-size: 80%;
	color: #333;
	margin-left:15px;
	
}


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

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

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

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


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

#infocell-top {
	background-image: url(../images/refresh/info-by-topic-blue.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 467px;
	height: 1057px;
	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: 467px;
	height: 980px;
	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: 300px;
	height: 34px;
	z-index: 1;
	margin-left: 12px;
	margin-top:13px;
	float:left;
	display:inline;
} 

.infocell3 {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	display: inline;
	width: 215px;
	height: 124px;
	margin-left:12px;
	margin-bottom:10px;
	z-index: 1;
	float:left;
	color: #000;
	font-size: 11px;
	background-image:url(../images/refresh/box-without.jpg);
	border: 0;
	text-decoration:none;
}
 


.infocell3 span {
	position: absolute;
	left: 10px;
	top: 20px;
} 

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

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


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

#audience-middle {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 400px;
	height: 30px;
	z-index: 3;
	margin-left: 30px;
	margin-top:10px;
	float:left;
	display:inline;
} 

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

#audiencebgcenter-left {
	background-image: url(../images/refresh/audiance-center.jpg);
	background-repeat: repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 442px;
	height: 105px;
	z-index: 1;
	margin-left:12px;
	margin-top:-10px;
	float:left;
	display:inline;
} 

#audiencebgcenter-right {
	background-image: url(../images/refresh/audiance-center.jpg);
	background-repeat: repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 221px;
	height: 90px;
	z-index: 1;
	margin-top:-5px;
	margin-right: 9px;
	float:left;
	display:inline;
} 


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

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

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

#regulatory {
	background-image: url(../images/refresh/regulatory.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 218px;
	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:1px;
	font-size: 95%;
	color: #333;
}

/*--------------------------------------------------
	Background Graphics and Text for Tools & Guides
---------------------------------------------------*/

#tools {
	background-image: url(../images/refresh/tools.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 218px;
	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 {
	margin-left:15px; 
}

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

#newmainbg {
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 448px;
	z-index: 1;
	float:right;
	display:inline;
} 

#newsbg {
	background-image: url(../images/refresh/news-events.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 224px;
	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-image: url(../images/refresh/news-bg.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 220px;
	height: 373px;
	left:1px;
	float:right;
} 

#statistics {
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 50px;
	left:1px;
	float:right;
	margin-top: 8px;
} 

#graphics {
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 225px;
	height: 75px;
	left:1px;
	float:right;
	
} 


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

p.indexnews  {
	font-size: 75%;
	color: #333;
	margin: 10px 0px 0px 15px;
}

p.indexnewsred  {
	font-size: 75%;
	color: #900;
	margin: 10px 0px 0px 15px;
}

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

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

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

#staycenter-left {
	background-image: url(../images/refresh/stay-connected-center.jpg);
	background-repeat: repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 486px;
	height: 170px;
	margin-left:1px;
	margin-top:-1px;
	z-index: 1;
	float:right;
	display:inline;
	left: -1px;
} 

#staycenter-right {
	background-image: url(../images/refresh/stay-connected-center.jpg);
	background-repeat: repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 230px;
	height: 150px;
	margin-right: 16px;
	margin-top:-1px;
	z-index: 1;
	float:right;
	display:inline;
	color: #EEEEF0;
} 

#staybottom {
	background-image: url(../images/refresh/stay-connected-bottom.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 486px;
	height: 21px;
	z-index: 1;
	top: 0;
	float:right;
} 

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

/*----------------------------------------
	Background Graphics for Photo of Week
----------------------------------------*/

#DarkBlue {
	background-image: url(../images/refresh/blue_box.jpg);
	background-repeat: no-repeat;
	position: relative;
	font-family: arial, helvetica, sans-serif;
	width: 487px;
	height: 330px;
	margin-left: 3px;
	float: right;
	margin-top:11px;
}


/*-----------------------------------
	Red Arrow Text - Tools and Regulatory
-----------------------------------*/
#red-reg {
	margin-top:5px;
	margin-left:15px;
	font-size:85%;
	position: relative;
	z-index: 1;
	float:left;
	display:inline;
	list-style-position:outside;
	font-family: arial, helvetica, sans-serif;
}

#red-regs a:link, #red-regs a:visited { color: #036; }
#red-regs a:hover { color: #680F00; }


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

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

h3.photonews  {
	font-size: 90%;
	font-weight:bold;
	color: #FFF;
	margin: 0px 0px 0px 15px;
}

p.photonews  {
	font-size: 70%;
	font-weight:bold;
	color: #FFF;
	margin: 0px 0px 0px 15px;
}

.photonewsGreen a:link { 
	color: #3C3; 
	text-decoration: none; 
}

.photonewsGreen a:visited { 
	color: #3C3; 
	text-decoration: none; 
}

.photonewsGreen a:hover {
	color: #3C3;
	text-decoration:none;
}

.photonews a:link { 
	color:   #FC3; 
	text-decoration: none; 
}

.photonews a:visited { 
	color: #FC3; 
	text-decoration: none; 
}

.photonews a:hover {
	color: #FFC;
	text-decoration:none;
}


p.photobutton  {
	margin: 0px 0px 0px 145px;
}


p.elliotnews  {
	font-size: 70%;
	font-weight:bold;
	color: #FFF;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.elliotnews-question  {
	font-size: 70%;
	font-weight:bold;
	color: #FFF;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	
}


.elliotnews-question a:link { 
	color: #FC3; 
	text-decoration: none; }

.elliotnews-question a:visited { 
	color: #FC3; 
	text-decoration: none; }

.elliotnews-question a:hover {
	color: #FFC;
	text-decoration:none;
	margin-left: 0px;
}




p.five  {
	font-size: 78%;
	font-weight:bold;
	color: #FFF;
	margin: 5px 0px 0px 15px;
	line-height: 10px;
}

.five a:link { 
	color: #FC3; 
	text-decoration: none; }

.five a:visited { 
	color: #FC3; 
	text-decoration: none; }

.five a:hover {
	color: #FFC;
	text-decoration:none;
}


#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;
	

}