body{margin:30px auto;
background-color:#646464;}
td{font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#000000;
text-align:left;
font-style:normal;
line-height:normal;
font-weight:normal;
font-variant:normal;}
a{color:#194E04;
font-weight:bold;
text-decoration:none;}
a:hover{color:#194E04;
font-weight:bold;
text-decoration:underline;}
.title{font-size:12px;
font-weight:bold;
color:#194e04;
text-align:justify;}
.header{height:110px;
background-image:url(../images/headerbg.gif);
background-repeat:no-repeat;
background-color:#646464;}
.headerleft{padding:15px 0 0 15px;}
.headerright{padding:15px 15px 0 0;}
.mainbody{background-image:url(../images/mainbodybg.gif);
background-repeat:repeat-y;
background-color:#646464;
text-align:left;}
.mainleft{padding:0 0 0 20px;
text-align:justify;}
.navigation{background-image:url(../images/mainbodybg.gif);
background-repeat:repeat-y;
padding:0px 0px 0px 15px;}
.navmenu{text-align:center;
font-size:10px;
font-weight:bold;
background-color:#FFFFFF;
background-image:url(../images/TabO.gif);
background-repeat:no-repeat;
background-position:center;}
.navmenuhome{text-align:center;
font-size:10px;
font-weight:bold;
background-color:#FFFFFF;
background-image:url(../images/TabH.gif);
background-repeat:no-repeat;
background-position:center;}
.navmenu:hover{background-image:url(../images/TabH.gif);
background-repeat:no-repeat;
background-position:center;}
.navigation a{color:#FFFFFF;}
.navigation a:hover{color:#000000;
text-decoration:none;}
.questions{padding:0 0 0 0px;
text-align:justify;}
.mainright{padding:0px 15px 0 5px;}
.weblinks{padding:20px 20px 20px 20px;
border:none;
font size:9px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.weblinksText{padding:2px 2px 2px 10px;
border:none;
font-size:10px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.footer{height:43px;
margin:0;
background-image:url(../images/footerbg.gif);
background-repeat:no-repeat;
background-color:#646464;}
.footerleft{padding:8px 0 0 35px;
font size:9px;}
.footerright{text-align:right;
padding:8px 35px 0 0;
font size:9px;}
.poweredBy{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#555555;}
.site_phrases_top{position:absolute;
width:770px;
top:0;}
.site_phrases_top ul{color:#3d9707;
font-weight:bold;
list-style:none;
padding:5px;
text-align:center;}
.site_phrases_top li{display:none;
margin:5px;}
.ServicesTxtL{font-size:11px;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
padding:0px 0px 0px 15px;
color:#000000;
text-align:justify;}
.ServicesTxtR{font-size:11px;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
color:#000000;
text-align:justify;
padding:0px 18px 0px 0px;}
.SMHImoto{font-family:Tahoma, Geneva, sans-serif;
font-size:9px;
padding:0 0 0 20px;
text-align:justify;}
.SMHImotoFoot{font-family:Tahoma, Geneva, sans-serif;
font-size:9px;
padding:0 20px 0 20px;
text-align:justify;}
#toggle{float:inherit;
list-style:none;
margin-bottom:30px;
padding:0 0 0 0px;
text-align:justify;
margin-left:12px;
list-style-position:outside;}
#toggle li a{font-size:12px;
text-decoration:none;
padding:0 0 0 0px;
text-align:justify;}
#toggleable{float:left;
position:relative;
z-index:40;
width:353px;}
/* remember to add the id's to all the 3 different statements */
/* default state, all the div's are hidden.. just add and remove div's to the list */
#default,#Q1,#Q2,#Q3,#Q4,#Q5,#Q6,#Q7,#Q8,#Q9,#Q10,#Q11,#Q12,
{display: none;}
	/* if the user doesn't have javascript (and if the javascript somehow doesn't load (add new id's with .show_all in front to add more div's ) */
.show_all #default,.show_all #Q1,.show_all #Q2,.show_all #Q3,.show_all #Q4,.show_all #Q5,.show_all #Q6,.show_all #Q7,.show_all #Q8,.show_all #Q9,.show_all #Q10,.show_#all #Q11,.show_all #Q12,
{display:block;}
	/* it the correct link is clicked.. if "cow" is the id: .cow #cow,  */
.default #default,.Q1 #Q1,.Q2 #Q2,.Q3 #Q3,.Q4 #Q4,.Q5 #Q5,.Q6 #Q6,.Q7 #Q7,.Q8 #Q8,.Q9 #Q9,.Q10 #Q10,.Q11 #Q11,.Q12 #Q12,
{display:block;}