/* CSS Document */

body {
background: #CCCCCC url(images/bg.gif) repeat-y;
}

.header {
height: 92px;
background: url(images/header.gif) no-repeat;
}
.sidebar {
width: 155px; height: 100%;
background: url(images/sidebar.gif) repeat-y;
}

p {
font-family: Arial, Helvetica, sans-serif;
}

a {
color:#FFFFFF
}

.over li a {
color: #990000;
}

.navigation {
list-style: none;
margin: 0px;
padding:0;
width: 155px;
padding-left: 5px;
}

.navigation  li {
/* border-bottom: 1px solid  #CCCCCC; */
}

.navigation  li a {
display: block;
padding: 5px 5px 5px 0.5em;
background-color: transparent;
color: #fff;
font:bold 105%  Times New Roman, Arial, Helvetica, sans-serif;
text-decoration: none;
text-align:center;
}

.navigation  li a:hover {
background-color: transparent;
color: #d3c294;
}



/* Tab Page Style */
.tab1 {
width: 481px;
font: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
background: url(images/tab1-pix.jpg) repeat-y;
}

.tab1 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
.tab2 {
width: 481px;
font: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
background: url(images/tab2-pix.jpg) repeat-y;
}

.tab2 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
.tab3 {
width: 481px;
font: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
background: url(images/tab3-pix.jpg) repeat-y;
}

.tab3 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
.tab4 {
width: 481px;
font: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
background: url(images/tab4-pix.jpg) repeat-y;
}

.tab4 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
.tab5 {
width: 481px;
font: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
background: url(images/tab5-pix.jpg) repeat-y;
}

.tab5 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
/* End of Tab Page Styles */

.maintop {
height: 450px; width: 475px;
background: url(images/sat.jpg) repeat-y;
font: Arial, Helvetica, sans-serif;
}

.maintop p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
.maintop2 {
width: 475px;
background: url(images/sat.jpg) repeat-y;
font: Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 20px;
}

.maintop2 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}
.maintop1 {
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
width: 475px;
}

.maintop1 p {
padding: 5px 10px;
font: Arial, Helvetica, sans-serif;
}

.maintop1 h1 {
font-size: 14pt;
font: Arial, Helvetica, sans-serif;
}
/* This is the transparent box */
.transbox {
	width: 449px;
	margin: 0;
	background-color: #fff;
	border: 2px solid black;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font: Arial, Helvetica, sans-serif;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox div {
	padding: 10px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
.transbox div p {
font: Arial, Helvetica, sans-serif;
}
.mainbottom {
height: 250px; width: 480px;
background: url(images/emergencies.jpg) no-repeat;
}


.nav a {
text-decoration: none;
border: 0px;
}
.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 39px; /* Width of Menu Items */
	/*border-bottom: 1px solid #ccc;*/
	}

.nav li {
	position: relative;
	}

.nav li img {
border: 0px;
padding-bottom: 2px;
}
	
.nav li ul {
    width: 115px;
	position: absolute;
	left: 39px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
.nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	 /* IE6 Bug */
	padding: 0px;
	padding-bottom: 2px;
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.nav li a:hover { color: #E2144A; } /* Hover Styles */
		
.nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
.nav li:hover ul, li.over ul { display: block; } /* The magic */

/* Tab Pages Trans Box Styles */
/* This is the transparent box */
.transbox1 {
	width: 449px;
	margin: 0;
	background-color: #b6bee3;
	border: 2px solid black;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font: Arial, Helvetica, sans-serif;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox1 div {
	padding: 10px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
.transbox1 div p {
font: Arial, Helvetica, sans-serif;
}
/* This is the transparent box */
.transbox2 {
	width: 449px;
	margin: 0;
	background-color: #a9d7bb;
	border: 2px solid black;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font: Arial, Helvetica, sans-serif;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox2 div {
	padding: 10px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
.transbox2 div p {
font: Arial, Helvetica, sans-serif;
}
/* This is the transparent box */
.transbox3 {
	width: 449px;
	margin: 0;
	background-color: #e1bfea;
	border: 2px solid black;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font: Arial, Helvetica, sans-serif;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox3 div {
	padding: 10px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
.transbox3 div p {
font: Arial, Helvetica, sans-serif;
}
/* This is the transparent box */
.transbox4 {
	width: 449px;
	margin: 0;
	background-color: #f3d0a2;
	border: 2px solid black;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font: Arial, Helvetica, sans-serif;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox4 div {
	padding: 10px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
.transbox4 div p {
font: Arial, Helvetica, sans-serif;
}
/* This is the transparent box */
.transbox5 {
	width: 449px;
	margin: 0;
	background-color: #f9f8c0;
	border: 2px solid black;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	font: Arial, Helvetica, sans-serif;
	}
	
/* This is the container which set text to solid color.
position: relative used for IE */	
.transbox5 div {
	padding: 10px;
	font-weight: bold;
	font: Arial, Helvetica, sans-serif;
	color: #000;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	}
.transbox5 div p {
font: Arial, Helvetica, sans-serif;
}