﻿@import url("/styles/custom.css");
@import url("/styles/DropShadow.css");
@import url("/styles/modal.css");
@import url("/styles/reorder.css");
@import url("/styles/cssform.css");

body, table
{
    margin:0;
    padding:0;
    font: 9pt Verdana, Arial, sans-serif;
    
}

td .td2 
{
        font: 8pt Verdana, Arial, sans-serif;
}
     
div#container
{
     width:952px;
     margin:0 auto;
     border-top:solid 1px #000;
     border-bottom:solid 2px #000;
     background: #ffffff;
     margin-top:10px;
     margin-bottom:10px;
}

div#wrapper 
{

}

#top_content 
{
    /* background:url(/images/content_top.gif);*/
    border-right:solid 2px #000;
    border-left:solid 1px #000;
    height:24px;
    width:950px;

}

#bottom_content 
{
    /*background:url(/images/content_bottom.gif) no-repeat;*/
    border-right:solid 2px #000;
    border-left:solid 1px #000;
    height:96px;
    width:950px;
        padding-bottom:10px;
}

div#content
{

    padding: 10px 0 0 20px;
    background: #ffffff; /* url(/images/mid_content.gif) repeat-y; */
    width: 930px;
    font:11px Verdana;
    min-height:500px;
    border-right:solid 2px #000;
    border-left:solid 1px #000;
    margin-right:10px;
}

#content ul {
    padding:0px 0px 0px 5px;
    color:Black;
    font: 8pt Verdana, Arial, sans-serif;
    text-align:left;
    line-height:9pt;
    margin:0 0 10px 15px;
}

div#content p
{
    line-height:1.4;
    margin: 0 0 0 0px;
    padding:0 20px 10px 5px;
    }
    
div#content_home
{
    float:right;
    padding: 10px 20px 0 30px;
    background: #ffffff;
    width: 900px;
    font: 8pt Verdana, Arial, sans-serif;
    min-height:500px;
    border-right:solid 2px #000;
    border-left:solid 1px #000;
}

div#content_home p
{
    line-height:1.4;
    margin: 0 0 0 0px;
    padding:0 10px 10px 0px;
    }
    
div#footer
{
    clear:both;
    width:950px;
    height:20px;
    /*background-image:url("/css_menu/images/footer.gif");*/
    background:#000;
    border-right:solid 2px #000;
    border-left:solid 1px #000;
}

.poweredBy 
{
    color:Black;
}

div.poweredBy a
{
    color:Black;
}

div.poweredBy a:visited
{
    color:Black;
}

div#footer p{margin:0;padding:5px 10px; color:#E7E7E7; font-size:10px;}

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:2px}

div#spacer
{
    height:15px;
    line-height:15px;
}

/*  Logged In Banner */

#LoggedInBanner 
{
 background-color:#D8D8D8;
 border-bottom:solid 1px #999999;

 padding: 3px 0 3px 0;
 margin-bottom:0px;
 border-right:solid 2px #000;
 border-left:solid 1px #000;
 text-indent: 40px;
 height:18px;
 font: 9pt Verdana, Arial, sans-serif;
 width:950px;
}

#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;
      border-right:solid 2px #000;
    border-left:solid 1px #000;
}

#MyContactsFrame 
{
 background-color:#F0F0F0;
 padding: 5px 0 5px 0;
 margin-bottom:10px;
 border-bottom: solid 1px #999999;
 padding-left:40px;
 font: 8pt Verdana, Arial, sans-serif;
     border-right:solid 2px #000;
    border-left:solid 1px #000;
width:910px;
}

#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;
}


/* 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;
}



.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.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: 185px;
	float: left;
    background: #E8EDC5;
    min-height:500px;
}

.leftside p 
{
    font: 8pt Verdana, Arial, sans-serif;
    text-align:left;
    line-height:9pt;
    width: 175px;
    margin-right: 5px; 
}


ul.leftside 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;
}

.rightside {
	margin-left: 190px;
	width: 725px;
	}	
	
.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: #990000;
    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: 880px;
	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 label {
	float:left;
    display: block;
	text-align:right;
	width:70px;
	margin:0 .5em;
	color:#333333;
	font-size: 100%;
}

#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:880px;
    margin-bottom:15px;
    
}

.navbar 
{
    background-color: #993333;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    border-bottom:solid #c0c0c0 1px;
    margin-bottom:10px;
}

.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 
{
  background: url(/images/nav_bg_2.png) repeat-x;
  height: 30px;
  padding: 5px 0px 0px 0px; 
  margin-bottom: 0px;
  border: solid 0px #999999;
  text-align:left;
  border-right:solid 2px #000;
  border-left:solid 1px #000;
  width:950px;
  text-align:center;
  color:black;
  font-weight:bold;
}

#navbar a
{
    padding-right: 15px;
    color: #000;
}

#navbar a:visited {
	color: #000;
}
#navbar a:hover {
	text-decoration: underline;
	color: #000;
}

#LoggedInBanner a
{
    color: #993333;
}

#LoggedInBanner a:visited {
	color: #993333;
}
#LoggedInBanner a:hover {
	text-decoration: underline;
	color: #993333;
}


.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;}


div.newscontentblock 
{
    margin-left:48px;
    margin-top: 0px;
    width:100%;
}

div.dateblock{
line-height: 1.02em;
width: 40px;
float: left;
margin-top: 6px;
background: #993333;
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;
}

.sidemenu {
background-color: #999966;
}

#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 145px;
background-color: #999966;
border-bottom: 0px solid #eee;
margin-left:8px;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #73742B;
color: #fff;
}

#mainimage 
{
    background-color: #993333;
}

