html{
	height: 100%;
	}


body{
	background-image: url('/image/gradientBG.png'); 
	background-color: #6a6a6a;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	font-family: tahoma, Verdana, Arial, Helvetica, Sans Serif;
	font-size: .8em;
}

/*  main contain for centering  */
#frame-container{
	margin: 15px auto;
	padding: 0;
	width: 815px;
}

#frame-tile{
	background-image: url('/image/bodyBGTile.png'); 
	background-repeat: repeat-y;
	width: 815px;
	margin: 0;
	padding: 0;
	float: left;
}

#frame{
	background-image: url('/image/bodyBGTop.png'); 
	background-repeat: no-repeat;
	width: 815px;
	margin: 0;
	padding: 0;
	float: left;
}

#frame-bottom{
	background-image: url('/image/bodyBGBtm.png'); 
	background-repeat: repeat-x;
	width: 815px;
	margin: 0px;
	padding: 0;
	float: left;
	min-height: 25px;
}

#head{
	width: 815px;
	float: left;
}

#head img {
	float: left;
	padding: 0;
	margin: 1px 0 0 10px;
}

#head #search {
	float: right;
	margin: 10px 25px 0 0;
	padding: 0;
}


#head #search a:link{ color: white; text-decoration: underline;}
#head #search a:visited{color: white; text-decoration: underline;}
#head #search a:hover{color: white; text-decoration: none;}
#head #search a:active{color: white; text-decoration: underline;}

#searchTopics{
	padding: 0; 
	margin: 0; 
	font-size: 9pt;
}


#content{
	width: 620px; /* was 635  */
	margin: 0; /* 171px;  */
	padding: 20px 10px;
	float: left;
}

h1{ font-size: 1.3em; color: #c4112f;}
h2{ font-size: 1.20em;}
h3{ font-size: 1.10em;}
h4{ font-size: 1.05em;}
h5{ font-size: .9em;}

#content img.red{
	border: 3px solid #c4112f;
	float: right;
	margin: 0 20px 5px 20px;
}

hr{
	color: #c4112f;
	text-align: center;
	width: 400px;
	background-color: #c4112f;
	height: 1px;
	border: 0;
}

#content .callout{
	width: 300px;
	float: right;
	margin: 15px 20px 10px 10px;
	padding: 0;
	border: 1px solid #c4112f
}

#content .callout h3{
	padding: 5px;
	margin: 0;
	width: 290px;
	background-color: #c4112f;
	color: white;
}

#content .callout p{
	padding: 2px 10px;
}

strong{
}

p.indent{
	margin-left: 20px;
}

#nav{
	width: 150px;
	margin: 20px 0 0 19px;
	color: white;
	float: left;
}

#nav fieldset legend{
	font-size: 8pt;
	color: white;
}

#nav fieldset{
	width: 130px;
	padding: 5px;
	margin: 0;
	border: solid 1px #bbb;
	color: white;
	}

#nav ul li, #nav ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav ul{
	margin-top: 15px;
	background: white;
	color: #666;
}

#nav ul li{
	border-bottom: 1px solid #eee;
}

#nav ul li a:link{ color: #666; text-decoration: none; padding: 2px 5px; display: block;}
#nav ul li a:visited{color: #666; text-decoration: none; padding: 2px 5px; display: block;}
#nav ul li a:hover{color: white; text-decoration: none; padding: 2px 5px; display: block; background-image: url('/image/navRedBG.gif'); background-repeat: repeat-x;}
#nav ul li a:active{color: #666; text-decoration: none; padding: 2px 5px; display: block;}

#nav ul li a.sos:link{ color: #666; text-decoration: none; padding: 2px 5px; display: block;background-image: url('/image/white.gif'); background-repeat: repeat;}
#nav ul li a.sos:visited{color: #666; text-decoration: none; padding: 2px 5px; display: block;background-image: url('/image/white.gif'); background-repeat: repeat;}
#nav ul li a.sos:hover{color: white; text-decoration: none; padding: 2px 5px; display: block; background-image: url('/image/navRedBGsos.jpg'); background-repeat: repeat-x;}
#nav ul li a.sos:active{color: #666; text-decoration: none; padding: 2px 5px; display: block;background-image: url('/image/white.gif'); background-repeat: repeat;}

#footer{
	width: 800px;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}

#footer a:link{ color: white; text-decoration: underline;}
#footer a:visited{color: white; text-decoration: underline;}
#footer a:hover{color: white; text-decoration: none;}
#footer a:active{color: white; text-decoration: underline;}

#footer p{
	color: white;
	text-align: center;
	padding: 0;
	margin: 0 0 25px 0;
	}

#footer img{
	padding-left: 50px;
	float: left;
}

.tools {
	background-image:url(/image/toolbox_headbackground.jpg);
	background-repeat:no-repeat;
	font-size: 14px;
	font-weight: 700;
	padding: 4px 10px 4px 10px;
	}

.toolsAlign_i {
float:left;
margin-left: 0;
width: 650px; 
vertical-align: middle;
/*padding-right: 5px;
padding-left: 5px;*/
}

.toolsAlign_s {
float:left;
width: 156px; 
font-size: 10px; 
line-height: 12px; 
vertical-align:top;
padding-right: 40px;
padding-left: 0;
/*border: solid 1px #006699;*/
}

#horizontalDrop a.navOver
	{
		background-color: #c30;
		color: white;
		}


#horizontalDrop ul { /* all lists */;
	padding: 0px;
	margin-left: 0px;
	list-style: none;
}
#horizontalDrop li { /* all list items */
margin-left: 5px;
	margin-top: 5px;
/* 	background-color: #CCC;  */
border: 1px solid #666;
float: left;
position: relative;
}
#horizontalDrop li a{ /* all list items with a link */
text-decoration: none;
color: #333;
display: block;
background-color: #eee;
padding: 2px 2px;
}

#horizontalDrop li a:hover{ /* all list items with a link */
color: white;
background-color: #C30;
}

#horizontalDrop li ul { /* second-level lists */
	display: none;
	width: 60px;
	background-color: White;
	position: absolute;
	top: 1.6em;
}

#horizontalDrop li ul li{
	background-color: #999;
	width: 70px;
	left: -5px;
}
#horizontalDrop li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#horizontalDrop li:hover ul , #horizontalDrop li.over ul { /* lists nested under hovered list items */
	display: block;
}

.insetBox2 {
	position: relative;
	float: right;
	top: 30px;
	line-height: 115%;
	margin: -20px -60px 35px 15px;
/*background-color: #CCCCCC; light grey*/
/*border: solid 1px #FFFFFF;*/
padding: 20px 10px 20px 10px;
	width: 230px;
	margin-right: -15px;
	
	
}
.insetBox {
	position: relative;
	float: right;
	top: 30px;
	line-height: 115%;
	margin: -60px -60px 35px 15px;
background-color: #CCCCCC; /*light grey*/
/*border: solid 1px #FFFFFF;*/
padding: 20px 10px 20px 10px;
	width: 230px;
	margin-right: -150px;
	border: solid 1px #666666;
	
}

a.insetBoxLink:Link {
	color: #000000;
	}

a.insetBoxLink:visited{
	color: #000000;
	}
a.insetBoxLink:hover{
	text-decoration: underline;
	}
	
a.insetBoxLink:active{
	color: #000000;
	}
.white
	{
	color: #000000;
	}
a.white{
	color: #000000;
	font-size: smaller;
	text-decoration: none;
	}

a.white:hover{
	text-decoration: underline;
	}
	
hrinset{
	color: #c4112f;
	text-align: center;
	width: 200px;
	background-color: #c4112f;
	height: 1px;
	border: 0;
}
