@import url("/styles/modal.css");

body
{
    margin:0;
    padding:0;
    font: 9pt Verdana, Arial, sans-serif;
} 

table
{
    margin:0;
    padding:0;
    font: 9pt Verdana, Arial, sans-serif;
    line-height:1.4;
    
}

td .td2 
{
        font: 9pt Verdana, Arial, sans-serif;
        line-height:1.4;
}
     
div#container
{
     width:800px;
     margin:0 auto;
     background: #fff;
     margin-top:0px;
     margin-bottom:10px;
}

div#wrapper 
{

}

#top_content 
{
    /*background:url(/images/content_top.gif);*/
    height:250px;
    width:800px;


}

#bottom_content 
{
    /*background:url(/images/content_bottom.gif) no-repeat;*/
    height:16px;
    width:800px;
        padding-bottom:10px;
}

div#content
{
    padding: 20px 10px 0 10px;
   /* background: #D8D8D8 url(/images/mid_content.gif) repeat-y;*/
    width: 770px;
    font: 8pt Verdana, Arial, sans-serif;
    min-height:500px;
    margin-right:25px;
}

div#content p
{
    line-height:1.4;
    margin: 0 0 0 0px;
    padding:0 20px 10px 0px;
    }
    
div#content_home
{
    float:right;
    padding: 10px 20px 0 30px;
    background: #D8D8D8;
    width: 900px;
    font: 8pt Verdana, Arial, sans-serif;
    min-height:500px;
}

div#content_home p
{
    line-height:1.4;
    margin: 0 0 0 0px;
    padding:0 10px 10px 0px;
    }
    
div#footer
{
    clear:both;
    width:800px;
    height:25px;
    background:#736E5B
    /*background-image:url("/css_menu/images/footer1.gif");*/
}

div#footer p{margin:0;padding:5px 10px; color:#E7E7E7; font-size:9px;}

div#footer a {
	text-decoration: none;
	color: #E7E7E7;
}

div#footer a:visited {
	color: #F1F1F1;
}

div#footer a:hover {
	text-decoration: underline;
	color: #fff;
}



div#footerText {padding-top:3px}

div#spacer
{
    height:15px;
    line-height:15px;
}

.pagetitle 
{
    width:767px;
    padding: 3px 8px 3px 3px;
    margin-top:20px;
    margin-bottom:20px;
    background: #736E5B;
    border:solid 1px black;
    color: White;
    font-size: 14pt;
    font-weight: normal;
    font-family: Verdana;
    min-height:14px;
}
.loggedinbanner 
{
    float:left;
    padding: 0px 10px 0 9px;
    width: 763px;
    font: 8pt Verdana, Arial, sans-serif;
    

}

/*  Logged In Banner */

#LoggedInBanner 
{
 background-color:#D8D8D8;
 padding: 10px 10px 0 9px;
 margin-bottom:0px;
 text-indent: 10px;
 margin-right:25px;
 margin-left:0px;
 height:18px;
 font: 9pt Verdana, Arial, sans-serif;
 width:760px;
 border:1px solid black;
}

#MyContactsBanner 
{
 background-color:#DADADA;
 padding: 5px 0 5px 0;
 margin-bottom:10px;
 border-bottom: solid 1px #999999;
 text-indent: 40px;
 height:18px;
 font: 8pt Verdana, Arial, sans-serif;
  width:760px;
}

#MyContactsFrame 
{
 background-color:#F0F0F0;
 padding: 5px 0 5px 0;
 margin-bottom:0px;
 border: solid 1px #999999;
 padding-left:20px;
 font: 8pt Verdana, Arial, sans-serif;
  width:759px;
}

#MyContactsFrame p
{
 font: 8pt Verdana, Arial, sans-serif;
}

/*** see http://www.positioniseverything.net/easyclearing.html
   for explanation of Tony Aslett's elegant hack ***/

.clearing:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearing {
    display: inline-block;
    }

/* hides from IE/Mac \*/
* html .clearing { 
    height: 1%;
    }

.clearing {
    display: block;
    }
/* end hide from IE-Mac */
/*** end clearing hack ***/

.clear 
{
    clear:right;
}

/* Default Styles */

a {
	text-decoration: none;
	color: #005842;
}
a:visited {
	color: #005842;
}
a:hover {
	text-decoration: underline;
	color: #e05252;
}

#content a {
	text-decoration: none;
	color: #005842;
}

#content a:visited {
	color: #005842;
}

#content a:hover {
	text-decoration: underline;
	color: #e05252;
}




/* Basic Tags */

h1 {
  font-size: 14pt;
  font-weight: normal;
  font-family: Verdana;
  margin-bottom: 20px; 
  padding-bottom: 4px;
  border-bottom-width: 1px;
  border-bottom-style:solid;
  border-bottom-color: #005943;
  color:#530011;
}
   
h2 {
  font-size: 1.6em;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  color:#005943;
  text-transform: uppercase;
  margin-bottom:15px;
}
   
h3 {
  font-size: 1.2em;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  margin-bottom:5px;
}
   
h4 {
  font-size: 1em;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
  margin-bottom:0px;
}

h5 {
  font-size: 1.2em;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  color:#005943;
  margin-bottom:5px;
}

h6 {
  font-size: 1em;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  font-style: italic;
  color:#005943;
  margin-bottom:0px;

}

hr {
	border: 0;
	border-top: 1px solid #bababa;
	height: 1px;
} 

/*----Example CSS Class --*/ 
img.greyborder {
	border: 1px solid #c0c0c0;
}
td.module {
	background-color: #efefef;
}
td.content {
	color: black; 
	font-family: tahoma, arial, helvetica; 
	font-weight: bold; 
}
.subtabbg {
	background-color: #efefef;
}
.redcolor{
	color:red;
}
.boldgreen
{
	color: green; font-weight: bold;
}
.highlight
{
	background-color: yellow;
}
/*----End of Example CSS Class --*/ 

/* Toolbar */
#LocalToolbar {
	vertical-align:baseline; padding:0px; background-color:#004B96;margin:0 0 24px 0; 
}

.SectionMenu {
   font:normal 11px verdana; 
}

A.SectionMenu:link, A.SectionMenu:visited, A.SectionMenu:active   {
    text-decoration:    underline;
    color:white;
}

A.SectionMenu:hover, A.SectionMenu:hover  {
    text-decoration:    underline;
    color:yellow;
}
.Accent 
{
	height:15px;vertical-align:middle;margin-left:3px; margin-right:3px;
}

div.greybox 
{
    background: #EEEEEE;
    border: solid 1px #999999;
    padding:6px;
    width: 400px;
    vertical-align:middle;
    text-align: center;
    margin-top:50px
}

.shadowed blockquote {
  display: block;
  font-weight:bold;
  position: relative;
  background-color: #ffc;
  border:1px solid #999;
  margin: -2px 6px 6px -2px !important;
  margin: 0px 6px 6px 0px;
  padding: 10px;
  max-width: 800px;
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffY=-2, OffX=-2, color=#eee, positive=TRUE/FALSE);
  }

.actionbuttons {
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
   display: block;
}

.contextbuttons {
  margin: 5px 3px 5px 3px; 
}

/* general form styling */

.formcontent form {
	margin-top:.5em;
}
.formcontent p {
	padding:0;
	margin:0px;
	}

.formcontent fieldset {
	padding:.1em;
	border:1px solid #999999;
	background:url(/images/formbg.jpg) bottom left repeat-x;
	background-color:#F5F5F5;
	margin-right: 20px;
}

.formcontent legend {
	font-weight:bold;
	margin:.5em;
}

.formcontent form div {
	margin-bottom:.5em;
	margin-right: 10px;
	padding:0 .5em;
	clear:both;
}

.formcontent label {
	float:left;
    display: block;
	text-align:right;
	width:30%;
	margin:0 .5em;
	color:#333333;
	font-size: 88%;
	margin-top:3px; 
}

.formcontent input.field, .content textarea {
	width:65%;
	margin-bottom:5px;
}

.formcontent input {

	margin-bottom:3px;
}

.formcontent textbox {
	margin-bottom:5px;
}

.formcontent .checkbox label {
	float:none;
	text-align: auto;
	width:auto;
	margin:auto;
}

.formcontent div.indent {
	padding:.3em 0 .3em 0;
	clear:both;
}

.formcontent div.submit {
	position:relative;
	height:2.1em;
	margin-bottom:0;
	background:url(/images/formbg.jpg) 0 60% repeat-x;
	clear:both;
}


div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 5px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 100%;
}

div.notes {
  float: left;
  width: 180px;
  height: auto;
  margin: 20px 30px 10px 10px;
  padding: 2px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

div.notes p {
  margin: 0em 0em 0em 0em;
  color: #666666;
}


div.information h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 5px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #000;
  font-size: 100%;
}

div.information {
  float: left;
  width: 98%;
  height: auto;
  margin: 0px 5px 10px 5px;
  padding: 2px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #000;
  font-size: 100%;
}

div.informationt p {
  margin: 3px 0 3px 0;
  color: #000;
}

div.comments 
{
  color: #666666;
  font-size: 88%;
  width:306px;
  margin-bottom:8px;
  margin-left:154px;
}

/*  Columns  */

.left {
	width: 470px;
	float: left;
	margin-left: -1px;
	padding: 10px 0 0 50px;
	}
	
.right {
	padding: 10px;
	margin-left: 525px;
	}
	
.leftside 
{
    width: 400px;
	float: left;
}

.rightside {
	margin-left: 410px;
	width: 365px;
	}	
	
.leftinnerbox 
{
    width: 150px;
	float: left;
	height:166px;
}

.rightinnerbox {
	margin-left: 150px;
	width: 280px;
	margin-top: -166px;
	}
	


.boxbanner 
{
    font-weight: bold; 
    color: white; 
    background-color: #6b696b;
    text-align:center;
    height:16px;
    border:solid white 1px;
}

.RED_boxbanner 
{
    font-weight: bold; 
    color: white; 
    background-color: #005943;
    text-align:center;
    height:16px;
    border:solid white 1px;
    font-size:110%;
}

.instructionbox
{
    font-size: 8pt; 
    background-color: #e0e0e0;
    border:solid white 1px;
}

.btPanel 
{
    width: 800px;
	float: left;
	padding-bottom:15px;
}

/* general form styling */

.btmail form {
	margin-top:.5em;
}
.btmail p {
	padding:0;
	margin:0px;
	}

.btmail fieldset {
	padding:.1em;
	border:1px solid #999999;
	background:url(/images/formbg.jpg) bottom left repeat-x;
	background-color:#F5F5F5;
	margin-right: 20px;
}

.btmail legend {
	font-weight:bold;
	margin:.5em;
}

.btmail form div {
	margin-bottom:.5em;
	margin-right: 10px;
	padding:0 .5em;
	clear:both;
}

.btmail label {
	float:left;
    display: block;
	text-align:right;
	width:10%;
	margin:0 .5em;
	color:#333333;
	font-size: 88%;
	margin-top:3px; 
}

.btmail input.field, .content textarea {
	width:65%;
	margin-bottom:5px;
}

.btmail input {

	margin-bottom:3px;
}

.btmail textbox {
	margin-bottom:5px;
}

.btmail .checkbox label {
	float:none;
	text-align: auto;
	width:auto;
	margin:auto;
}

.btmail div.indent {
	padding:.3em 0 .3em 0;
	clear:both;
}

.btmail div.submit {
	position:relative;
	height:2.1em;
	margin-bottom:0;
	background:url(/images/formbg.jpg) 0 60% repeat-x;
	clear:both;
}

.btmail div.comments 
{
  color: #666666;
  font-size: 88%;
  width:500px;
  margin-bottom:15px;
  margin-left:11%;
}

.required 
{
    color: #ff0000;
}

#ltform p
{
    font-size: 8pt;
    text-align:left;
}

#ltform label {
	float:left;
    display: block;
	text-align:right;
	width:70px;
	margin:0 .5em;
	color:#333333;
	font-size: 95%;
}

#ltform .input {
	display: block;
	width: 150px;
	float: left;
	font-size: 100%;
}

#ltform br {
	clear: left;
}

.ct1 
{
    background-color: #F0F0F0;
    padding-top:10px;
    padding-bottom:10px;
    border-left:solid white 1px;
    border-right:solid white 1px;
}

.ct2 
{
    background-color: #DADADA;
    padding-top:10px;
    padding-bottom:10px;
    border-left:solid white 1px;
    border-right:solid white 1px;    
}

.ct3 
{
    background-color: #F0F0F0;
    padding-top:10px;
    padding-bottom:10px;
    border-left:solid white 1px;
    border-right:solid white 1px;
}

.ct4 
{
    background-color: #F0F0F0;
    padding-top:0px;
    padding-bottom:10px;
    border-top:solid #C4C4C7 1px;
    border-left:solid #C4C4C7 1px;
    border-right:solid black 1px;
    border-bottom:solid black 1px;
    width:777px;
    margin-bottom:15px;
    text-align:left;
}

.ct4a 
{
    background-color: #F0F0F0;
    padding-top:0px;
    padding-bottom:5px;
    margin-bottom:15px;
    text-align:left;
}

.ct4a 
{
    background-color: #fff;
    padding-top:0px;
    padding-bottom:5px;
    margin-bottom:5px;
    text-align:left;
}

.cl1 
{
    background-color: #F0F0F0;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-left:solid white 1px;
    border-right:solid white 1px;
    width:250px;
}

.cl2 
{
    background-color: #DADADA;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    border-left:solid white 1px;
    border-right:solid white 1px;
    width:250px;    
}

/* NEW STYLES FOR HEADER NAV BAR */
ul.headerNavigation {
	display:				inline;
	float:					left;
	width:					100%;
	text-align:				left;
	border:					solid 1px #BDBDBD;
	background-color:		#F1F1F1;
	font-family:			tahoma, sans-serif;
	color:					#2F373F;
	margin:					0;
	padding:				2px 2px 2px 0;
}
* html ul.headerNavigation {
	width:					750px;
}
ul.headerNavigation li {
	list-style:				none;
	display:				inline;
	padding:				2px 1px 2px 4px; /* 3px 3px 3px 8px; */
	background-image:		url(/shared/images/nav-line-black.png);
	background-repeat:		no-repeat;
}
ul.headerNavigation li.first {
	background-image:		none;
}
ul.headerNavigation a {
	text-decoration:		none;
	font-family:			tahoma, sans-serif; 
	padding:				2px 3px;
}

ul.headerNavigation a:hover {
	text-decoration:		none;
	font-family:			tahoma, sans-serif;
}
ul.headerNavigation a.selected {
	text-decoration:		none;
	font-family:			tahoma, sans-serif;
}

ul.headerNavigation a.selected:hover {
	text-decoration:		none;
	font-family:			tahoma, sans-serif;
}
/* HEADER NAV BAR END */

label.ph{
    float: left;
    text-align:left;
    margin-right:8px;
    width: 85px;
    font-weight: normal;
}


.solidcontainer { 
height: 100%; 
padding: 5px; 
} 
.col_one { 
margin: 0; /* Applied to first column only in lieu of padding (personal thing) */ 
width: 22%; /* Allows for fluid design. Can be set to pixels */ 
float: left; 
} 
.col_two { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 22%; 
float: left; 
} 
.col_three { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 22%; 
float: left; 
} 
.col_four { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 22%; 
float: left; 
} 

.col_five { 
margin: 0 0 0 10px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */ 
width: 25%; 
float: left; 
} 

#navbar 
{

  height: 24px;
  padding: 0px 0px 0px 0px; 
  margin-bottom: 0px;
  text-align:left;
  width:800px;
}

.navbar 
{

  height: 24px;
  padding: 3px 0px 0px 3px; 
  margin-bottom: 0px;
  text-align:left;
  background: #D8D8D8;
}

.ts_0 {background-color: #D8D8D8; border: 0px outset black; text-align: left; width: 891px;}
.ts_1 {height: 230px; left: 0px; padding: 0px; width: 891px;}
.ts_2 {height: 12px; left: 0px; padding: 0px; width: 891px;}
.ts_3 {background: url(/SiteImages/home_banner_mid.jpg) repeat-y; 
color:white;left: 0px; padding-left: 20px; text-align: left; width: 891px;}

.ts_3 p 
{
    width:835px;
}
.ts_4 {height: 31px; left: 0px; padding: 0px; width: 891px;}

.sm_0 {background-color: #cccccc; border: 0px outset black; text-align: left; width: 204px;}
.sm_1 {height: 15px; left: 0px; padding: 0px; width: 204px;}
.sm_3 {background: url(/SiteImages/smallbox/smbx_mid.jpg) repeat-y; 
color:black;left: 0px; padding-left: 10px; text-align: left; width: 204px;}
.sm_4 {height: 16px; left: 0px; padding: 0px; width: 204px;}

.med_0 {background-color: #cccccc; border: 0px outset black; text-align: left; width: 681px;}
.med_1 {height: 15px; left: 0px; padding: 0px; width: 681px;}
.med_3 {background: url(/SiteImages/medbox/medbx_mid.jpg) repeat-y; 
color:black;left: 0px; padding-left: 10px; margin-right: 20px; text-align: left; width: 681px;}

.med_3 p 
{
    width:645px;

}
.med_4 {height: 14px; left: 0px; padding: 0px; width: 681px;}

/* help link on labels */
.help
{
	float: right;
	margin-right: 10px;   
}

ul.list-of-links {
	border-bottom:0px dotted #B2B2B2;	
	margin:0;
	padding:5px;
}

#content-side1-three-column ul.list-of-links,
#content-side2-three-column ul.list-of-links {
	margin: 0 0 30px 0px;
}

ul.list-of-links li{
	border-top:0px dotted #B2B2B2;
	padding:.2em 0 .2em 1em;
	margin-left:1em;
	list-style:none;	
}

ul.list-of-links li.current {
	background-color:#E5E5E5;
}


ul.no-lines,
ul.no-lines li {
	border:none;
	}
	

div.newscontentblock 
{
    margin-left:48px;
    margin-top: 0px;
    width:100%;
}

div.dateblock{
line-height: 1.02em;
width: 40px;
float: left;
margin-top: 6px;
background: #005842;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color: #aaa;
position: absolute;
text-align: center;
margin-right: 10px;
letter-spacing: 0.17em;
font-family: Arial, Verdana, sans;
padding: 1px;
}
span.dateblock_mon{
font-size: 9px;
display: block;
text-align: center;
color: #fff;
font-family: Georgia, Arial, Verdana, sans;
}
span.dateblock_day{
font-weight: bold;
font-size: 15px;
display: block;
font-family: Georgia, Arial, Verdana, sans;
text-align: center;
position: relative;
top: -1px;
color: #fff;
}
span.dateblock_year{
font-size: 9px;
display: block;
text-align: center;
color: #fff;
font-family: Georgia, Verdana, Arial, sans;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:0px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

.closeLoginPanel
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;

    position: absolute;
    top:8px;
    right: 10px;
}

.closeLoginPanel a
{
    background-color: #6699CC; 
    cursor: pointer;
    color: #FFFFFF; 
    text-align: center; 
    text-decoration: none; 
    padding: 5px;
}