/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: #DFDFDF url(images/homepage01.jpg) repeat-x left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7F7D7D;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: justify;
	line-height: 16px;
}

.text1 {
	font-size: 10px;
	color: #525252;
}

.text2 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.text3 {
	font-size: 22px;
	font-weight: bold;
	color: #3D3D3D;
}

.text4 {
	margin-bottom: 15px;
	font-size: 10px;
	font-weight: normal;
	color: #AFAFAF
}

.text5 {
	font-size: 11px;
	font-weight: bold;
	color: #5B5B5B;
}

.text6 {
	font-size: 11px;
	font-weight: bold;
	color: #525252;
}

/** LISTS */

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list1 li {
	display: block;
	float: left;
	width: 129px;
	padding: 0px 10px 0px 12px;
	background: url(images/homepage21.gif) repeat-y left top;
}

.list1 .first {
	padding-left: 0px;
	background: none;
}

.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 18px;
}

.list2 li {
	display: list-item;
	float: none;
	width: auto;
	padding: 0px;
	background: none;
}

.list3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list3 li {
	display: block;
	height: 31px;
	padding: 5px 0px 0px 10px;
	line-height: normal;
}

.list4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.list4 ul {
  padding: 0px;
  margin: 0px;
}

.list4 li {
	display: block;
	padding: 5px 1px;
	background: url(images/homepage24.gif) repeat-x left top;
}

.list4 a {
	text-decoration: none;
	color: #7F7D7D;
}

.list4 a:hover {
	text-decoration: underline;
}

.list4 .first {
	background-image: url(images/spacer.gif);
}

/** LINKS */

a {
	color: #DE0000;
}

a:hover {
	text-decoration: none;
}

.link1 {
	text-decoration: none;
	font-weight: bold;
	color: #5B5B5B;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
	text-decoration: none;
	color: #7F7D7D;
}

.link2:hover {
	text-decoration: underline;
}

.link3 {
	display: block;
	height: 27px;
	padding: 5px 0px 0px 10px;
	background: url(images/homepage12.jpg) no-repeat left top;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/** STYLES */

.style1 {
	text-align: center;
	color: #A3A2A2;
}

.style1 a {
	color: #A3A2A2;
}

.style1 a:hover {
}

/** BACKGROUNDS */

.bg1  { background: url(images/homepage02.jpg) repeat-y left top; }
.bg2  { background: url(images/homepage05.jpg) no-repeat left top; }
.bg3  { background: url(images/homepage08.jpg) no-repeat left top; }
.bg4  { background: url(images/subpage1_02.gif) no-repeat left top; }
.bg5  { background: url(images/homepage09.jpg) repeat-x left top; }
.bg6  { background: url(images/homepage14.jpg) repeat-y left top; }
.bg7  { background: url(images/homepage15.jpg) repeat-x left top; }
.bg8  { background: url(images/homepage17.jpg) no-repeat left top; }
.bg9  { background: url(images/homepage22.gif) repeat-x left top; }
.bg10 { background: url(images/homepage23.gif) repeat-x left top; }

/** MISC */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

.img1 {
	float: left;
	margin: 0px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 0px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

/* layout specifics */
/** BASIC */

html, body {
	height: 100%;
}

.title1 {
	height: 25px;
	padding: 12px 0px 0px 40px;
	background: url(images/homepage10.jpg) no-repeat left top;
}

.title1 h2 {
}

.title2 {
}

.title2 h2 {
	height: 25px;
	padding: 12px 0px 0px 43px;
	background: url(images/homepage16.jpg) no-repeat left top;
	font-size: 11px;
	font-weight: bold;
	color: #5B5B5B;
}

.doNotDisplay {
  display: none !important;
}

/** WRAPPERS */

#wrapper {
	width: 1000px;
	margin: 0px auto;
}

#wrapper2 {
	float: left;
	width: 950px;
}

#extra1, #extra2 {
	float: left;
	width: 25px;
	height: 500px;
}

#extra1 {
	background: url(images/homepage03.jpg) no-repeat left top;
}

#extra2 {
	background: url(images/homepage04.jpg) no-repeat left top;
}

/** HEADER */

#header {
	width: 950px;
	height: 117px;
	padding-top: 28px;
	background: url(images/homepage06.jpg) no-repeat left top;
}
#header .ajaxgizmo {
        font-size: 14px;
}
#header h2 {
        font-size: 20px;
}

/** LOGO */

#logo {
	float: left;
	width: 209px;
	height: 117px;
	background: url(images/homepage07-newest.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	display: none; /* we don't display over the logo image */
}

/** MENU */

#menu {
	float: left;
	width: 741px;
	height: 117px;
}

#menu ul {
	margin: 0px;
	padding: 13px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 19px;
	padding: 3px 17px 0px 19px;
	background: url(images/subpage1_03.gif) no-repeat left top;
}

#menu .first a {
	background: none;
}

/** PAGE */

#page {
}

#sidebar {
	float: left;
	width: 209px;
}

#content {
	position: relative;
	float: right;
	width: 728px;
	margin-top: -26px;
	padding: 0px 6px 0px 7px;
}

/** Ad728x90 */

#ad728x90 {
	height: 1px;
}

/** TICKER */

#ticker {
	height: 29px;
	padding: 8px 0px 0px 15px;
}

/** FOOTER */

#footer {
	width: 1000px;
	height: 100px;
	margin: 0px auto;
}

#footer p {
	margin: 0px;
}

#links {
	padding-top: 15px;
}

#legal {
	padding-top: 30px;
}
	

/** BOX1 */

#box1 {
	margin-bottom: 7px;
}

#box1 .content {
	padding: 15px 30px 25px 20px;
	background: url(images/homepage13.gif) repeat-x left bottom;
}

/** BOX2 */

#box2 {
	float: left;
	width: 471px;
	margin-bottom: 7px;
}

#box2 .content {
	padding: 25px 0px 20px 20px;
}

/** BOX3 */

#box3 {
	float: left;
	width: 471px;
	margin-bottom: 7px;
}

#box3 .content {
	padding: 25px 0px 20px 20px;
}

/** BOX4 */

#box4 {
	float: right;
	width: 249px;
}

#box4 .content {
	padding: 20px;
}

/** BOX5 */

#box5 {
}

#box5 .content {
	padding: 10px 20px;
}

/** BOX6 */

#box6 {
}

#box6 .content {
	padding: 10px 20px 30px 20px;
}

/** BOX7 */

#box7 {
}

#box7 .content {
	padding: 10px 20px;
}

/** BOX8 */

#box8 {
	float: left;
	width: 471px;
}

#box8 .content {
	padding: 20px;
}

/** BOX9 */

#box9 {
	float: right;
	clear: right;
	width: 249px;
}

#box9 .content {
	padding: 20px;
}

/** BOX10 */

#box10 {
}

#box10 .content {
	padding: 20px;
}

/** BOX11 */

#box10 {
}

#box11 .content {
	padding: 20px;
}
/* AJAX Dashboard Styles */

.ajaxDashboard .datahead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:  #FFFFFF;
	background-color: #4478A7;
	text-align: center;	
}
.ajaxDashboard .data1 {
 	 color: #000000;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 9pt;
	 border-bottom: 1px solid #CCCCCC;
	 background-color: #FFFFFF;
	 text-align: left;
}
.ajaxDashboard td {
	 border: none;
	 background-color: #FFFFFF;
}

/* CSS for rss-top-warning.php advisories */

.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FFFF85;       
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(34,70,79);
}
.watchBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #B3F7FF;      
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(34,70,79);
}
.warningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #E28080;         
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 0px dashed rgb(255,255,255);
}
.tornadowarningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}

/* trends page specal CSS */

.table-top {
  color: black;
  background-color: rgb(230,223,207);
  text-align: left;
  font-weight: bold;
}

.column-dark {
  color: black;
  background-color: rgb(243,242,235);
}

.column-light {
  color: black;
  background-color: white;
}

.story {

}

.codebox {
	border: 1px solid #080;
	color: #000000;
	padding: 5px;
	background-color: #FFFF99;
	margin: 5%;
	width: 85%;
}

.wxfacts {
   padding: 10px;
   width: 85%;
   border: 1px dashed #080;
   margin: 5%;
}