/******* Home Page Landing Items ********/
#viewer {
	float:left;
	width:275px;
	height:290px;
	padding:5px 5px 5px 5px ;
	border-bottom: thin dotted #999999; 
	border-right:thin dotted #999999;
	position:relative;
	display:block;
}
#images {
	float:left;
	width:275px;
	height:290px;
	padding:5px 5px 5px 5px;
	border-bottom: thin dotted #999999; 
	border-left:thin dotted #999999;
	position:relative;
	display:block;
}
#locations {
	float:left;
	width:275px;
	height:290px;
	padding:5px 5px 5px 5px ;
	border-top: thin dotted #999999; 
	border-right:thin dotted #999999;
	position:relative;
	display:block;
}
#about {
	float:left;
	width:275px;
	height:290px;
	padding:5px 5px 5px 5px ;
	border-top: thin dotted #999999; 
	border-left:thin dotted #999999;
	position:relative;
	display:block;
}
#home-top {
	float:none;
	width:100%;
	padding:0;
	margin:0;
	display:block;
}

/******* Navigation Items ********/
#news {
	padding: 0px 10px 0px 15px;
	display: block;
}
#radarTools {
	padding: 0px 10px 0px 15px;
	display: block;
}
#radarImages {
	padding: 0px 10px 0px 15px;
	display: block;
}
#radarLocations {
	padding: 0px 10px 0px 15px;
	display: block;
}
#radar {
	padding: 0px 10px 0px 15px;
	display: block;
}
/******* BEGINNING of Styling ********/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 8px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.jumps {
	display:none;
}
/******* BEGINNING main div box settings for the page layout *******/
.thrColFixHdr #container {
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar *//* the auto margins (in conjunction with a width) center the page *//* this overrides the text-align: center on the body element. */
	margin: 0 auto;/* the auto margins (in conjunction with a width) center the page */
}
.thrColFixHdr #header {
	padding: 0;
}
#header p {
	padding-bottom: 0;
	margin-bottom: 0;
}
.thrColFixHdr #sidebar1 {
	display:none !important;
	text-align:left;
	float: left; /* since this element is floated, a width must be given */
	width: 185px; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #sidebar2 {
	display:none !important;
	text-align: left;
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0px 15px 5px; /* padding keeps the content of the div away from the edges */
	top: 0px;
	right: 10px;
	background-repeat: no-repeat;
	margin: 20px 0px 40px 0px;
}
/******* BEGINNING sidebar2 internal box Items ********/
.right-block {
	width:175px;
	float:right;
	border:1px solid #CCCC99;
	text-align:left;
	background-repeat:no-repeat;
	background-position:top right;
	margin-left: 0;
	padding:0px 0px 0px 0px;
}
.right-block h2 {
	background-color:#CCCC99;
	color:#000000;
	font-size:1.0em;
	margin:0;
	padding:0.2em;
	text-align:left;
}
.right-block h3 {
	background-color:#f3f4ef;
	color:#666633;
	font-size:1.0em;
	margin:0;
	margin-bottom: 0.2em;
	padding:0.2em;
	border-top: #E5E5C3 1px solid;
}
.right-block ul {
	/*list-style-image: url(/radar/about/images/design_images/link-goto.gif);*/
	margin:5px 0px 0px 0px;
	padding:0 0 10px 25px;
}
.right-block-page ul {
	margin:5px 0px 0px 0px;
	padding:0 0 10px 25px;
}
.right-block p {
	margin:0.5em;
}
/******* END OF sidebar2 internal box Items ********/
.thrColFixHdr #mainContent {
	margin: 0 180px 0 5px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */ 
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
	width:800px;
}
#mainContent h2 {
	text-align:left;
}
#mainContent h3 {
	text-align:left;
}
#mainContent img {
	margin:0px 10px 5px 0px;
	float:left;
}
.thrColFixHdr #footer {
/* this blank style has been left for completeness*/
}
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0px 0px 0px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin:0px -12px 5px 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
.clearfloattop { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
.clearfloathome { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	/*this one has been kept as it appear on the index page till a solution can be found to the new float update in Firefox 2.0.0.6 */
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

/******* sidebar 1 style - left hand side navigation *******/
#sidebar1 img {
	list-style: none;
	border:none;
	border-right:0px;
	margin: -5px -5px -5px -5px;
	width:184px;
	height:129px;
}
#sidebar1 ul {
	list-style: none;
	margin-left: 0;
	padding-left:0;
	width: 184px;
}
#sidebar1 li {
	font: 80% helvetica, verdana, arial, sans-serif;
	border-bottom: 1px solid #FFFFFF;
}
#sidebar1 li a:link, #sidebar1 li a:visited {
	display: block;
	padding: 5px 5px 5px 0.5em;
	/*border-left: 12px solid #666633;*/
	border-right: 1px solid #666633;
	background-color: #cccc99;
	color: #003366;
	font-weight:bold;
	/*color: #0d233a; font-weight:bold;*/
	text-decoration: none;
}
#sidebar1 li a:hover {
	background-color: #99cccc;
	color: #000000;
	text-decoration:underline;
	border:none;
}
#sidebar1 ul ul {
	margin-left: 12px;
	width: 172px;
}
#sidebar1 ul ul li {
	border-bottom: 1px solid #FFFFFF;
}
#sidebar1 ul ul a:link, #sidebar1 ul ul a:visited {
	background-color: #e5e5c3;
	color: #000000;
}
#sidebar1 ul ul a:hover {
	background-color: #99cccc;
	color: #003366;
	margin:0;
	text-decoration:underline;
	border:none;
}
/******* BEGINNING breadcrumbs style *******/
#breadcrumbs {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap; 
}
#breadcrumbs ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#breadcrumbs ul li {
	display: inline;
	color: #666666;
	background: #ffffff;
	font-family: helvetica, verdana, arial, sans-serif;
	font-size:.8em;
}
#breadcrumbs ul li a {
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	/*background-color: #DDEEFF;*/
	color: #006699;
	background: #ffffff;
}
#breadcrumbs ul li a:hover {
	color: #ff6633;
	background: #ffffff;
}
/******* BEGINNING navigation style - red arrow pointing east *******/
.navHeading {
	text-indent:10px;
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
}
.nav_Image {
	border:none;
}
#regular-content img {
	text-align:right;
}

/***********************************************************/
/******* BEGINNING toc - table of contents - style *******/
.toc-block {
	text-align:left;
	margin-left: 0;
	padding:0px 0px 0px 0px;
}
.toc-block ul {
	/*list-style-image: url(/radar/about/images/design_images/link-page.gif);*/
	margin:5px 0px 0px 0px;
	padding:0 0 10px 25px;
}
.toc-block p {
	margin:0.5em;
}

/******* BEGINNING javascript help pages style *******/
.javascript {
	text-align:left;
	margin-left: 0;
	padding:0px 0px 0px 0px;
}
.javascript ul {
	/*list-style-image: url(/radar/about/images/design_images/link-goto.gif);*/
	margin:5px 0px 0px 10px;
	padding:0 0 10px 25px;
}
.javascript p {
	margin:0.5em;
}
/******* BEGINNING quick links on the home page style *******/
.quick-links {
	text-align:left;
	margin-left: 0;
	padding:0px 0px 0px 0px;
	clear:both;
}
.quick-links ul {
	/*list-style-image: url(/radar/about/images/design_images/link-goto.gif);*/
	margin:5px 0px 0px 0px;
	padding:0 0 10px 20px;
}
.quick-links p {
	margin:0.5em;
}
/******* BEGINNING Bronwyn's Bullets style *******/
.bullet-image{ 
	display:block; 
	vertical-align:baseline; 
	margin:0;
	padding:5px 0px 0px 0px ;
	float:none;
}
/* --- BEGINNING accessiblity set --- */
abbr, acronym {
	font-style:normal;
}
abbr {
	speak:normal;
}
acronym {
	speak:spell-out; /*cursor:help;*/
}
.access-info {
	display:none;
}
.silent {
	speak:none;
}
.links ul, dl {
	font-size:1.0em;
	margin: 0.2em 0 0.2em 1.8em;
	padding:0;
}
/* --- END OF accessiblity set --- */

/*******   this is for the grey feature paragraph that is made at the top of the Radar Viewer FAQ   ***********/
.box-feature {
	background-color:#f5f5f5; 
	border:2px solid #CCC; 
	margin:1em;
	text-align:left;
	width:100%
}
.box-feature p {
	margin:0; 
	padding:0.2em;
}
.box-feature p{
	margin:0.3em; 
	padding-bottom:0;
}