*{margin:0px;padding:0px;border-style:dotted; border-width:0px;border-color:red;} /* baseline for everything else*/
/* the body codes do not neccessarily dictate the body text, because the definition overrides it. However, this is handy because
it sets the base font used for EVERYTHING (menus, etc.). So, for example, if you want to use Georgia,Times,Serif for body text like a lot
of Wordpress themes do, but you want to keep everything else nice easy-to-read sans, then set this to the sans font family but set
to the serif family */
body { font-size:10pt; color:#000033; line-height:120%; font-family: verdana, Helvetica, sans-serif; text-align:left; background-color:#aaaaaa;}
/*background-image:url('images/bodyfade.png'); background-repeat:repeat-y; background-position:top center; background-attachment:fixed;*/}
a:link,a:active,a:visited {text-decoration:; color:#333377;} /* how do body text links look before you hover over them? */
a:hover {text-decoration:underline; color:#8888ac;} /* this affects links within the body text */
/* Tantek's hack - don;t monkey with this */
p { font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;} html>p {font-size: small;}
/* fckedit wraps a
tag around pretty much everything you do, so this actually defines the look of body text */
p { font-size:10pt; line-height:140%; color:black; padding-bottom:10px;}
/* site structure defined here, and exactly echos the
structure in the template */
/* change the overall template page width here, use 100% for a full width fluid layout, 800px or 1000px for more control, margin:auto centers the layout */
#center { width: 900px; height: 100%; margin:auto; position: relative;}
#page_container {clear:both; left: 0px; top: 0px; width: 100%; position: absolute; height: 100%; margin:0px; padding:0px; padding-top:0px;}
/* you may want to tweak the bkgd color if the banner is more than a simple graphic */
#banner_container { clear:both; width:100%; background-color:#e6e6e6; margin:0px; padding:0px;}
#banner { background-color:inherited; margin-bottom:-10px; padding:0px;}
/* the menu bar uses H5 for horizontal menu items, set all to 0px to effectively hide the menubar - this is funky with ie6, so if you
do not want a menubar, COMMENT THIS DIV OUT OF THE TEMPLATE entirely! */
#menu_bar { height:0px; background-color:black; border-bottom:0px solid grey; border-top:0px solid grey;}
/* here you can modify the locator that appears below the banner. Make height 0px to make it disappear */
/* also if you're going to make it invisible, might as well remove the div and php call from the template so the code is clean */
#locator { height:18px; color:#666666; background-color:#e6e6e6; padding-left:20px; font-size:70%; font-weight:normal;}
/* the spacer div is repeated anywhere in the layout where you want to enforce a standard...er...sapcer! It's used liberally in the nav column to separate elements */
.spacer { height:20px; margin:0px; padding:0px; background-color:inherited;}
#content_and_navigation {clear:both; width: 100%; margin:0px; padding:0px; } /*background-image: url("images/page-bkgd.png")*/
/* want the navigation menu on the right or the left? Change the float setting of the column containers to put it where you want it */
/* ie if you change the three flaots to right instead of left, the right and left columns reverse themselves! Slick. */
/* for liquid layouts use percentages for the width setting, for fixed width layouts use pixel values */
/* don't use borders between the columns if you are using a liquid, percentage based layout. Try it and you'll see why... */
#left_column_container { float: left; width: 160px; background-color:#e5e5e5; margin:0px; padding:0px;} /* obviously 0px width makes it disappear */
/* here's where you can change the background color of the left column */
#left_column_content{ height:100%; background-color:#e6e6e6; padding-left:2px; padding-right:10px; margin-top:-9px; }
/* key : if you change the one column width, tweak others to compensate if you are not using a liquid (percentage based) layout */
/* sets the bkgd color for your content area */
/* the border setting plays nice across browsers and lets you include a diving line between divs, a handy way to avoid using image backgrounds...*/
#content_container{ float: left; width: 578px; height: 100%; margin:0px; padding:0px; background-color:white;
border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
#pre_content{margin-top:-10px; padding:0px; background-color:inherited; }
#content {padding-left:20px; padding-right:20px;padding-top:14px;padding-bottom:20px;background-color:inherited; }
#post_content{padding-left:10px; padding-right:10px;padding-top:4px;padding-bottom:5px; background-color:inherited;}
#right_column_container {float:left; width:160px; margin:0px; padding:0px; background-color:#e6e6e6;}
#right_column_content {height:100%; padding:6px; background-color:inherited; margin-top:-6px }
#content_footer_container { clear:both; width: 100%; margin:0px; padding:0px;}
/* inherited background color allows it to just use the blgd color of the containing div (the container divs in this case) */
#content_footer{ padding-left:20px; padding-right:20px; } /* padding on top makes the box visible even when empty */
#bottom_banner { clear: both; width: 100%; height: 100%; border-top: 0px solid #222222; border-bottom: 0px solid #222222; background-color:#e6e6e6;}
#credits { clear: both; width: 100%; height: 100%; background-color:RED; }
/*#sitename { font-size: 23px; font-weight: bold; padding: 25px 40px 0 400px; color: #D4AF83;}*/ /* not used */
li {}
ul {list-style: disc; padding-left:30px; font-family: verdana,arial,sans; font-size:10pt; line-height:140%; color:black; padding-bottom:10px;} /* list-style none would get rid of bullets */
ol {padding-left:30px; font-size:10pt; line-height:140%; color:black; padding-bottom:10px; padding-top:0px;}
/*here you can fine tune the look of the navigation menu */
.menu {font-size:90%; font-weight: normal; width:156px; } /* this scales the menu overall, then sublevels are recursively shrunk i.e. each is xx% the size of the next higher level (next item)*/
.docs li, .doc li, .sdocs li, .sdoc li {line-height:220%; margin-top:2px; margin-left:0px; padding-left:0px; font-size:95%; width:144px; } /* only formats menu list items instead of all list items */
.menu ul {list-style:none;} /*same as above*/
/* tweak the styles of various menu levels */
.menulevel1 {font-size:90%; color:#850000; background-color:#f2f2f2; padding-left:0px; padding-bottom:0px; font-weight:normal;}
.menulevel1 a {color:#888888; text-decoration:none;}
.menulevel1 a:hover {color:#222222; text-decoration:underline;}
.menulevel2{color:white; background-color:#692E2E; margin-left:-9px; padding-left:10px; font-weight:normal;padding-bottom:0px;}
.menulevel2 a {color:#cccccc; text-decoration:none;}
.menulevel2 a:hover {color:#eeeeee; text-decoration:underline;}
.menulevel3{ color:white; margin-left:-9px; padding-left:20px; font-weight:normal; padding-bottom:0px }
.menulevel3 a {color:#bbbbbb; text-decoration:none;}
.menulevel3 a:hover {color:#eeeeee; text-decoration:underline;}
.doc ,.docs ,.sdoc ,.sdocs {list-style: none; line-height:30px; padding-left:10px; margin-left:-2px; width:170px; border-top:1px solid #997272; width:150px;}
.menulevel2 .doc, .menulevel2 .docs, .menulevel2 .sdoc, .menulevel2 .sdocs {font-size:80%; line-height:215%;}
/* this tweaks the height of all menulevel 2 items to help differentiate them a bit from level 1 items. Level 3 inherits */
.sitemap { font-size:80%; padding-left:20px; }
.sitemap a{text-decoration:none;}
/* this is likely to be confusing...normally CMSimple causes the page titles (headings) to appear at the top of the page. In many cases, I find it intrusive and prefer to add custom headlines myself, hence I can use an image and have more font control, etc. If you DON'T want the headings to appear at the top of the pages, set this to display:none instead of display:normal , otherwise you can adjust for font sizes, etc. */
/* This has NOTHING to do with the size of the menu items */
h1,h2,h3 { font-size:18px; color:#692e2e; text-align:center; text-decoration:underline; padding-bottom:20px; display:none; }
h4 {font-size:80%; letter-spacing:6px; font-weight:normal; color:#b0b0b0; line-height:300%; } /* h4 is the word "submenu" */
h5 {font-size:10px; font-weight:normal; background-color:; color:white; } /* add tags for tab menus here...what about box characteristics? */
h5 a:link,h5 a:active,h5 a:visited {text-decoration:none; color:white;}
h5 a:hover {text-decoration:underline;}
h6 { font-size:10pt; font-weight:normal; text-align:left; line-height:90%;}
h6 ul li{list-style-type: square; line-height:90%; }
.copyright {font-size:85%; text-align:center; color:#999999; padding-top:4px; padding-bottom:4px; background-color:#e6e6e6}
.copyright a {text-decoration:none; color:#999999}
.copyright a:hover {color:#666666}
.edit {font-size:10px; width:460px;}
.login a{font-size:75%; padding-left:20px; color:#cccccc; text-decoration:none;}
.submenu {font-size:80%;font-spacing:5px;}
.submenu a {text-decoration:none;}
.submenu li.doc, .submenu li.docs , .submenu li.sdoc , .submenu li.sdocs {border-bottom:none; border-top:none; width:100%; line-height:180%;} /* gets rid of border boxes around submenu links */
.sitemaplevel1 li.docs, .sitemaplevel2 li.doc {border-bottom:none; border-top:none;} /* gets rid of border boxes around sitemap links */
.searchbox .text, .searchbox .submit { font-size:70%; border: 1px solid #c0c0c0; background: white; }
input {border:1px solid black; margin:2px; padding:2px;}
/* ----------here's all the classes for defining actual content------------ */
.section_head {
font-size:18px; color:#692e2e; text-align:center; text-decoration:underline; padding-bottom:20px;
}
.sub_head1 {
font-size:14px; color:#1f1c9c; font-weight:bold; padding-left:0px; text-transform:uppercase; padding-top:10px;
}
.sub_head2 {
font-weight:bold; padding-bottom:0px; text-transform:capitalize;
}