@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; }
a:focus, a:active { outline: none; }
a {color:#007cc4; text-decoration:none;}
a:hover {text-decoration:underline;}

ul {margin:0px !important; }
li {margin:0px !important; }



html { height:100%; max-height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; overflow: hidden; background-color:#f6efd3; font-size:90%;}
body { height:100%; max-height:100%; min-height:100%; overflow:hidden; color: #000; line-height:1.3em; }

p {margin-bottom:10px; font-size:.8em !important; line-height:1.2em;}
td {margin-bottom:10px; font-size:.8em !important; line-height:1.2em; padding-top:6px;  padding-right:20px; padding-bottom:5px; border-bottom:1px none #999; }
th {font-size:.8em; text-align:left; border-bottom:1px solid #999; padding-right:20px; padding-bottom:5px;}

.bu {border-bottom:1px solid #dcddf5; padding-bottom:6px; }

.textfield {border:1px solid #999; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:1px 3px 2px 3px;}
.textfield2 {border:2px solid #FF0000; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:1px 3px 2px 3px;}

.radio { color:#FF0000;}
.radio2 { border:2px solid #FF0000; color:#FF0000;}

.code {margin-top:0px; width:95px; border:1px solid #999; height:28px; font-size:1.2em;}
.code2 {margin-top:0px; width:95px; border:2px solid #FF0000; height:26px;  font-size:1.2em;}

#header {  position:absolute; margin:auto; top:0px; display:block; height:100px; font-size:.9em; z-index:2; width:100%; right:15px; }
#headerbg {display:block; margin:auto; width:800px; height:90px;  }

#headerbg h2 { display:none; }
#headerbg h3 { display:none; }

#headershadow { position:relative; left:25px; top:0px; display:block; width:800px; height:10px; filter:alpha(opacity=15); opacity:.15; background: url(../images/head-shadow.gif) no-repeat 0px -2px; z-index:1;}

#bgrnd {position:absolute; left:50%; margin-left:-407px; _margin-left:-411px; width:800px; height:100%; background-color:#FFF; margin-top:8px; }


#stj { width:800px; *width:801px; background:url(../images/top_bg.png) no-repeat center 0px #f8eed3; height:132px; border-top:0px none #006600; border-bottom:13px solid #2b2e2a; margin-left:8px; }
.stj_nav { margin-top:-8px; display:block; padding:0px; z-index:2; width:auto; float:right; font-size:.8em;}
.stj_nav ul { list-style:none; }
.stj_nav ul li { list-style:none; float:left; color:#FFF; background-color:#006600; margin:0px 0px 0px -4px !important; border-left:1px solid #FFF; border-bottom:1px none #FFF; padding:0px !important; height:18px; }
.stj_nav ul li a { color:#FFF; padding:2px 12px 2px 8px; text-decoration:none; margin:0px !important;}
.stj_nav ul li a:hover { color:#FFF; background-color:#009900; text-decoration:none; }

h1 {color:#007cc4; font-size:1.3em; margin:0px 0 30px 0; }
h2 {color:#007cc4; font-size:1.1em; margin:20px 0 10px 0; font-weight:normal; }
h3 {color:#007cc4; font-size:.9em; margin:0px 0 10px 0; font-weight:bold; }


#intro {color:#666; font-size:1em; margin:0px 0 10px 0; line-height:1.2em; }

#content { display:block; height:100%; max-height:100%; width:100%; overflow-x:hidden; overflow:auto; overflow-y:scroll;  position:relative; z-index:1;}

#contentbg { height:auto; width:800px; overflow:hidden; padding-bottom:0px; margin:auto;}

#wrapper {margin:0 auto 0 auto;  width:750px; padding-bottom:0px; height:auto;  }

#section { width:750px; margin: 0 auto 0 auto; height:auto; font-size:1.1em ; margin-left:0px; margin-bottom:50px;}


#padx {display:block; height:280px; width:100%;}



#nav {position:absolute; height:20px; top:220px; margin-left:25px; color:#FFF;}


#nav a {color:#FFF; text-decoration:none; display:inline-block; padding:2px 6px;}

#nav a:hover {text-decoration:none; background-color:#0099FF;}


/* FOOTER
=============================================================================*/

#footer { width:100%; height:20px; right:7px; _right:11px; margin:0; position:absolute; bottom:0px; _bottom:-1px; z-index:100 !important; display:block; font-size:9px; line-height:1.3em; }

#footerinner { width:800px; height:20px; margin:auto; z-index:101 !important; background-color:#007cc4;  padding-left:0px; padding-top:3px; text-transform:uppercase; color:#FFF !important; }

#footer a, #footer a:visited {color:#FFF; text-decoration:none; }
#footer a:hover, #footer a:focus {color:#FFF !important; text-decoration:underline;}


.small {font-size:.6em !important; color:#777; padding-bottom:0; }


.asterisk {font-size:1.4em !important; color:#FF0000; position:relative; top:5px; }










#admin-panel { display:none; font-size:100%; position:absolute; top:150px; left:50%; width:400px; margin-left:-212px; height:115px; border:2px solid #666; background-color:#DDD; z-index:400; padding:10px; color:#000; position: fixed; position:expression("absolute"); z-index:10; }
#admin-panel h3 {margin:0 0 3px 0; color:#333 !important;}
#admin-panel .close { display:block; position:absolute; top:6px; right:28px; color:#333; width:80px; text-align:right; }
#admin-panel .hide { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; top:4px; right:6px; color:#333; text-align:center; }
#admin-panel .hide a, #admin-panel .hide a:visited, #admin-panel .hide a:link { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; color:#333; text-align:center; text-decoration:none; }
#admin-panel .hide a:hover { text-decoration:none; }

#admin-panel-empty { display:empty; font-size:100%; position:absolute; top:150px; left:50%; width:400px; margin-left:-212px; height:140px; border:2px solid #666; background-color:#DDD; z-index:400; padding:10px; color:#000; position: fixed; position:expression("absolute");  z-index:3; }
#admin-panel-empty h3 {margin:0 0 3px 0; color:#333 !important;}
#admin-panel-empty .close { display:block; position:absolute; top:4px; right:28px; color:#333; width:80px; text-align:right; }
#admin-panel-empty .hide { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; top:4px; right:6px; color:#333; text-align:center; }
#admin-panel-empty .hide a { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; color:#333; text-align:center; text-decoration:none; }
#admin-panel-empty .hide a:hover { text-decoration:none; }

#admin-panel-wrong { display:none; font-size:100%; position:absolute; top:150px; left:50%; width:400px; margin-left:-212px; height:140px; border:2px solid #666; background-color:#DDD; z-index:400; padding:10px; color:#000; position: fixed; position:expression("absolute");  z-index:3; }
#admin-panel-wrong h3 {margin:0 0 3px 0; color:#333 !important;}
#admin-panel-wrong .close { display:block; position:absolute; top:4px; right:28px; color:#333; width:80px; text-align:right; }
#admin-panel-wrong .hide { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; top:4px; right:6px; color:#333; text-align:center; }
#admin-panel-wrong .hide a { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; color:#333; text-align:center; text-decoration:none; }
#admin-panel-wrong .hide a:hover { text-decoration:none; }

#admin-panel-access { display:none; font-size:100%; position:absolute; top:150px; left:50%; width:400px; margin-left:-212px; height:140px; border:2px solid #666; background-color:#DDD; z-index:400; padding:10px; color:#000; position: fixed; position:expression("absolute");  z-index:3; }
#admin-panel-access h3 {margin:0 0 3px 0; color:#333 !important;}
#admin-panel-access .close { display:block; position:absolute; top:4px; right:28px; color:#333; width:80px; text-align:right; }
#admin-panel-access .hide { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; top:4px; right:6px; color:#333; text-align:center; }
#admin-panel-access .hide a { display:block; width:15px; height:15px; border:1px solid #333; position:absolute; color:#333; text-align:center; text-decoration:none; }
#admin-panel-access .hide a:hover { text-decoration:none; }



#admin-head {width:896px; margin:20px auto;}
#admin-head a:hover {text-decoration:none !important;}






.button2 { margin-left:0px; height:24px !important; border:0px solid #FFF; background:url(../images/button2.gif) repeat-x ;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; padding:0 10px 4px 10px; cursor:pointer; color:#fff; border:1px none #006f2c;  }






#editbox { font-size:.9em !important; }
#editbox table { border-right:1px none #1d1eaa; border-bottom:1px none #1d1eaa;}
#editbox td { border-left:1px none #1d1eaa; border-top:1px none #1d1eaa;}

#editbox1 { font-size:1em; border:1px solid #1d1eaa; }
#editbox1 table { border-right:1px none #1d1eaa; border-bottom:1px none #1d1eaa;}
#editbox1 td { border-left:1px none #1d1eaa; border-top:1px none #1d1eaa; padding:8px 8px 0 8px;  }

.tinymce { font-size:.7em;  }
.tinymce h3 { font-size:1.2em; font-weight:bold; }
.tinymce { border-top:1px solid #1d1eaa !important; border-right:1px solid #1d1eaa !important; margin-bottom:10px !important; }
.tinymce td { border-top:1px none #1d1eaa !important; border-right:1px none #1d1eaa !important; border:1px solid #1d1eaa; padding-left:10px;  padding-bottom:10px !important; }





















/*---------TOP NAVIGATION for PAGES---------  */

#nav-menu {position:absolute; top:-128px; margin-left:28px; _margin-left:0px; z-index:100;}

#nav-menu ul { margin:10px 0 0 0; padding:0px; height:35px; clear:both; width:940px; margin:0 auto;  }

  #nav-menu li { float:left; list-style-type:none; margin:0px 4px 0px 0px; overflow:hidden; line-height:17px; _width:110px;   }

    #nav-menu ul li:hover a, #nav-menu ul li.hover a, #nav-menu ul li.current_page_item a { text-decoration:none;  color:#eceadb; background:#222623 url(1-default/buttonbg.png) right top; 

	padding:12px 12px 20px 8px 12px; }

    #nav-menu ul li a { font:normal 18px Georgia, "Times New Roman", Times, serif; _font-size:18px; text-decoration:none; display:block; margin:0px 5px 0px 0; padding:12px 20px 8px 20px; _padding:12px 10px 8px 10px; color:#333 }

    #nav-menu ul li a:hover { text-decoration:none; color:#eceadb !important;  background:#222623 url(1-default/buttonbg.png) right top;   }



	#nav-menu ul li:hover a, #nav-menu ul li.hover a, #nav-menu ul li.current-cat a { text-decoration:none;  color:#eceadb !important; background:#222623 url(1-default/buttonbg.png) right top; 

	padding:12px 12px 20px 8px 12px; }

	

	



/*---------DROPDOWN NAVIGATION FOR CATEGORIES--------- */

#nav li ul li a{ font-size: 14px; padding-top:7px; margin-right:0; color:#eceadb !important;  }

#nav li ul li a:hover{ text-decoration:none; background:#313d34; }

#nav li ul{ margin:-4px 0 0 0; background:transparent; position:absolute; width:15em; left:-999em; border-top:1px solid #404040 }

#nav li:hover ul, #nav li.sfhover ul{ left:auto; z-index:1000 }

#nav li ul li{ background:#222623; border:solid #404040; line-height:26px; width:15em; border-width:0 1px 1px 1px; font-weight:bold }

#nav li:hover, #nav li.hover{ position:static }

#nav li ul ul{ margin:-34px 0 0 15em; border-bottom:none; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{ left:-999em; padding:2px 0 0;  }

#nav li:hover, #nav li.sfhover{  }

#nav li ul li ul li, #nav li ul li ul li ul li, #nav li ul li ul li ul li ul li{ border:solid #404040;  border-width:0px 1px 1px 1px }

#nav li ul li ul, #nav li ul li ul li ul, #nav li ul li ul li ul li ul{ border:solid #404040; border-width:0 0 0px 0 }

#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul{left:-999em }

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul{left:auto; }

#nav li  li:hover ul, #nav li  li.sfhover ul, #nav li  li:hover ul, #nav li  li li:hover ul, #nav li  li.sfhover ul, #nav li  li li.sfhover ul{left:15em; top:-2px; }

select, #nav{ padding:0 }

.bot, #header .spacer p, .list2{clear:both }

#nav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }


.leftquote { font-family:'Times New Roman', Times, serif; font-size:36px; color:#CCC; height:10px; position:relative; top:12px; line-height:12px; }
.rightquote { font-family:'Times New Roman', Times, serif; font-size:36px; color:#CCC; height:10px; position:relative; top:12px;  line-height:12px;  }