body{
     background-color:#999999;
     margin: 0px 0px 0px 0px; 
     font-family:Arial;
     font-size:10pt;
	 color:#FFFFFF; 
}
ul.menu{font-size:9pt; font-family:Arial,Verdana}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0;  display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#053768}
ul.menu ul li a:hover {background-color:#336699}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(../images/header.gif); width:140px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/header.gif)}
ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.margin
{
    margin:0px 10px 15px 10px;
    font-size:10pt;
	text-align:left;
}

.headerlink
{
	width:950px;
	height:254px;
	cursor:pointer;
}

.sidecolumns
{
	color:#000000;
}

.lefthomecolumn
{
	font-size:8pt;
}

.leftheader
{
	color:#053768;
	font-size:12pt;
	font-weight:bold;

}

.footer
{
	color:#FFFFFF;
	font-weight:bold;
}
.searchheader{
     background-image:url('../images/designpagetemplate/noaaheader.gif');
	 background-repeat:no-repeat;
     height:52px;
}
.crsearch
{
    float:right;
    font-weight:bold;
    position:relative;
    top:13px;
}

.firstgovtextbox
{
    border: 1px solid #fff;
    position:relative;
    top:0px;
    right:2px;
}
.firstgovbutton
{
   border: 1px solid #fff;
   background: #0062a4;
   color:#fff;
   cursor:pointer;

}

a:link {color:#ffffff;font-weight:bold}
a:visited {color:#ffffff;font-weight:bold}
a:hover {color:#053768;text-decoration:none;font-weight:bold}
a:active {color:#ffffff; font-size:10;font-weight:bold}
a:selected {color:#ffffff;font-weight:bold}

a.menul:link{font-weight:normal}
a.menul:visited{font-weight:normal}

a.sectionlink:link{color:#053768}
a.sectionlink:visited{color:#053768}
a.sectionlink{text-decoration:none}

a.lhcolumn:link
{
    color:#053768;
    font-weight:bold;
}

a.lhcolumn:visited
{
    color:#053768;
    font-weight:bold;
}

a.lhcolumn:hover
{
    color:#666666;
    font-weight:bold;
}


a.linkleftnav:link
{
    color:#053768;
    font-weight:bold;
}

ul.linknav
{
     list-style-type:none;
     padding:0;
     margin:0;
}
li.linknav
{
    padding-bottom:10px;
}
.pmargin
{
	margin-left:20px;
}

.mpaofmonthtop
{
	background-image:url(../images/mpa_of_month_top.jpg);
	width:216px;
	height:30px;

}
.mpamonthtext
{
	position:relative;
	left:35px;
	top:6px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
}
.mpaofmonthbox
{
	background-color:#006bb0;
	width:204px;
	position:relative;
	left:1px;
	padding:5px 5px 10px 5px;
	color:#ffffff;
}

.mpaofmonthboxbottom
{
	width:214px;
	height:10px;
	background-color:#999999;
	position:relative;
	left:1px;
}

.mpaofmonthimage
{
	float:left;
	padding:2px 5px 2px 2px;
}

.leftimage
{
	float:left;
	padding:0px 10px 5px 5px;
}

.leftstyle
{
	clear:left;
}
li.spacing
{
	margin-bottom:10px;
}

.atlas_container
{
	margin: 10px 0px 0px 0px;

}
.atlas_leftcolumn
{
	float:left;
	/*
	Image will give width
	width:25px;*/
}
.atlas_rightcolumn
{
	vertical-align:text-top;
	margin-left:50px;
	width:600px;

}