* { margin: 0; padding: 0; font-size: 100%; }
html { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height: 20px; color: #000033; }
body { text-align: left; background-color: #ECE9D8; }

/* general formatting */
img { border:0; }
a { text-decoration: none; color: #D46F00; }
a:hover { text-decoration: underline; }
ul { list-style:disc; margin-left: 40px; }
ol {list-style: decimal inside; }
hr { margin: 10px 0px 25px 0px; }
h3 { font: 16px arial, helvetica, sans-serif; color: #003366; margin: 24px 0px 14px 0px; }

/* header */
#main { width: 973px; margin-top: 10px; margin-bottom: 10px; margin-left:auto; margin-right:auto; text-align: left; }
#header {background: url(../images/header-tail.gif) left top repeat-x; }
#header { height: 87px; }
#header .float-l { width: 250px; height: 60px; position: relative; float: left; margin: 0px; padding: 13px 0px 0px 20px; }
#header .float-r { width: 430px; height: 50px; position: relative; float: right; margin: 0px; padding-top: 35px; }
#header a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; line-height: .8em; }
#header a:hover { text-decoration: underline; }

/* nav bar */
.navigation { background: url(../images/orange-band.gif); height: 70px; }
.navigation li { float: left; }
#activetab a { color: #000; background-color: #E6F1F7; padding: 5px; }
#activetab a:visited { color: #000; }
.navigation li:first-child { border-left: 0px; padding-left: 20px; }
.navigation li { border-left: 1px solid #ECE9D8; margin-top: 10px; padding: 8px 10px 5px 10px; } 
.wrapper { width: 100%; overflow: hidden; }

/* left column */
#leftcolumntop { padding: 0px 0px 0px 0px; }
#leftcolumntitletop { font-size:14px; font-weight:300; border-top: 2px solid #FF9900; margin: 0px 10px 10px 10px; padding: 4px; border-bottom: solid #a9a9a9 1px; background-color: #f8f8ff; }
.leftcolumntitle { font-size:14px; font-weight:300; border-top: 2px solid #FF9900; margin: 15px 10px 10px 10px; padding: 4px; border-bottom: solid #a9a9a9 1px; background-color: #f8f8ff; }
.leftcolumntext { padding: 0px 5px 4px 20px; }
.leftcolumnitem { padding: 0px 0px 16px 5px; text-align: center; }
.leftcolumnitem img {margin: 0px -1px; border: 0px; width: 110px; }

/* body */
#introduction { font-size: 16px; line-height: 24px; padding-left: 4px; padding-bottom: 20px; }
.bodytitle { font-size:16px; margin: 0px 0px 20px 0px; border-top: solid #a9a9a9 1px; border-bottom: 2px solid #FF9900; padding: 5px; background-color: #f8f8ff; }
.newstitle { font-size:16px; margin: 0px 0px 20px 0px; border-top: solid #a9a9a9 1px; border-bottom: 2px solid #FF9900; padding: 5px 5px 25px 5px; background-color: #f8f8ff; }
.title { float: left; }
.readmore { color: #7eab3f; font: italic 12px verdana, arial, sans-serif; float: right; margin-top: 4px; }
.readmore a { color: #D46F00; text-decoration: none; }
.readmore a:hover {text-decoration: underline; }
.readmore a:visited { color: #D46F00; }
.bodysubtitle { font-size:14px; color:#003366; font-weight:bold; font-style:italic; }
.body { margin-bottom: 20px; }
.body img { margin-right: 8px; }

/* right column */
.rightcolumntitle { font-size:14px; font-weight:300; border-top: 2px solid #FF9900; margin: 0px 10px 18px 10px; padding: 4px; border-bottom: solid #a9a9a9 1px; background-color: #f8f8ff; }
.rightcolumnitem { padding: 0px 0px 25px 10px; }
.rightcolumntext { padding: 0px 0px 25px 22px; }

.rightcolumnbutton { padding: 0px 0px 0px 10px; } 
#rightcolumnimage { padding: 0px 0px 4px 35px; width:105px; } 


/* footer */
#footer p { background:url(../images/footer-tail.gif) left top repeat-x; text-align: center; color: #4F5A5F; text-transform: uppercase; font-size: 12px; line-height: 1.6em; padding: 30px 0;}
#footer a { color:#4F5A5F; border-left: 1px solid #4F5A5F; padding-left: 7px; margin-left: 7px; text-decoration: none; }
#footer a:hover { text-decoration: underline;}
#footerlist  li { display: inline; color: #339; }


/*inherited */
.col-1 {width:190px; border: 0px solid green; padding-left: 10px; }
.col-2 {width:535px; padding-left: 10px; padding-right: 10px; border: 0px solid brown; }
.col-3 {width:210px; border: 0px solid red; }

.bodycolumn { width:735px; padding-left:10px; padding-right: 10px; border: 0px solid green; }

.col-3 img { padding: 0px 0px 5px 0px; width: 190px; }

.clear {clear:both;}

#content .col-1,
#content .col-2,
#content .col-3, 
#content .bodycolumn {float:left;}

#content {background:#FFFFFF url(../images/content-tail.gif) left top repeat-x; padding:20px 0 15px 0px;} 

h1 {padding-right: 10px; font-weight:200; font-size:1.6em; font-style:italic; }

.col-1 li {background:url(images/list-tail.gif) left bottom repeat-x; line-height:1em; padding:9px 0 13px;}
.col-1 li a {background:url(images/list-marker1.gif) left 3px no-repeat; padding-left:16px; color:#2E393D; text-decoration:none;}
.col-1 li a:hover {background-position:5px 3px;}
.col-1 a:hover { text-decoration:none; }
.col-2 li {padding:5px 0px 5px 0px; text-indent:0px; } /* This is how to get the proper indentation for a list */