/*bottom footer*/

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
#outer{
min-height:100%;
margin-bottom:-50px;
height:auto;
}
* html #outer{height:100%;}
#footer {
width:100%;
clear:both;
height: 50px;
background-image: url(images/FooterSlice.gif);
}
#clearfooter{clear:both;height:50px;}
div>p {margin:0}
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */
 
/*end bottom footer*/

body
{
   margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
   background-image: url("images/pattern_sfoc.jpg");
}

A, A:hover, A:link, A:visited
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:Navy;
}
td
{
   vertical-align: top;
}

td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}

hr
{
   color: Navy;/* #b45d16;*/
}

#container
{
/*   background-color: #818689;*/
}

#container2
{
 /*  background-color: #bcbfc0;
   margin-right: 200px;*/
}

#header
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 150px;
   background-image: url(images/HeaderSlice.gif);
   background-color:White;
}

#header2
{
   padding: 0px;
   margin: 0px;
   width: 780px;
   height: 150px;
   background-image: url(images/Header2.png);
}

#headermenu
{
   position: absolute;
   top: 120px;
   width: 100%;
   padding: 2px 2px 2px 2px;
   /*hack per centrare su ie - firefox - safari*/
   margin-left:auto; margin-right:auto;
   text-align:center;
   text-align:-moz-center;
   #text-align:center;
    /*fine hack*/
}

#headerRight
{
	padding: 0px;
    margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height:150px;
	background-image: url(images/HeaderRight.gif);
	}

#breadcrumb
{
   background-color: silver;
   color: White;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: navy;
}

#footermenu
{
/*hack per centrare su ie - firefox - safari*/
   margin-left:auto; margin-right:auto;
   text-align:center;
   text-align:-moz-center;
   #text-align:center;
    /*fine hack*/
   padding-top: 10px;            
}

#footertext
{
   /*hack per centrare su ie - firefox - safari*/
   margin-left:auto; margin-right:auto;
   text-align:center;
   text-align:-moz-center;
   #text-align:center;
    /*fine hack*/
   padding-top: 3px;            
}

#bannerbox
{
/*   border: dashed 2px #c35308;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
   margin-right: 10px;*/
position:absolute;
top:10px;
right:50px;
   padding: 5px;
   /*hack per centrare su ie - firefox - safari*/
   margin-left:auto; margin-right:auto;
   text-align:center;
   text-align:-moz-center;
   #text-align:center;
    /*fine hack*/
   background-color:  Transparent;/*#e1e1e1;*/
}

#bannerbox a
{
   font-size: 10px;
   text-decoration: none;
   color: black; 
}

#loginbox
{
   position: relative;
   /*top: 16px;
	left:5px;*/
   width: 188px;
   height: 100px;
   padding: 5px 5px 5px 5px;    
   font-size: 10px;
   background-color:#dddddd;
}

#loginbox input
{
   color: navy;
   border-color: navy;
   background-color: #eeeeee;
   font-size: 10px;
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 50px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{
   font-size: 12px;
   text-align: right;
}


        
#leftcol
{
   position: absolute;
   top: 150px;
   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 3px;
   background-color: #818689;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#rightcol a
{
   color: navy;
}

#centercol
{
   position: relative;
   margin-left: 200px;
   padding: 0px;
 /*  background-color: white;*/
}

#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;
}

#rightcol
{
   position: absolute;
   top: 150px;
   right: 0px;            
   width: 198px;
   color: darkgray;
   background-color: #818689;
   font-size: 10px;
}

#rightcol div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

#rightcol div.sectiontitle, #rightcol .sectiontitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #706a6a;
   color: #f7b76b;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.footermenulink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footermenulink a
{
   text-decoration: none;
   color: black; 
}

.headermenulink
{
   font-family: Verdana;
   font-size: 12px;
 /*  text-transform: uppercase;        */
}

.headermenulink a
{
   text-decoration: none;
   color:  Gray; 
}

.headermenulink a:hover
{
   text-decoration: underline overline;
   color: navy; 
}

.highlight
{
   background-color: #fefbd2;
   color: #000080;
}

.highlightcity
{
   background-color: #df2e05;
}

.highlightstate
{
   background-color: #f4c977;
}

.highlightcountry
{
   background-color: #818689;
}

.articlebox
{
   background-color: #eeeeee;
   color: #b45d16;
   border: dashed 1px #995117;
   padding: 6px 6px 6px 6px;
   font-size: smaller;
}

.articletitle
{
   font-size: 14px;
   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;
}

.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;
}

/*added */
.style1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
	}
.style2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
}

.style3 {
	font-family: "Courier New", Courier, mono; 
	font-size: 12px;
	color: #000000;
}

.rightlink { text-align:"right"; }


