html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*Defined html elements *
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
html {
background:transparent url(../images/page_bckgrnd.gif) repeat scroll 0 0;
margin-top:30px;
}

body {
line-height: 1.25; 
background: white; 
width:750px;
margin-left:auto; /* The left & right margin being set to auto will make the page centered*/
margin-right:auto; /* The left & right margin being set to auto will make the page centered*/
background-color: #ffffff; 
position:relative;

}

ol, ul {
list-style: none;
}

p {
padding:5px 0px;
}


label { 
cursor: pointer;  
}


hr { /* Used under titles, between letter on ComposeLetters Page */
margin-bottom:15px;  /* "h1 has a Negative Margin to bring this directly under the Title, if this is changed the h1 should be looked at too */
margin-top:15px;
background-color:#CCCCCC;
height:1px;
border-style:none;
border-width:0;
display:none;
}

textarea{ /* Used to set the size of the textarea on composeletters page & Tell-Ariend */
width:90%;
height:150px;
}

label { 
display:block;  
width:7.5em;  
float:left;  
text-align:left; /* Change to text-align:right; to align the labels from the right */
padding-right:3px; 
}

input{
width:13.55em;
margin-bottom:5px;
}

select{
width:14em; /* Select boxs need to be just bigger then input areas, to look the same size on the page */
margin-bottom:5px;
}


table{
border-collapse:collapse;
}

th { 
padding:5px;
background-color: #0199C0; 
font-weight: 700; 
color:#ffffff;  
border-style:solid;
border-color:#ffffff;
border-width:1px;
}

td { 
padding:5px;
border-style:solid;
border-color:#cccccc;
border-width:1px;
}

/* Styles used by the includes 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*Header Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#MainHeaderContainer{
text-align:center; /* Centers the banner */
}

/*Body Container holds the other three containers ImageBar, Nav, & ContentContainer
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.BodyContainer { /* This holds the main area includeing Nav,Main and Image Bar.*/
width: 100%; 
}

/*Image Bar Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
#ImageBarContainer{ /* This hold the imagebar include file */
float:right;
padding:10px;
background-color:#303094;
width:150px;
display:none;  /*Change this to display:block; to show the Image Bar, also make sure to reduce the Content Container's width (Add the width, padding & margin to reduce the correct amount) to make room for this bar*/
}


/*Main Container Area Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.ContentContainer {  /* This holds the main area that all the funtionality of the site is in.*/
float:left;
padding:10px;
width:720px; /*If the width is less then 485px then the styles of the Key Content page will need to adjusted as well. */
}
			  
/* If this style where uncommented it would control the size of the Content Container for only the AlertDetail Page.
This technique can be used to over ride any style on a page by page level (Always place the page id first).
#AlertDetail .ContentContainer {  
padding:10px;
width: 400px;
}
*/


/*Footer Area Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/

#MainFooterContainer {  /* This holds the mainfooter include file.*/
clear:both;
text-align:center;
}


/*Menu/Nav Styles
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&*/
.MenuContainer {  
/*This sets the width Nav, if you want to Menu uder the banner set to 100%.  Please all take a look the width of the links as they will need to be edited if this is edited */
}

.MenuContainer li{
/* UnComment this if you would like a Menu under the banner*/
float:left;
}


/* common site styles 
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.RequiredMark { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
display:block; 
width:.8em; 
float:left; /* Change to float:right; to move the * to the right of the field */
}

.DataTableSubmit { /* Formats the bottom row of table where the submit button is (Legislator Search)*/
background-color: #F0F8FF; 
text-align:right;
}


/* Alerts page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#AlertDetailSummary { /* The Summary text of an alert */
margin-bottom:10px; /* provides a space inbetween the summarry and the link/image below it */ 
}

.AlertDetailTakeActionLinkText{
display:block; /*Change this to display:none; to hide the text link */
}

.AlertDetailTakeActionLinkImage { /* By Default this class in hidden using display:none; as the default setting is not use images for links */
background-image:url('../images/email_16.gif');  /* Change the file name of the image you want to use for the take ation link */
border:none; 
background-color:transparent; 
width:162px;  /* Should be the width of the image */
height:40px;  /* Should be the height of the image */
display:none; /* Change this to display:block; to bring the it out of hidding */
cursor:pointer; 
}


/* ComposeLetters Page 
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.CLLetters { /* Used as a container for the letters */
margin-top:15px;
margin-left:30px; 
}

.CLTargets, .TYTarget  {  /* A style that is used to format the list of Targets (ComposeLetters & Thank You Page) */
list-style-type:disc;
margin-left:20px;
}

#CLNoTargets { /* A style that is used to format the text that will display if there are no Targets when a user gets to the letter page */
margin-top:20px;
font-weight:700;
}


.CLCommType input { /* A style that is used to format the radio button  */
width:18px; margin:10px 5px -1px 8px; line-height:2}

#CLSumitButton { /* A Style to place a graphic button for the Submiting of the letter */
background-image:url('../images/SubmitButton.gif');  
border:none; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:3px;
}

.CLLetterHeader, .CLLetterTop, .CLLetterBody, CLLetterBottom, CLSignature{ /* These Class are not used but are inplace if you want to control the sytle of the letter */ 
}



/*My Info
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.MIAddress { /* Used only to indent the address */
margin:15px;
float:left;
}

#callout {
background-color:#C2E4EF;
float:right;
margin-top:10px;
padding:10px;
width:200px;
}

#callout li {
background-color:#FFFFFF;
margin:5px;
padding:5px;
text-align:center;
}

.MIFormContainer { /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) */
width:25.5em; /* Width should be just bigger then the three elemets combined */
}

#MyInfo br { /* This creates line brake between form elements */
clear:both;
}

.MISumitButton{
margin-top:10px;
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:5px;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.RegisterFormContainer { /* This is a container that holds the three elements of the edit form (RequiredMark, label, input) */
width:25.5em; /* Width should be just bigger then the three elemets combined */
}

#Register br { /* This creates line brake between form elements */
clear:both;
}

.RegisterSumitButton{
margin-top:10px;
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:5px;
}



/*Thank You Page
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.TYTarget  {  /* A style that is used to format the list of Targets default setting is in the Composeletters section */
}

.JumpLinks { /* Jumplinks are at the bottom of the thank you display, they are hidden by default as they are not part of the default requerments  */
margin:10px;
display:none;
}

/*My Legislators
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.MLCapAddress{ /* Container for the Capitol Office column */
padding-top:10px; 
padding-bottom:10px;
float:left;
width:50%;
}

.MLDistAddress { /* Container for the District Office column */
padding-top:10px; 
padding-bottom:10px;
float:left;
width:50%;
}

.MLWebLink {/* Class put into place for formating the "Visit my website." link */
}

.MLEmailLink{/* Class put into place for formating the "Email me." link */
}

.MLInfoLink {/* Class put into place for formating the "More Info..." link */
}

/*My Participation
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#MPAlertBox { /* This id is on the table on the my participation */
width:100%;
}

#MPNOParticipation{ /* This id is in place for the case the user has not participated */
}

/*Participation Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#PDInstruct{ /* Put in place to control the line "Viewing messages for alert:" */
}
	
#PDActionBox{  /* This id is on the table on Participation Detail Page */
width:100%;
}

/*News
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.NewsItem{ /* This class is in place to style the new items */
margin-bottom:10px;
}

#NoNews{ /* This id is in place to style the text if there is no new */
}


/*News Detail
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#NDContent{ /* This id is in place to style the content of the News Detial page */
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////*/
.LinkItem{ /* This class is in place to style the link items  */
margin-bottom:10px;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LegislatorSearch br{
clear:both;
}

#LSSearchByAddress { 
padding:6px;
background-color:#ECECEC;
float:left;
margin-bottom:6px;
margin-right:2%; 
width:56%;

}

#LSSearchByState { 
padding:6px;
background-color:#ECECEC;
float:left; 
margin-bottom:6px;
min-width:18em;
width:18em;
max-width:36%

}

#LSSearchByState label{
width:4em;
}

#LSSearchByState select{
width:12.5em;
}


#LSChamberTypes {
margin-top:5px;
margin-bottom:10px;
padding:6px;
background-color:#ECECEC;
width:98%;
}

#LSChamberTypes input{
width:25px;
float:left;
}

#LSChamberTypes label{
float:left;
line-height:1.5;
cursor:default;
}

.LSResultsSection li { 
padding-left:5px;
}

.LegislatorSearchSumitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
margin-bottom:5px;
}

#LSResults{} /* A div put in place to hold the results below the search */

/*
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#CSSearchFederal br, #CSSearchState br{
clear:both;
}

#CSSearchFederal {
margin-top:10px;
padding:10px; 
background-color:#ECECEC;
width:260px;
height:180px;
float:left;
margin-right:10px;
}

#CommitteeSearch input {
width:20px;
float:left;
margin-left:10px;
}

#CommitteeSearch label{
float:left;
line-height:1.5;
cursor:default;
width:auto;
padding-left:5px;
}

#CommitteeSearch select{
float:left;
width:auto;

}

#CSSearchState { 
margin-top:10px;
padding:10px;
background-color:#ECECEC;
width:260px;
height:180px;
float:left; 
}

#CommitteeSearch .CommitteeSearchSumitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
}



.CSSubCommittee {
padding-left:10px;
}


#CSResults{
clear:both;
width:98%;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#LDLegisPic{
float:left;
}

#LDAddress{
float:left;
}

.LDAddressBlock{
margin-left:20px;
float:left;
}


.LDSubCommittee {
padding-left:10px;
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////////*/
#KeyContact label{
float:left;
width:280px;
text-align:right;
padding-right:10px;
line-height:1.5;
}

#KeyContact br{
clear:both;
}

#KCTextArea {
padding-left:20px;
margin-bottom:10px;
}

#KeyContact .KeyContactUpdateButton{
background-image:url('../images/UpdateButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  
height:22px;  
cursor:pointer;
margin-bottom:10px;
}

#KeyContact .KeyContactSubmitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  
height:22px;  
cursor:pointer;
margin-bottom:10px;
}

/*TellAFriend
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#TellAFriend .TellAFriendSumitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
}

/*Share Your Story
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#ShareYourStory .ShareYourStorySumitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
}

/*Contact Us
//////////////////////////////////////////////////////////////////////////////////////////////////*/

#ContactUs .ContactUsSumitButton{
background-image:url('../images/SubmitButton.gif');  
border:none;
background-repeat:no-repeat; 
background-color:transparent; 
width:179px;  /* Should be the width of the image */
height:22px;  /* Should be the height of the image */
cursor:pointer;
}


/* Content Managed Class */

.cm ul, .cm ol{
margin-left:50px;
padding:5px;
}

.cm ul {
list-style-type:disc;
}

.cm ol {
list-style-type:decimal;
}

.clear {
clear:both;
}

.left{
float:left;
}

.right {
float:right;
}

/* Christus Styles */

/* CSS Document */

body {
	background: url(../images/page_bckgrnd.gif);
	margin-top: 30px;
	}
	
#globalContainer {
  	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}
	
#dropShadowSide {
	clear: both;
	width: auto;
	padding: 0px 0px 0px 0px;
	background: url(../images/shadow_right.jpg) right repeat-y;
	}
	
#dropShadowBottom {
	width: auto;
	height: 10px;
	margin-top:-10px;
	background: url(../images/shadow_bottom.jpg);
	}
	
* > #dropShadowBottom {
	width: auto;
	height: 10px;
	margin:0;
	background: url(../images/shadow_bottom.jpg);
	}
	
#siteContainer {
	float: left;
	width: 750px;
	background-color: #FFFFFF;
	}
	
	#siteContainerNest {
		width: auto !important; /* Safari, IE5/Mac */
  		width: 738px; /* IE5/5.5/WIN */
		width/**/:/**/738px; /* IE6/WIN */
		padding: 5px;
		border: 1px solid #7d767e;
		} /* avoids box model hack for padding and border */

	
/*  ===================================================  */
/*  DEFINES FAST FINDER */
/*  ===================================================  */


#fastFinder {
	float: right;
	width: auto;
	margin: 0px 10px 0px 0px !important; /* Safari, IE5/Mac */
  	margin: 0px 5px 0px 0px; /* IE5/5.5/WIN */
	margin/**/:/**/0px 5px 0px 0px; /* IE6/WIN */
	}
	

/*  ===================================================  */
/*  DEFINES TOP BANNER */
/*  ===================================================  */

#branding {
	width: auto;
	height: 90px;
	background: #815588 url(../images/branding_bckgrnd.jpg) right no-repeat;
	}
	
	.clientLogo {
		float: left;
		margin: 12px 0px 0px 15px;
		}
	
		
/*  ===================================================  */
/*  DEFINES SPOTLIGHT NAV */
/*  ===================================================  */


#spotlightNavRow {
	float: right;
	width: 345px;
	height: 24px;
	}
	
	#spotlightNavNested {
		float: left;
		width: 322px;
		height: 24px;
		background: #b782b8 url(../images/spotlightnav_bottom.gif) bottom repeat-x;
		}
		
	#spotlightCorner {
		float: left;
		width: 23px;
		}
		
/* defines ul for spotlightNavRow */

#spotlightNavNested ul {
	margin: 0px;
	padding: 4px 0px 0px 10px;
	list-style-type: none;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	} 
  
 #spotlightNavNested ul li {
  	display: inline;
  	padding: 0px;
	margin: 0px;
	} 
 
 #spotlightNavNested ul li a {
  	display: inline;
	padding: 10px 4px 0px 4px;
	margin:  0px;
  	color: #fff;
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	} 
 
  #spotlightNavNested ul a:hover {
	text-decoration: underline;
	}

	
/*  ===================================================  */
/*  DEFINES PRIMARY NAV */
/*  ===================================================  */

#primNavContainer {
	width: 738px;
	height: 26px;
	margin: 3px 0px 3px 0px;
	position: relative;
	z-index: 100;
	}
	
		
	#primNavRowContainer {
		position: absolute;
		}
		
/* defines ul for primary nav row */

	#primNavRow {
		width: auto;
		margin: 0px;
		padding: 0px;
		}
		
	
	#primNavRow li {
		display: block;
		float: left;
		position: relative;
	    height: 26px;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		margin: 0px 3px 0px 0px;
		background: url(../images/navbutton_bckgrnd.gif) left repeat-x;
		border: 1px solid #54415a;
		/*list-style: none;*/
		}
		
		* html #primNavRow li {
			padding-bottom: 0px;
			/* commented backslash hack v2 \*/
			padding-bottom: 0px;
			p\adding-bottom: 0px;
			/* end hack */
			}
		
	#primNavRow li a {
		display: block;
		padding: 6px 63px 0px 62px; /* controls the width of the main nav item */
		color: #fff; /* controls the off-state text color on the subnav */
		text-decoration: none;
		}
					
	#primNavRow li.finalNav { 
		padding-right: 3px !important; /* Safari, IE5/Mac */
  		padding-right: 0px; /* IE5/5.5/WIN */
		padding-right/**/:/**/3px; /* IE6/WIN */
		margin-right: 0px;
		} /* controls the width of the final main nav item */
		
		 #primNavRow a:hover {
			color: #330066;
			}

		
	#primNavRow li ul {
		/*display: none;
		position: absolute;*/
		top: 100%;
		left: 0;
		text-indent: 10px;
		margin: 0px;
		padding: 0px;
		line-height: 19px;
		width: 210px;
		background: #8b6796;
		border-top: 1px solid #54415a;
		border-bottom: 6px solid #54415a;
		border-left: 1px solid #54415a;
		border-right: 1px solid #54415a;
		}

	
	#primNavRow li ul li {
		width: 210px; /* controls the width of the subnav item */
		padding: 0px;
		margin: 0px;
		height: 22px;
		border: none;
		background-image: none;
		}
	

	#primNavRow li li a {
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		display: block;
		margin: 0px;
		padding: 4px 0px 4px 0px;
		width: 100%;
		}
		
		html>body #primNavRow li li a {
			width: auto;
			}

	#primNavRow li li a:hover {
		color: #330066; /* controls the over-state text color on the subnav */
		}
	
#primNavRow li:hover div, li.over div {
	display: block;
	}
	
/* defines styles for drop down nav*/

.subNavDiv {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	}

.subNavIframeContainer{
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 1;
	}
 	
.subNav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}

.subNav li>ul {
	top: auto;
	left: auto;
	}
	
.subNav li {
	display: block;
	float: none;
	border: 0;
	} 



/*  ===================================================  */
/*  DEFINES SECONDARY NAV */
/*  ===================================================  */


#secNavContainer {
	width: 200px;
	}
		
	#secNavContainerNest {
		width: auto;
		padding: 5px 10px 5px 10px;
		border-left: 1px solid #dee0ea;
		border-right: 1px solid #dee0ea;
		background: #eaecf7;
		}
		
#secNavContainer ul { 
	list-style: none;
	margin: 0px 0px 0px 16px;
	padding: 0px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #94539e;
	line-height: 13px;
	}

	#secNavContainer li {
		color: #8e8248;
		padding: 8px 0px 3px 0px;

		}

	#secNavContainer li a {
		padding: 0px;
		text-decoration: none;
		color: #94539e;
		font-size: 100%;
		}

	#secNavContainer li a:hover {
		text-decoration: underline;
		} 


/*  ===================================================  */
/*  DEFINES MAIN PROMO AREA */
/*  ===================================================  */

	
#homePromoContainer {
	position: relative;
	width: auto;
	margin: 5px 0px 0px 0px;
	border-bottom: 5px solid #7f5486;
	}
	
	#homePromoTxtContainer {
		position: absolute;
		top: 25px;
		left: 300px;
		width: 380px;
		}
		
#homePromoBottom {
	width: auto;
	height: 17px;
	background: url(../images/homepromo_bottom.gif) left repeat-x;
	}
	
#navBottomContent {
	width: auto;
	height: 17px;
	margin: 5px 0px 0px 0px;
	border-top: 5px solid #7f5486;
	background: url(../images/homepromo_bottom.gif) left repeat-x;
	}

	
	

/*  ===================================================  */
/*  DEFINES CONTENT STRUCTURE */
/*  ===================================================  */

	
#mainContentContainerHome {
	width: auto;
	margin: 25px 0px 0px 0px
	}
			
		
#mainContentContainerInside {
	width: auto;
	margin: 25px 0px 0px 0px;
	}
	
		
/* DEFINES COLUMN CONTAINERS */


#columnOneHome {
	float: left;
	width: 200px;
	padding: 0px 25px 0px 10px;
	/* background-color: #00FFCC; */
	}
	
#columnTwoHome {
	float: left;
	width: 255px;
	padding: 0px 25px 0px 0px;
	/* background-color: #99CC00; */
	}
	
#columnThreeHome {
	float: left;
	width: 210px;
	padding: 0px 10px 0px 0px;
	/* background-color:#FF3333; */
	}

#columnOne {
	float: left;
	width: 200px;
	/* background-color:#FF6666; */
	}
	
#columnTwo {
	float: left;
	width: 535px;
	/* background-color: #00FF99; */
	}
	
	#columnTwoNest {
		width: auto;
		padding: 0px 25px 20px 20px;
		}

#columnOneSingle {
	width: auto;
	}
	
	#columnOneSingleNest {
		width: auto;
		margin: 0px 25px 0px 25px;
		}
		
#breakingNewsContainer {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	}
	
#upcomingEventsContainer {
	float: left;
	width: 220px;
	margin: 0px 0px 0px 20px;
	}
	
#partnersContainer {
	clear: both;
	width: 450px;
	border-top: 1px solid #7c8589;
	padding-top: 10px;
	}
		
/* DEFINES UL FOR BREAKING NEWS AND UPCOMING EVENTS */
	
	#columnOneHome ul { 
		/* list-style: inside; */
		margin: 0px 0px 0px 12px;
		padding: 10px 0px 10px 0px;
		font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
		font-size: 10px;
		color: #94539e;
		line-height: 13px;
		}

	#columnOneHome li {
		padding-top: 7px;
		color: #877b3f;
		padding: 5px 0px 3px 0px;
		}

	#columnOneHome li a {
		padding: 0px;
		text-decoration: none;
		color: #94539e;
		font-size: 100%;
		}

	#columnOneHome li a:hover {
		color: #94539e;
		text-decoration: underline;
		} 
		

/* hides breaking news and events items */

.breakingNews4 { 
	display: none;
	}

.breakingNews5 { 
	display: none;
	}
	
/*.upcomingEvents4 { 
	display: none;
	} 

.upcomingEvents5 { 
	display: none;
	}
	*/
				
/*  ===================================================  */
/*  DEFINES FOOTER */
/*  ===================================================  */

	
#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin-left: auto;
	margin-right: auto;
	width: 750px;
 	padding: 3px 0px 0px 0px;
	}
	
#copyrightcontainer {
	float: left;
	}
	
#legalcontainer {
	float: right;
	}
	
#copyrightDate {
	float: left;
	}
	
#footerHolder {
	clear: both;
	height: 1px;
	} /* hacks the main container div to stretch height for all child divs */
	
	* html #footerHolder {
		/* commented backslash hack v2 \*/
 		display: none;
  		d\isplay: none;
  		/* end hack */
		}

		

/*  ===================================================  */
/*  DEFINES MISCELLANEOUS ELEMENTS */
/*  ===================================================  */


	
#footerHack {
	clear: both;
	width: auto;
	}

.contentPhoto {
	float: right;
	margin: 0px 0px 10px 10px;
	}
	
#iboxContainer {
	width: auto;
	margin: 15px 0px 0px 0px;
	}
	
	#iboxContainerTop {
		width: auto;
		}
	
	#iboxContainerNest {
		width: auto;
		padding: 5px 10px 5px 10px;
		border-left: 1px solid #dee0ea;
		border-right: 1px solid #dee0ea;
		background: #efeef4;
		}
		
	#iboxContainerBottom {
		width: auto;
		}
	
		
#facilityFinderPromo {
	width: 200px;
	margin: 15px 0px 0px 0px;
	}
	
	#facilityFinderPromoNest {
		float: left;
		width: 178px;
		padding: 5px 10px 5px 10px;
		border-left: 1px solid #eae8de;
		border-right: 1px solid #eae8de;
		background: #f7f5ea;
		}

.contentTable {
	border: 1px solid #7d767e;
	background: #ecedd4;
	margin: 10px 0px 10px 0px;
	}
	
.contentTableColumn {
	padding: 3px 8px 3px 8px;
	background-color: #C6CFC3;
	border-bottom: 1px solid #7d767e;
	}
	
	.contentTableRow {
		padding: 3px 8px 3px 8px;
		border-bottom: 1px solid #7d767e;
		}
		
	.contentTableRowAlternating {
		padding: 3px 8px 3px 8px;
		background: #f6f7e6;
		border-bottom: 1px solid #7d767e;
		}
		
#popupContent {
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	padding: 5px 10px 5px 10px;
	background: #fff;
	border: 1px solid #7d767e;
	}
	
.promoIconRight {
	float: right;
	}

/* CSS Document */



#tabContainerOne {
	width: 210px;
	position: relative;
	}
	
#tabContainerTwo {
	width: 210px;
	position: relative;
	margin: 10px 0px 0px 0px;
	}
	
/*  ===================================================  */
/*  DEFINES TAB BUTTONS */
/*  ===================================================  */

	
#tabOne {
	display: none;
	float: left;
	width: 85px;
	height: 19px;
	margin: 0px;
	background-color: #a1859f;
	text-align: center;
	border-right: 4px solid #997f98;
	border-bottom: 1px solid #747474;
	}
	
	#tabOneDown {
		float: left;
		width: 86px;
		height: 20px;
		margin: 0px;
		text-align: center;
		border-right: 1px solid #747474;
		background: #eaecf7 url(../images/tab1down_bckgrnd.gif) left no-repeat;
		}

#tabTwo {
	float: left;
	width: 119px;
	height: 19px;
	margin: 0px;
	background-color: #a1859f;
	text-align: center;
	border-left: 4px solid #997f98;
	border-bottom: 1px solid #747474;
	}
	
	#tabTwoDown {
		display: none;
		float: left;
		width: 120px;
		height: 20px;
		margin: 0px;
		background-color: #eaecf7;
		text-align: center;	
		border-left: 1px solid #747474;
		background: #eaecf7 url(../images/tab2down_bckgrnd.gif) right no-repeat;
		}
		
#tabThree {
	float: left;
	width: 72px;
	height: 20px;
	margin: 0px;
	background-color: #9D9B9B;
	text-align: center;
	border-top: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
	#tabThreeDown {
		display: none;
		float: left;
		width: 72px;
		height: 20px;
		margin: 0px;
		background-color: #E2E1E1;	
		text-align: center;
		border-top: 1px solid #484848;
		border-left: 1px solid #484848;
		border-right: 1px solid #484848;
		}
		
#tabFour {
	display: none;
	float: left;
	width: 77px;
	height: 20px;
	margin: 0px 2px 0px 0px;
	background-color: #9D9B9B;
	text-align: center;
	border-top: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
	#tabFourDown {
		float: left;
		width: 77px;
		height: 20px;
		margin: 0px 2px 0px 0px;
		background-color: #E2E1E1;	
		text-align: center;
		border-top: 1px solid #484848;
		border-left: 1px solid #484848;
		border-right: 1px solid #484848;
		}
		
#tabFive {
	float: left;
	width: 64px;
	height: 20px;
	margin: 0px 2px 0px 0px;
	background-color: #9D9B9B;
	text-align: center;
	border-top: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
	#tabFiveDown {
		display: none;
		float: left;
		width: 64px;
		height: 20px;
		margin: 0px 2px 0px 0px;
		background-color: #E2E1E1;	
		text-align: center;
		border-top: 1px solid #484848;
		border-left: 1px solid #484848;
		border-right: 1px solid #484848;
		}
		
#tabSix {
	float: left;
	width: 64px;
	height: 20px;
	margin: 0px;
	background-color: #9D9B9B;
	text-align: center;
	border-top: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
	#tabSixDown {
		display: none;
		float: left;
		width: 64px;
		height: 20px;
		margin: 0px;
		background-color: #E2E1E1;	
		text-align: center;
		border-top: 1px solid #484848;
		border-left: 1px solid #484848;
		border-right: 1px solid #484848;
		}
		
		
.tabLinks a {
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 4px 0px 0px 0px;
	background-color:#a1859f;
	text-decoration: none;
	}
	
.tabLinksDown a {
	display: block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #825789;
	padding: 4px 0px 0px 0px;
	text-decoration: none;
	}
	
	
/*  ===================================================  */
/*  DEFINES TAB CONTENT */
/*  ===================================================  */

#tabOneContent {
	clear: both;
	width: auto;
	height: 55px;
	padding: 10px 0px 0px 0px;
	border-left: 1px solid #dee0ea;
	border-right: 1px solid #dee0ea;
	background-color: #eaecf7;
	}
	
	#tabOneContentBottom {
		width: auto;
		height: 10px;
		background: #eaecf7 url(../images/tab1_bottom.gif) bottom right no-repeat;
		}
	
#tabTwoContent {
	clear: both;
	width: auto;
	height: 55px;
	padding: 10px 0px 0px 0px;
	display: none;
	border-left: 1px solid #dee0ea;
	border-right: 1px solid #dee0ea;
	background-color: #eaecf7;
	}
	
	#tabTwoContentBottom {
		display: none;
		width: auto;
		height: 10px;
		background: #eaecf7 url(../images/tab1_bottom.gif) bottom right no-repeat;
		}
	
#tabThreeContent {
	clear: both;
	width: auto;
	height: 55px;
	padding: 10px 0px 0px 0px;
	background-color: #E2E1E1;
	display: none;
	border-bottom: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
#tabFourContent {
	clear: both;
	width: auto;
	height: 87px;
	padding: 10px 0px 0px 9px;
	background-color: #E2E1E1;
	border-bottom: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
#tabFiveContent {
	clear: both;
	width: auto;
	height: 87px;
	padding: 10px 0px 0px 9px;
	background-color: #E2E1E1;
	display: none;
	border-bottom: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}
	
#tabSixContent {
	clear: both;
	width: auto;
	height: 87px;
	padding: 10px 0px 0px 9px;
	background-color: #E2E1E1;
	display: none;
	border-bottom: 1px solid #484848;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
	}	
	
#healthTopicSearch {
	clear: both;
	width: auto;
	background-color: #E2E1E1;
	border: 1px solid #484848;
	margin: 1px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	}
	
cyberTrustLogo {
clear:both;
float:right;
margin-top:8px;
}

.error { /* Formats the * for required field in the form (Register, MyInfo, & Login) */
font-size:12px; 
font-weight:bold; 
color:#ff0000; 
}