/* Type Selectors: define the style of various HTML elements */
/*-----------------------------------------------------------*/

body
{
   margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
}

td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}

hr
{
	/* color: #FAFAD2;  /* LightGoldenrodYellow */
	color: #C0D9D9; /* lightblue */
}

/* ID Selectors: Styles for HTML elements that has an ID, id="idname" */
/*--------------------------------------------------------------------*/


#pagecontainer
{
	text-align: center;
}

#contentcontainer
{
	position: inherit;
	top: 160px;
	width: 1200px;
	background-color: white;
}

#header
{
   padding: 0px;
   margin: 0px;
   width: 1200px;
   height: 190px;
   background-image: url(images/BannerGraphic_Pink_1200.jpg);
}

#headermenu
{
   position: relative; 
   text-align: center;
   top: 150px;
   width: 1200px;
   padding: 10px 0px 10px 0px;
   background-image: url(images/TopNavBar_Pink_1200.jpg);
}

#themeselector
{
   position: relative;
   text-align: center;
   top: 120px;
   height: 80px;
   padding-left: 1000px;
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: white;
   font-size: 10px;
}

#breadcrumb
{
   text-align: left;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
   background-color: white;
   color: black;
}

#breadcrumb a
{
   color: blue;
}

#loginbox
{
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
   background-color: White;
   color: Black;
}

#welcomebox
{
   font-size: 12px;
   text-align: left;
   padding-left: 8px;
}

#facebox
{
   width:  200px;
   height: 70px;
}
#faceboxpic
{
   padding: 2px 2px 2px 2px; 
   background-image: url(images/Face_Blended_100x65.jpg);
   width:  96px;
   height: 61px;
}

#faceboxtext
{
	color: Black; 
	font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
	position: relative;
	left:100px;
	top:-20px
}

#leftcol
{
	float: left;
	left: 0px; 
	width: 200px;
	color: black;
	background-color: white;
	text-align: left;
	font-size: 10px;
}

#centercol
{
	float: left;
	width: 800px;
	padding: 0px;
	color: black;
	background-color: white;
}

#rightcol
{
	float: right;
	width: 200px;
	color: black;
	background-color: white;
	text-align: left;
	font-size: 10px;
}

#footer
{
   padding: 0px;
   margin: 0px;
   height: 62px;
   width: 800px;
   background-image: url(images/BottomNavBar_Pink_800.jpg);
}

#footermenu
{
   position: relative; 
   text-align: left;
   padding: 10px 2px 2px 2px;
   top: 10px;
   width: 800px;
}

#leftcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#leftcol div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #e1e1e1;
   text-align: justify;
}

#leftcol div.sectiontitle, #leftcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: White;
   color: Black;
   font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
   text-align: center;
   text-transform: uppercase;
}


#centercolcontent
{
   padding: 15px 6px 15px 6px;
   border-left: 1px solid lightblue;
   border-right: 1px solid lightblue;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   color: #b45d16;
   font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
   text-align: center;
   text-transform: uppercase;   
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

#rightcol a
{
   color: blue;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: White;
   color: Black;
   font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
   text-align: center;
   text-transform: uppercase;
}

#footertext
{
   text-align: center;
   padding-top: 3px;            
}

#toolbox
{
    width: 200px;
    background-color: white;
    padding-left: 25px;
}

#searchbox
{
	padding: 6px 2px 6px 0px;
	float:left;
    width:200px;
	background-color: White;
}

#contactme
{
	width: 600px;
	text-align: left;
	background-color: #FFDDFF;
}

#calculator
{
	width: 400px;
	/* background-color: #FAFAD2; */  /* LightGoldenrodYellow */
	background-color: #FFDDFF;  /* pinkish */ 
}

#calcresultscontainer
{
	 position: relative; 
	 left: 0px;
}

#housevaluecontainer
{
	width: 400px;
	background-color: #FFDDFF;  /* pinkish */ 
	/* background-color: #FAFAD2; */  /* LightGoldenrodYellow */
}

#textcontent
{
	text-align: justify;
	font: 13px "Lucida Sans Unicode", Verdana, sans-serif;
}


/* Class Selectors: Styles with custom names for HTML elements with class="classname" */
/*------------------------------------------------------------------------------------*/

.std_text
{
	text-align: justify;
	text-indent: 1cm;
	padding-left: 0.25cm;
	padding-right: 0.25cm;
	font: 12px "Lucida Sans Unicode", Verdana, sans-serif;
}

.std_h3
{
	text-align: left;
	font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
}

.std_h3_intended
{
	text-indent: 1cm;
	text-align: justify;
	font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
}

.h3_centered
{
	text-align: center;
	font: 14px "Lucida Sans Unicode", Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.headermenulink
{
	color: black;
	font: 17px "Lucida Sans Unicode", Verdana, sans-serif;
	text-transform: uppercase;
}

.headermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: white;
}

.footermenulink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color: black; 
}

.footermenulink a:hover
{
   text-decoration: none;
   color: white; 
}

.blogbox
{
	padding: 6px 2px 6px 0px;
}

.categorybox
{
	padding: 6px 2px 6px 2px;
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}

.articlebox
{
	background-color: #FFFFFF;  /* White */
	border-bottom: inset 1px #C0D9D9;  /* lightblue */
	padding: 6px 6px 6px 6px;
	text-align: left;
}

.articledisplay
{
	border-bottom: inset 1px #C0D9D9;  /* lightblue */
	padding: 6px 6px 6px 6px;
	text-align: left;
	background-image: url('images/Notepad.jpg');
	/* background-repeat: repeat-y; */
}

.articletitlelink
{
   font-size: 18px;
   font-weight: bold;
   color: #4169E1;  /* RoyalBlue */
   text-decoration: underline;
   text-indent: 1cm;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: Black;  /* RoyalBlue */
   text-align: center;
}

.articleabstract
{
   padding-top: 6px;
   color: black;
   font-size: small;
}

.articleinfo
{
	color: gray;
	font-size: smaller;
	padding-left: 16px;
}

.articlebody
{
	/* font-size: large; */
	/* font-family: "Monotype Corsiva", "Apple Chancery", "URW Chancery L", cursive; */
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
   text-align: left;
   border-bottom: inset 1px #C0D9D9;  /* lightblue */
}

.pollbox
{
   font-size: 11px;
   background-color: White;
}

.pollcontent
{
   padding: 6px;
}

.pollquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: red;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}

.newsletterbox
{
   font-size: 11px;
}

.newsletterboxcontent
{
   padding: 6px;
}

.postinfo
{
   background-color: #f9eaa6;
   font-weight: bold;
   text-align: center;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #f09d35;
   color: black;
   font-weight: bold;
}

.postbody
{
   padding: 3px;
}