/*defaults all undesginated padding, margin, and borders to zero*/
* {
	padding: 0px;
	margin: 0px;
	}

* html .visualIEFloatFix { height: 0.01%; }

body{
	background: #030c1b;
	text-align: center;
	margin: auto;
	font-size: small;
	font-family: sans-serif;
	text-align: center;
	padding: 0px 0px 25px 0px;
	border: 0px;
}

/*Clears both left and right float*/
.clear{
	clear: both;	
}

/*Float item left of content below it*/
.left{
	float: left;	
}

/*Float item right of content below it*/
.right{
	float: right;	
}

/*Hide elements for screen readers*/
.hidden{
	display: none;
}

/*This adds the gradient background on the top of the page*/
.background_top{
	background: url(../../images/header/background.gif) repeat-x #0a306a;
	width: 100%;
	padding-top: 15px;
}

/*wrapper envelops the header, content, and footer stuff and keeps it all together*/
#wrapper {
	background-color: #FFF;
	border: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 960px;
	text-align: left;
}		
	

/*----------------------------------------------Stuff in the header------------------------------*/

/*Notice that the head is a system of relative and absolute divs. Keeps every div within the head hard positioned in relation to the head. If things can't be found, it is probably because the absolute div just ain't big enough. You will have to fiddle a bit in here*/

/*These all control the look and feel of the gold bar at the top of the page*/
/*This is for the <div> container that holds the entire top bar*/
#top_bar{
	display: block;
	width: 960px;
	min-height: 27px;
	background: #c17b00 url(../../images/header/gold_bar.gif) no-repeat;	
}

/*This creates the State of Alaska Button on the left hand corner of the top bar*/
#top_bar a#soa{
	text-indent: -9999px;
	display: block;
	float: left;
	width: 168px;
	height: 25px;
	background: url(../../images/header/topbarSOA.gif) no-repeat 0 0;
}

/*This is the "container" for the list of links on the top bar*/
#top_bar ul{
	padding: 5px 15px 0 15px;
	margin: 0;
	float: right;
	font-size: .9em;
}

/*This is the styling for each list item in the top bar list of links*/
#top_bar ul li{
	float: left;
	display: inline;
	list-style: none;
	padding: 0 7px;
}

/*Style for the actual links in the top bar*/
#top_bar ul li a{
	color:#036;
	font-weight: bold;
	text-decoration: none;
}

/*Style for the hover / focus state of the list of links in the top bar*/
#top_bar ul li a:hover, #top_bar ul li a:focus{
	text-decoration: underline;
}

/*This control the header element*/
/*This is the container as well as the holder of the actual header image*/
#header{
	display: block;
	width: 960px;
	height: 96px;
	background: #112039 url(../../images/header/header.gif) no-repeat;/*The individual department / division header needs to be put in here*/
	clear: both;
}

/* Since the Page Title link has an H1 element around it this makes sure that the h1 doesn't effect positioning*/
#header h1{
	padding: 0;
	margin: 0;
}

/*This creates the link for the header with an invisible link block*/
#header h1 a#title{
	text-indent: -9000px;/* This hides the text so that you just have a link element, but screenreaders also have the link available*/
	display: block;
	width: 377px;
	height: 90px;
	float: left;
}

/*This styles the search box, mostly taken from DFG's css*/
#search
{
	float: right;
	position: relative;
	margin-top: 0px;
	padding: 15px 15px 0px 0px;
}

/*---------------------------End stuff in header-------------------------------------------*/

/*---------------------------stuff in footer-------------------------------------------*/

/*Footer Links and content*/
#footer{
	display: block;
	width: 100%;
	height: 200px;
	text-align: center;
	margin: auto;
	background: url(../../images/header/footerBG.gif) repeat-x #000000;
}
/*Footer Links and content*/
#footer_content{
	display: block;
	width: 960px;
	min-height: 80px;
	padding-top: 20px;
	background: url(../../images/header/footerBG.png) repeat-x top;
	text-align: left;
	margin: auto;
	color: #bdc4d8;
}
/*Footer right hand side content */
#footer_content .right{
	text-align: right;
	width: 280px;
}

/*Footer left hand side content */
#footer_content .left{
	width: 680px;	
}

/* Style the list of links in the footer */
#footer_content ul{
	list-style: none;
	display: inline;
}

#footer_content .right ul li{
	float: right;
	padding: 0 10px 3px 0;
}

#footer_content ul li{
	float: left;
	padding: 0 10px 3px 0;
}

#footer_content ul li a{
	color: #bdc4d8;
	text-decoration: underline;
}

#footer_content ul li a:hover, #footer_content ul li a:focus{
	text-decoration: none;
}

/*---------------------------End stuff in footer-------------------------------------------*/

#crumb {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 0;
	width: 100%;
	background-color: White;
}

	#crumb { color: #666699; }
	#crumb p { color: #666699; }
	#crumb br { color: #666699; }
	#crumb a:link { color: #666699; text-decoration: none;}
	#crumb a:visited   { color: #666699; text-decoration: none; }
	#crumb a:hover   { color: #0066CC; text-decoration: none; }
	#crumb a:active   { color: #666699; text-decoration: none; }
	
#imghide {
	position: relative;
	float: right;
	vertical-align: top;
	margin: -25px 5px 0px 0px;
	z-index: 0;
	}

#content {
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	text-decoration: none;
	z-index: 5;
	width: 100%;
	}

#content strong { color: #000000; padding-bottom: 10px; text-decoration: none; }
	#content ul { padding: 0px; color: #000000; text-decoration: none; }
 	#content li { margin: 0px 1em 0px 5px; }	
	#content li { padding-left: 1em; text-indent: -1.5em; text-decoration: none; list-style-image: url(http://www.dor.alaska.gov/treasury/images/header/grey_arrow.gif); }
	#content h1 { padding-top: 10px; color: #000000; padding-bottom: 10px; font: bold 17px/18px sans-serif;} 
	#content h2 { padding: 10px 0px 5px 0px; color: #00007C; font: bold 20px sans-serif; }
	#content a:link   { color: #333399; text-decoration: none; }
	#content a:visited   { color: #151B8D; text-decoration: none; }
	#content a:hover   { color: #0066CC; text-decoration: none; }
	#content a:active   { color: #151B8D; text-decoration: none; }
	#content i { padding: 0px; font-style: italic; }
	#content ul.special { color: #000000; padding: 0px 0px 5px 0px; margin-left: 25px; list-style-image: url(http://www.dor.alaska.gov/treasury/images/header/grey_arrow.gif); text-decoration: none; }

#content ul 
{
	margin-left: 0px;
	padding-left: 25px;
	color: #000000;
	list-style: none;
	list-style-image: url(http://www.dor.alaska.gov/treasury/images/header/grey_arrow.gif);
	text-decoration: none;
}

#whatsnew li 
{
	padding-left: 6em;
	text-indent: -6.5em;
	text-decoration: none;
	list-style-image: url(http://www.dor.alaska.gov/treasury/images/header/grey_arrow.gif);
}

#time {
	float: right;
	margin: 0px 8px 0px 8px;
	height: 25px;}

.pnlright {
	float: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

.pnlleft {
	float: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#menu dl 
{
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 122px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

#menu dd
{
	margin: 1px 0px 0px -7px;
	position: absolute;
}

#menu dd ul, #menu dd ul li
{
	display: table;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu li a, #menu dd a 
{
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 0px 15px;
	color: #FFCC00;
	display: block;
	height: 100%;
	width: 270px;
	border: none;
	background-repeat:repeat-y;
	font-size: 9pt;
	background-image: url(http://www.dor.alaska.gov/treasury/images/header/backdrop.bmp);
	padding: 2px 0px 1px 0px;
}

#menu li a:visited, #menu li a:active, #menu li a:link 
{
	color: #000000;
	font-size: 9pt;
	width: 270px;
	text-align: left;
	margin-left: 2px;
	}
	
#menu li a:hover, #menu li a:focus, #menu dd a:hover, #menu dd a:focus 
{
	color: Red;
	font-size: 9pt;
	width: 270px;
	text-align: left;
	margin-left: 2px;
}

#menu dt a 
{
	text-align: left;
	text-decoration: none;
	margin: 0px;
	color: #FFCC00;
	display: block;
	height: 100%;
	width: 96px;
	border: none;
	font-size: 9pt;
}

#menu dt a:visited, #menu dt a:active, #menu dt a:link 
{
	color: #FFCC00;
	font-size: 9pt;
	text-align: center;
	margin: 0px;
	}
	
#menu dt a:hover 
{
	color: #000000;
	font-size: 9pt;
}

#bottom 
{
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.dor.alaska.gov/treasury/images/header/backdropbottom.bmp);
	visibility: visible;
	height: 7px;
	background-repeat:no-repeat;
	width: 269px;
	float: left;
}

#bottom1 
{
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.dor.alaska.gov/treasury/images/header/backdropbottom1.bmp);
	visibility: visible;
	height: 7px;
	float: left;
	background-repeat:no-repeat;
	width: 269px;
}

#bottom2 
{
	margin: -13px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	background-image: url(http://www.dor.alaska.gov/treasury/images/header/backdropbottom1.bmp);
	visibility: visible;
	height: 7px;
	background-repeat:no-repeat;
	width: 269px;
	float: left;
}

#menu
{
	margin: 0px 0px 0px 0px;
	position:  absolute;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#eeeeee;
	border: solid 3px black;
	padding:3px;
	width:30em;
}

.nicePopup
{
	font-family: arial,helvetica,clean,sans-serif;
	padding: 2px 3px;
	display: block;
	position: absolute;
}

.nicePopup .container
{
	border: solid 1px #808080;
	border-width: 1px 0px;
}

.nicePopup .header
{
	background: url(../Resources/images/PopupHeader.png) repeat-x 0px 0px; 
	color: #f2f2f2; 
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 3px 10px;
	font-weight: bold;
}

.nicePopup .content
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: solid;
	border-width: 0px 1px;
	padding: 10px 10px 20px;
}

.nicePopup .footer
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: none solid;
	border-width: 0px 1px;
	text-align:center;
	padding: 5px;
	border-top:solid 1px #ccc;
}