/* @override http://dev.hankos.net/A556E9/net.nsf/template/StyleSheet_template_css.css */
/* @override http://www.hankos.net/A556E9/net.nsf/template/StyleSheet_template_css.css */
/* *********************** GENERAL SETTINGS     *********************** */
html, body {
 height: 100%;
background: #333333;
}

html, body, td {
 font: normal 12px/180% Tahoma, Arial, Helvetica, sans-serif;
 color: #999999;
 margin: 0px;
 padding: 0px;
}

#contentHome {
  background: #333333 url(../templates/images/bgpush.gif) repeat-y;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -150px;
}
.footer, .push {
 height: 150px; /* .push must be the same height as .footer */
}
.push {
 margin-left: auto;
 margin-right: auto;
}
/* CSS global reset for all browsers */ 
* { padding: 0px; margin: 0px; }

/*  Global Formatting */
h1 {font-size:24px;font-weight: normal; color: #FFBB00; letter-spacing: -2px; line-height: 24px;}
h2 {font-size:18px;font-weight: bold; color: #FFBB00; letter-spacing: -1px; line-height: 18px;}
h3 {font-size:14px;line-height: 20px; color: #FFBB00; font-weight: bold;}
h4 {font-size:13px;line-height: 14px; font-weight: bold; }
h5 {font-size:12px;line-height: 13px; font-weight: bold; }
h6 {font-size:11px;line-height: 12px; font-weight: bold;}
a {color: #dbab2a; text-decoration: none;}
a:hover {color: #44c; text-decoration: underline;}
a:link     { color: #dbab2a; text-decoration: none }
a:visited  { color: #e4d48a; text-decoration: none }
a:active   { color: #dbab2a; text-decoration: none }
a:hover    { color: #ffffff; text-decoration: none }

a.image, a.image:hover  {border:0;}
li {  
 list-style-image: url(../templates/images/lists/bullet_hankos.gif);
 text-shadow: #000000 0 0 0;
 list-style-position: outside;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-left: 30px;
}
ul, ol { padding-left: 20px;
 margin-top: 15px;
}
fieldset {
 width: 490px;
 padding: 5px;
 border: 1px solid #eee;
}
.both {
 clear: both;
}
body.published {
background: #333333;
}

body.mceContentBody {
background: white;
}
/* *********************** END GENERAL SETTINGS *********************** */

#main_bg {
 width: 100%;
 background: #333333 url(../templates/images/bg.gif) repeat-x;
 padding-top: 10px;
}

#content { 
 margin: 0px auto;
 width: 860px;
 padding: 0px;
 background-color: #222222;
}

#top { 
 padding: 0px; 
 margin: 0px;
 background: #222222 url('../templates/images/top_bg.jpg') no-repeat top center;
 height: 155px;
 position: relative;
 overflow: hidden;
} 

#top #searchform {
 width: 275px;
 height: 30px;
 padding: 0px;
 margin: 0px;
 text-align: center;
 background: transparent;
 position: absolute;
 right: 0px;
 top: 6px;
}

#top #searchform table.moduletable td { background: none; }

#top #searchform .moduletable {
 margin: 0px;
 padding: 0px;
 text-align: center;
}

#top #searchform form {
 margin: 0px;
 padding: 0px;
 text-align: left;
}

#top #searchform input {
 vertical-align: middle;
 margin: 0px;
 padding: 0px;
}

#top #searchform .inputbox {
 width: 200px;
 height: 17px;
 line-height: 17px;
 padding: 0px 2px;
 font-size: 11px;
 display: block;
 float: left;
 border: 1px solid #000000;
}

#top #searchform .button {
 font: bold 11px "Trebuchet MS", "Times New Roman", Times, serif;
 color: #eeeeee;
}

/******/
#top_modules {
 margin: 0px 0px 20px;
 padding: 0 20px;
 float: left;
 clear: both;
}

.slogan {
 padding: 0px;
 width: 820px;
 float: left;
 clear: both;
 margin: 10px 0px;
}


.sloganOld {
 margin: 0px;
 padding: 0px;
 height: 144px;
 width: 820px;
 float: left;
 clear: both;
}

.white_space {
 height: 20px;
 display: block;
}

#right_side {
 float: right;
 background: transparent;
 margin: 0px;
 padding: 0px;
 width: 630px;
}


#right_side #mosright .padding .moduletable td {
 width: 190px;
}

#mosright { float: right; width: 190px; background-color: transparent; margin-left: 0px; }
#mosright .padding {
 background: transparent;
}

#mosright .padding form {
 margin: 0px;
 padding: 0px;
}

#left_side {
 float: left; 
 width: 190px;
 margin-top: 8px;
 margin-left: 20px;
}
/* My Comment */

#left_side table.moduletable, #right_side table.moduletable {
 padding: 0px;
 width: 100%;
}

#left_side table.moduletable td, #right_side table.moduletable td {
 background: transparent url('../templates/images/module_bg_bottom.gif') no-repeat bottom center;
 padding-bottom: 5px;
}

#left_side table.moduletable td table, #right_side #mosright table.moduletable td table {
 background: url('../templates/images/module_bg.gif') repeat-y center; 
 padding: 0px;
}

#left_side table.moduletable td table td, #right_side #mosright table.moduletable td table td {
 padding: 0px;
 background-image: none;
}

#left_side .lefts { 
 float: left; 
 width: 190px; 
 margin: 0px;
 padding: 0px;
}
 
#left_side .lefts a {  }

.sep {
 display: block;
 height: 0px;
 clear: both;
}

#main {
 padding: 0px; 
 width: 860px;
 margin-right: 0px;
 margin-top: 0px;
 margin-left: 0px;
} 

#main #mcontent {
 margin: 0px 20px;
 padding: 0px;
}

#main #mcontent2 {
 margin: 0px;
 padding: 0px;
 background: transparent;
}

#mcontent .padding { background-color: transparent; padding: 0px; text-align: left;
 margin-top: 7px;
}

#mcontent2 .padding { background-color: transparent; padding: 0px; text-align: left; padding-top: 7px; }

#topPage {
 float: left;
 margin-top: 0;
}
/* *********************** END LAYOUT SETTINGS  *********************** */

/* *********************** NAVIGATION SECTION   *********************** */
/* Pathway Breadcrumbs */ 
 .pathway {font-size: 10px;color:#ccc; font-weight: bold;}
 a.pathway {color:#44c;text-decoration: none;}
 a.pathway:hover {color:#44c;text-decoration: underline;}

/* Mainlevel menu */
.mainlevel { 
 height: 18px;
 border-bottom: 1px solid #333333;
 line-height: 18px;
}

a.mainlevel {
 color: #dbab2a;
 font-size: 11px;
 font-weight: normal;
 text-transform: none;
 padding: 4px 4px 4px 10px;
 margin: 0px 2px;
 text-decoration: none;
 display: block;
 text-align: left;
}
 
a.mainlevel:hover {
 text-decoration: none;
 color: #999999;
 background-color: #333333;
}

#active_menu, #active_menu:hover {
 font-weight: bold;
 color: #dbab2a;
 text-decoration: none;
}

/* End Mainlevel menu */
 
/* Sub Menu */
.sublevel { height: 18px; width: 120px;  }

a.sublevel {
 color: #44c;
 font-size: 11px;
 font-weight: normal;
 text-transform: none;
 text-decoration: none;
 text-align: left;
 float: left;
}

a.sublevel:hover {
 font-weight: normal;
 color: #44c;
 background: #ffffff;
 text-decoration: none;

}

table.moduletable td table div {
 padding: 0px;
 margin-left: 18px;
 height: 20px;
}
/* End Sub Menu */
/* *********************** END ADDRESS MODULE ********************* */

/* *********************** STANDARD MODULE TABLE  ********************* */
table.moduletable {
 padding: 0px;
 margin: 5px 0px;
}

table.moduletable th { 
 font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
 line-height: 12px;
 text-transform: none;
 color: #ffffff;
 text-align: left;
 background: url('../templates/images/module_bg_top.gif') no-repeat center;
 width: 185px;
 padding-top: 26px;
 padding-left: 10px;
 padding-bottom: 16px;
}

table.moduletable td {height: 18px; text-align: center; } 

table.moduletable p {
 text-align: left;
}

.search {
 padding: 0px;
 clear: both;
 margin: 0px;
}

.search .button {
 background: none;
 border: none;
 color: #eeeeee;
 font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 17px;
 letter-spacing: 0px;
 vertical-align: middle;
 text-transform: uppercase;
 padding: 2px;
 margin: 0px;
 width: 66px;
}

.search .button:hover {
 color: #ffffff;
}

.search .inputbox {
 border: none;
 margin: 0px;
 padding: 2px;
 height: 14px;
 width: 120px;
 background: #fff;
 border: 1px solid #000000;
 color: #666;
 vertical-align: middle;
}

.search .inputbox:hover {
 border: 1px solid #000000;
 padding: 2px;
}

/* End Custom Modules */

/* *********************** END STANDARD MODULE TABLE ********************* */

/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */

.contentpaneopen td.contentheading {
 font: normal 240% Arial, Helvetica, sans-serif; 
 letter-spacing: 1px;
 color: #dbab2a;
 text-transform: none;
 letter-spacing: -1px;
 border-bottom: 1px solid #666666;
}

.contentheading table td {
 letter-spacing: 0px;
 font-weight: bold;
}


/* content title and links */
.contentpagetitle {background-color : transparent; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: normal; color: #44c;border-bottom: 0px;}
a.contentpagetitle:hover {color: #44c;border-bottom: 0px dashed #ccc; text-decoration: none;}

/* top box like a category description */
.contentdescription {
 background-color : transparent;
 padding: 10px 0px;
}

/* Main Body Text */
.contentpane {background: transparent;}

.contentpaneopen { background-color: transparent; width: 100%;
 padding: 0px;
 text-align: justify;
}

.contentpaneopen th {
 padding: 20px 0px 0px;
 font: 150% Arial, Helvetica, sans-serif; 
 color: #dbab2a;
}
/* *********************** End TABBED EDITING *********************** */
span.clr {
 display: block;
 clear: both;
}

/* mcontent */
#mcontent {
 font-family: Arial, Helvetica, sans-serif;
 text-transform: none;
 font-variant: normal;
 font-weight: normal;
 font-style: normal;
}

/* content */
#mcontent h3, 
#mcontent h4 {
 color: #FFBB00;
}

#mcontent h3 {
 font-size: 200%; 
 border-bottom: 1px solid #666666;
 font-weight: normal;
 font-style: normal;
 margin-bottom: 20px;
 padding-bottom: 10px;
}

#mcontent h4 {
 font-size: 150%; 
 font-weight: normal;
 font-style: normal;
 margin-top: 30px;
 margin-bottom: 10px;
}

#mcontent p {
 margin-bottom: 10px;
 text-align: justify;
 margin-top: 10px;
}


