/*---------------------------------------------------- */
/* Description: 4CEE Main Application Theme
/*        Name: Default.css
/*
/* NOTE: Custom style classes are prefixed with (.)
/*       Associate a style class to a HTML object is 
/*       by ID. They are defined with a "#" prefix   
/*---------------------------------------------------- */
body
{
   /*margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;*/

	margin: 0px; 
	padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
	background-color: #ffffff;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
    line-height: 124%;	
	text-align: left;  /* Hack for IE5/Win */   
}

td
{
   vertical-align: top;
}

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

hr
{
   color: #b45d16;
}

#Dropdown
{
	background-color: #E0E0E0;
	height: 10px;
	font-style: normal;
	color: #cccc99;
	font-family: 'Comic Sans MS' , 'Courier New';
	font-variant: small-caps;
}
#Paragraph
{
	background-color: #ccccff;
	height: 10px;
	font-style: normal;
	color: #cccc99;
	font-family: 'Comic Sans MS' , 'Courier New';
	font-variant: small-caps;
	border-right: yellow thin solid;
	table-layout: fixed;
	border-top: yellow thin solid;
	vertical-align: text-bottom;
	border-left: yellow thin solid;
	direction: ltr;
	border-bottom: yellow thin solid;
	border-collapse: collapse;
	text-align: left;
}
#container
{
   background-color: #818689;
}

#container2
{
   background-color: #bcbfc0;
   margin-right: 200px;
}
#container3
{
   background-color: #bcbfc0;
   margin-right: 2px;
}
#header
{
   padding: 0px;
   margin: 0px;
   width: 100%; /* 100% */
   height: 64px; /* 64px */
   background-image: url(images/4cee-back.gif); /* Top Header Row*/
   background-repeat: no-repeat; 
}

#header2
{
   padding: 0px;
   margin: 0px;
   width: 0px; /* 780 */
   height: 0px; /* 184 */
   background-image: url(images/HeaderSlice.gif); 
   background-repeat: no-repeat;
}

#headermenu
{
   position: relative;
   top: 30px;
   left: 245px;
   width: 700px;
   padding: 2px 2px 2px 2px;
}

#breadcrumb
{
   background-color: #202020;
   color: White;
   padding: 7px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: Yellow;
}
#printerFriednly
{
   padding: 0px;
   padding-left: 755px;
   padding-top:0px;
   float: left;
   margin-left: 12px; margin-right: 0px; margin-top: 5px;

}
#bannerbox
{
   border: dashed 2px #c35308;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 5px;
   text-align: center;
   background-color: #e1e1e1;
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: black; 
}

#loginbox
{
   position: absolute;
   top: 400px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#loginbox input
{
   color: red;
   border-color: red;
   background-color: #f7d582;
   font-size: 10px;
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 0px;
   right: 0px;
   width: 195px; 
   height: 60px;
   padding: 2px 2px 2px 2px;    
   background-image: url(images/banner_fade.gif);
   font-size: 10px;
}

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

#welcomebox
{
   font-size: 12px;
   text-align: right;
}
/*---------------------------------------*/                   
/* Footer Section Of The Page Below Center
/*---------------------------------------*/
#footer
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 62px;
   background-image: url(images/FooterSlice.gif);
   visibility: hidden;
}
.IMainCopyOrangeSubHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #D05D00;
	font-weight: bold;
}
.IMainCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.IMainCopyBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.footermenulink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color: black; 
}
#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

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

/*---------------------------------------*/                   
/* Left Section Of The Page Below Header
/*---------------------------------------*/
#leftcol
{
   position: absolute;
   top: 64px;
   left: 0px;
   width: 200px;
   background-color: #bcbfc0;
   font-size: 10px;
}

#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 6px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol a
{
   color: blue;
}
/*---------------------------------------*/                   
/* Center Of The Page Below Header
/*---------------------------------------*/
#centercol
{
   /* Text Area For Center Of The Page */
   position: relative;
   margin-left: 200px;
   padding: 0px;
   background-color: white;
   height: 500px;
}

#centercolcontent
{
   padding: 15px 6px 15px 6px;
}

#centercolcontent div.sectiontitle, #centercolcontent .sectiontitle span
{
   font-weight: bold;
   font-size: larger;
   color: #b45d16;
}

#centercolcontent div.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}
/*---------------------------------------*/                   
/* Right Section Of The Page Below Header
/*---------------------------------------*/
#rightcol
{
   position: absolute;
   top: 64px;
   right: 0px;            
   width: 200px;
   color: White;
   background-color: #818689;
   font-size: 10px;
}

#rightcol a
{
   color: Yellow;
}

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

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 6px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.headermenulink
{
   font-family: Impact;
   font-size: 17px;
   text-transform: uppercase;        
}

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

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

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

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}

.articlebox
{
   background-color: #fefef0;
   color: #b45d16;
   border: dashed 1px #995117;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 18px;
   font-weight: bold;
   color: #995117;
   text-decoration: none;
}

.articleabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: smaller;
}

.pollbox
{
   font-size: 11px;
}

.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;
   background-color:inherit;
}
.mapboxcontent
{
   padding: 1px;
}
.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;
}

.shoppingcartbox
{
   font-size: 11px;
}

.shoppingcartboxcontent
{
   padding: 6px;
}
/*-------------------------------
 * Below classes are controlling 
 * the expand/collapse of DIV 
 *-----------------------------*/
.infoBlock
{
	padding-left: 25px;
	font-size: 0.9em;
	display: block;
	line-height: 1.1em;
	color: #575757;
}
/*-------------------------------
 * Below classes are controlling 
 * the TreeView menu being 
 * displayed
 *-----------------------------*/
td.mainbody{
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
}
td.nav{
	color: #3366CC;
	/*border-right: 1px solid #D7D7D7;*/
	/*background: #F0F0F0;*/
	width: 198px;
    padding: 0px; 
    font-family:Tahoma, Verdana, Helvetica-Narrow, Helvetica, sans-serif;
}
p
{
	vertical-align: top;
	text-align: left;
	font-family: Arial, 'Book Antiqua';
	font-variant: normal;
}