/* CSS Document */


body {background-color: #444; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; line-height: 1.3; letter-spacing: 1.2;}
h1, h2, h3 {color: #000;  padding: .5em 0; }
h1 {font-size: 145%; text-transform: capitalize;}
h2 {font-size: 130%; }
h3 {font-size: 120%;  }
p {padding: .5em 0;}
ul, ol {margin: 15px 40px;}
ul {list-style-type:disc}
li {margin:0 0 5px 5px;}
ol li {list-style-type:decimal;}

#wrapper {border: 1px solid #fff;  width: 900px; margin: 30px auto 0px; position: relative;}
#wrapper {background: transparent url(../../assets/sitegraphics/backgroundgradient.png) repeat-y scroll 0 0;}

#header {height: 155px;  text-align: center; padding:  25px; margin-bottom: 60px;}
#header {background: transparent url(../../assets/sitegraphics/headerbackground.png) repeat-x scroll 0 0;}
#header h1, #header h2, #header h3 {color: #fff; font-family:"Times New Roman",Georgia,Serif; padding: 0;}

#header h1 {font-size: 350%; margin-top: -15px;}
#header h2 {font-size: 275%;}
#header h3 {font-size: 225%;}


#horizontalmenu {position: absolute; top: 205px; left: 0px; }
#horizontalmenu {padding: 0; margin: 0; width: 100%; background-color: #000; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#horizontalmenu ul {padding: 0; margin: 0; float:left; display: inline;}
#horizontalmenu li { padding: 0; margin: 0 0 0 0; list-style-type: none; float: left; display: inline;}
#horizontalmenu a { font-size: 110%; color: white; text-decoration: none; display: block; padding: 15px;}
#horizontalmenu a:hover {color:#fff; background-color: #666;}
#horizontalmenu a:active {color:#000; background-color: white;}

#search {color: #000; width: 210px; float: right; padding: 3px; margin: 12px 10px 0 0; }
.ajaxSearch_result a {color: #fff;}
.ajaxSearch_highlight {color: #eee;}

#maincontent {width: 540px;  padding: 10px 30px ; float: left; display: inline;}
.imageleft {float: left; margin: 5px 10px 10px 0;}
.imageright {float: right; margin: 5px 0 10px 10px;}
.textleft {float: left; margin: 5px 10px 10px 0; padding: 10px; border: 1px solid #666; width: 35%;}
.textright {float: right; margin: 5px 0 10px 10px;  padding: 10px ; border: 1px solid #666; width: 35%;}

#horizontalline {clear: left; border: 2px solid #eee; margin: 15px;}
#articleimagecontainer {margin: auto; width:516px;}
.articleimage { float: left; margin: 10px; width: 150px; display: inline;}
.articleimage img {border: 1px solid #000; margin-bottom: 10px;}
.articleimage a {font-size: 100%; color: #000;  text-decoration: none;  text-align: center; display: inline-block;}
.articleimage a:hover {color:#fff} 

/*  FAQ  */

.faqquestion {cursor: hand; cursor: pointer; color:#000; font-weight: bold; margin: 8px 0px;}
.faqquestion:hover {text-decoration: underline;}
.faqcontent p {margin-left: 25px;}
.faqcontent ol, .faqcontent ul {margin-left: 45px;} 


#sidebar {width: 300px;  float: left; padding: 0px; }
#sidebar h2 {text-align: center; margin: 10px 0; color: #fff;}
#sidebar li {margin-left: 0; padding: 0px; list-style-type:none; line-height: 1.2em; }

#footer {width: 900px; clear: both; margin: 0 auto 25px; border: 1px solid #fff; border-top: 0px;}
#footer {text-align: center; padding: 15px 0; }
#footer {background: transparent url(../../assets/sitegraphics/footerbackground.png) repeat-x scroll 0 0;}
#footer a {color: #fff; font-size: 90%;}
#footer a:hover {color: #000;}

/* CONTACT */
.spf_prompt {display: block;}