* { 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: #3366FF; }
a:hover { text-decoration: underline; }
ul { list-style:disc; margin-left: 40px; }
ol { list-style: decimal inside; }
hr { margin: 10px 0px 25px 0px; }

/* header */
#main { width: 973px; margin-top: 10px; margin-bottom: 10px; margin-left:auto; margin-right:auto; text-align: left; border-top:5px solid #F7F2D6; border-bottom:5px solid #F7F2D6; border-left:5px solid #F7F2D6; border-right: 5px solid #F7F2D6; }
#header {background: url(../images/header-tail.gif) left top repeat-x; }
#header { height: 80px; }
#header .float-l { width: 250px; height: 60px; position: relative; float: left; margin: 0px; padding: 9px 0px 0px 20px; } 
#header .float-r { width: 450px; height: 50px; position: relative; float: right; margin: 0px; padding-top: 30px; }

#header a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 1px; }
#header a:hover { color: #000000; text-decoration: none; }

/* nav bar */
.navigation { background: url(../images/orange-band.gif); height: 70px; background-color: blue; }
.navigation li { float: left; }
#activetab a { color: #000; background-color: #ECE9D8; 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; text-align: left; }
#leftcolumntitletop { font-size:14px; font-weight:300; border-top: 2px solid #7895C4; margin: 0px 13px 15px 0px; padding: 4px; border-bottom: solid #FF9900 1px; background-color: #f8f8ff; }
#leftcolumntitle { font-size:14px; font-weight:300; border-top: 2px solid #7895C4; margin: 15px 13px 15px 0px; padding: 4px; border-bottom: solid #FF9900 1px; background-color: #f8f8ff; }
.leftcolumnitem { padding: 0px 10px 20px 33px; }
.leftcolumnitem img { width: 125; }
.leftcolumntext { padding: 0px 0px 4px 20px; }
.leftcolumnlist { padding: 0px 0px 4px 20px; margin-left:-12px; }
#introduction { font-size:16px; line-height:24px; }

/* body */
.bodytitletop { font-size:16px; margin: 0px 0px 20px 0px; border-top: solid #FF9900 1px; border-bottom: 2px solid #7895C4; padding: 5px; background-color: #f8f8ff; }
.bodytitle { font-size:16px; margin: 30px 0px 20px 0px; border-top: solid #FF9900 1px; border-bottom: 2px solid #7895C4; padding: 5px; background-color: #f8f8ff; }
.newstitle { font-size:16px; margin: 30px 0px 20px 0px; border-top: solid #FF9900 1px; border-bottom: 2px solid #7895C4; padding: 5px 5px 25px 5px; background-color: #f8f8ff; }
.title { float: left; }
.readmore { color: #3366FF; font: italic 12px verdana, arial, sans-serif; float: right; margin-top: 4px; }
.readmore a { color: #3366FF; text-decoration: none; }
.readmore a:hover {text-decoration: underline; }
.readmore a:visited { color: #3366FF; }
.bodysubtitle { font-size:17px; color:#003399; margin-bottom:10px; }
.body { margin-bottom: 20px; }
.body img { margin: 0px 8px 0px 8px; }

/* right column */
.rightcolumntitle { font-size:14px; font-weight:300; border-top: 2px solid #7895C4; margin: 0px 0px 20px 20px; padding: 4px; border-bottom: solid #FF9900 1px; background-color: #f8f8ff; }
.rightcolumnitem { padding: 30px 0px 0px 20px; }
#rightcolumnsearch { padding-left: 27px; }
.rightcolumntext {  padding: 0px 0px 0px 28px; }
#rightcolumnvideotext { padding: 0px 0px 0px 20px; }
#rightcolumnimage { width:auto; padding: 0px 0px 4px 35px; } 
#survey { padding: 30px 0px 0px 28px; }

/* footer */
#footer { background:url(../images/footer-tail.gif) left top repeat-x; text-align: center; color: #4F5A5F; text-transform: uppercase; font-size: 12px; line-height: 1em; 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:203px; border: 0px solid green; padding-left: 10px; }
.col-2 {width:535px; border: 0px solid brown; }
.col-3 {width:210px; border: 0px solid red; }

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

.clear {clear:both;}

#content .col-1,
#content .col-2,
#content .col-3 {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;}
.leftcolumnitem img {width: 125px; }
.col-2 li {padding:5px 0px 5px 0px; text-indent:0px; } /* This is how to get the proper indentation for a list */
.col-2 li strong {color:#2F393D;}
.col-3 img { padding: 0px 0px 5px 0px; width: 190px; }