/* woven stylesheet */

body {
 font-family: "Trebuchet MS", "MS Sans Serif", Times, serif;
 text-align: center;
 background: url(images/body_back.jpg) #f8f8f9;
 font-size: 100%;
 margin: 20px 0px 20px 0px;
 padding: 0px;
 color: #111;
}

h1 {
 font-family: verdana;
 font-size: 24px;
 text-align: center;
 font-weight: bold;
 }
 
h2 {
 font-family: verdana;
 font-size: 18px;
 text-align: left;
 font-weight: bold;
 }
 
h3 {
 font-family: verdana;
 color: #ff0000;
 font-size: 16px;
 font-weight: bold;
 font-variant: small-caps;
 text-align: center;
 }
 
.comic {
 font-family: comic sans, comic sans ms; 
 font-size: 16px;
 text-align: center;
 }

#header {
 position: relative;
 width: 90%;
 margin: 0px auto;
 padding: 5px 20px 0px 20px;
 font-size: 45px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 text-align: right;
 white-space: nowrap;
 color: #ffffff;
 height: 100px;
 background: #000000;
}

#header_small {
 font-size: 30px;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: normal;
 text-align: right;
 color: #CCE5F9;
 font-variant: small-caps;
}

/* Definition for horizontal top menu */
#topnav {
 position: relative;
 background: url(images/bg_topnav.gif) #ddb8b5 repeat-x;
 height: 20px;
 margin-left: 0px;
 padding: 0px 1% 0px 1%;
 width: 100%
}

ul#mainlevel, ul#mainlevel-nav {
 font-size: 1em;
 list-style: none;
 padding: 7px 6% 0px 0px;
}

#topnav a, a.mainlevel-nav{
 color: #777;
 display: block;
 margin-right: 15px;
 padding: 5px 0px 4px 0px;
 text-align: center;
 text-decoration: none;
}

a.mainlevel-nav{
 color: #777;
 display: block;
 margin-right: 15px;
 padding: 5px 0px 4px 0px;
 text-align: center;
 text-decoration: none;
}

#topnav li a:hover, #topnav li a.linkon {
 border-bottom: 8px solid #777;
 padding: 7px 0px 4px 0px;
 color: #222;
}

ul#mainlevel li, ul#mainlevel-nav li {
 display: inline;
 float: right;
 list-style: none;
 margin: 0px;
 padding: 0px
}

#container {
 position: relative;
 margin: 0px;
 padding: 0px;
 left: 0px;
 width: 100%
}

.hidden{
 left: -1500px;
 top: -400px;
 position: absolute
}

#leftcol {
 float: left;
 margin-left: 10px;
 padding-right: 10px;
 margin-top: 10px;
 left: 0px;
 text-align: center;
 width: 70%;
}

#content {
 /* border: 1px solid #000; */
 background: url(images/right_shadow.gif) #fff repeat-y right top;
 /* background-color: #fff; */
 width: 100%;
 margin: 0px;
 padding: 0px 25px 0px 25px;
 text-align: left;
 font-family: Verdana, Helvetica, Arial, monospace, sans-serif;
 font-size: 13px;
 font-style: normal;
}

.path {
 font-weight: bold;
 font-size: 10px;
 font-family: Verdana, Helvetica, Arial, monospace, sans-serif;
 color: #d6ae8f;
 padding: 5px 0px 10px 10px;
 text-align: left;
 width: 98%;
 color: #424142;
}

.path a:link, .path a:visited {
 color: #424142;
 text-decoration: none;
}

.path a:hover, .path a:active {
 color: #fccca7;
 text-decoration: none;
}

#rightcol{
 float: right;
 margin: 10px;
 padding: 15px 0px 0px 0px;
 text-align: center;
 width: 150px;
 background: url(images/whiteback.gif) ;
}

#bottom {
 float: left;
 background: url(images/bottom_ice.gif) no-repeat right bottom;
 height: 50px;
 padding: 0px 25px 0px 25px;
 margin: 0px;
 width: 100%
}

#footer {
 position: relative;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 width: 300px;
 text-align: center;
 font-family: "Trebuchet MS", Geneva, Helvetica, Arial, Verdana, monospace, sans-serif;
 font-size: 10px;
 font-style: normal;
 font-weight: bold;
 color: #424142;
 background: #ffffff;
}

.spacer {
 height: 12px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 2px;
 font-style: normal;
}

.spacer_mini {
 height: 6px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 2px;
 font-style: normal;
}

ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 list-style-type: square;
}

li {
 line-height: 15px;
 padding-left: 15px;
 padding-top: 0px;
}

div, td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}

p  {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-align: justify;
}

a:link, a:visited {
 color: #64677b; 
 font-weight: bold; 
 text-decoration: none; 
}

a:hover, a:active {
 color:  #09f; 
 font-weight:  bold; 
 text-decoration:  underline; 
}

.pagenav {
 font-size: 10px;
 font-weight: bold;
 color: #404040;
}

hr {
 height: 2px;
 width: 90%;
 color: #ff740a;
}

hr separator {
 height: 2px;
 width:40%;
}

a.mainlevel:link, a.mainlevel:visited {
 width: 140px;
 font-size: 14px;
 color: #585670;
 font-weight: bold;
 text-decoration: none;
 padding-right: 3px;
}

a.mainlevel:hover {
 width: 140px;
 font-size: 14px;
 text-decoration: none;
 color: #CCE5F9;
 font-weight: bold;
 padding-right: 3px;
}

.createdate {
 font-size: 10px;
 color: #424142;
}

.modifydate {
 font-size: 10px;
 color: #424142;
 font-style: italic;
}

.readon {
 font-size: 11px;
 color: #586b40;
 padding-bottom: 5px;
 text-decoration: none;
 white-space: nowrap;
}

.readon:hover {
 color: #000;
 text-decoration: none;
 background-image: url(images/animarrow.gif);
 background-repeat: repeat-x;
 background-position: 100% 100%;
}

.contentpane {
  padding: 15px;
}

.contentpaneopen {
 text-align: justify;
 padding-right: 30px
}

.contentheading {
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 18px;
 font-weight: bold;
}

.category {
 font-size: 13px;
 font-weight: bold;
}

a.category:link, a.category:visited {
 color:  #85bd6e; 
}

a.category:hover, a.category:active {
 color: #ff9900;
}

.componentheading {
 font-size: 13px;
 font-weight: bold;
}

/** Section styles
*/

.sectiontableheader {
 font-size:  12px; 
 font-weight:  bold; 
 }

/** Buttons, tabs and input box
*/

.button {
 font-size:  10px; 
 font-weight:  bold; 
 text-align:  left; 
 background-color:  #FFCC66; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #000000; 
 padding:  1px; 
 }

.inputbox {
 text-align: left;
 font-size:  10px; 
 font-weight:  bold; 
 border-color:  #000;
 border-width:  1px; 
 border-style:  dotted; 
 padding:  1px; 
 background-image: url(images/body_back.jpg);
 background-position: left top;
}

.ontab {
 font-size:  10px; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #000000; 
 }

.offtab {
 font-size:  10px; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #000000; 
 }


table.moduletable {
 /* border: 1px solid #000; */
 padding: 3px;
 margin-bottom: 15px;
 margin-right: 5px;
 text-align: left;
 width: 100%;
}

table.moduletable td {
 padding: 2px;
 font-size: 12px;
 font-weight: normal;
 text-align: right;
 color: #101010;
}

table.moduletable th {
 border-bottom: 1px dashed #85bd6e;
 color: #201020;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 16px;
 font-weight: bold;
 text-align: right;
 padding: 3px;
}

.small {
 font-size:  9px; 
 color:  #85bd6e;
 font-weight:  bold; 
 }
.smalldark {
 font-size:  9px; 
 color:  #568b40; 
 font-weight:  bold; 
 }

table.contact {
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #568b40; 
 }

table.contact td.icons {
}

table.contact td.details {
 font-size:  11px; 
 font-weight:  bold; 
}