* { margin: 0px; padding: 0px; list-style: none; }

body { width: 960px; margin: 0px auto; background-color: #999; font-size: 112.5%; font-family: Times New Roman, Times, serif; }
html>body { font-size: 18px; }


a:link { color: #900; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #900; text-decoration: underline; }
a:active { color:#333; text-decoration: underline; }

p, ul, li { font-size: 1em; line-height: 1.333em; }
p, ul { margin-bottom: 1.333em; }
h3 { font-weight: bold; font-size: .75em; line-height: 1.778em; }


.header { background-color: #000; border-top: 10px solid #F00; }
.header p { font-size: .75em; color: #FFF; padding: 0; margin: .5em 0 .5em 15px; }
.header a { color: #FFF; }
h1 { text-align: center; width: 100%; background-color: #333; line-height: 0; }


#search { float: right; margin-right: 15px; font-size: 1em; position: relative; }
#search #q { width: 200px; border: 1px solid #000; font-size: 1em; margin: .25em 0; }
#search select, #search #submit { font-size: .75em; vertical-align: 10%; }
#hintlist { position: absolute; top: 1.25em; left: 0; margin-top: 6px; width: 202px; z-index: 2; }
.hint { display: block; background-color: #FFF; border: 1px solid #000; border-top-width: 0px; padding: 3px; }
.hint:link { background-color: #FFF; color: #000; }
.hint:visited { background-color: #DADADA; color: #000; }
.hint:hover { background-color: #F00; color: #000; text-decoration: none; }
.hint:active { background-color: #00F; color: #000; text-decoration: none; }
.hint:focus { background-color: #99F; color: #000; }


.nav { width: 960px; background-color: #FFF; position: absolute; height: 32em; padding-bottom: 2px; }
.disclaimer { clear: left; margin: 10px; width: 210px; font-size: .75em; line-height: 1.333em; }

.cat { clear: left; }

.cathead { float: left; width: 230px; background-color: #333; height: 4em; }
.cathead h2 { font-size: 1.5em; line-height: 1.333em; margin: -1px 10px 0px 10px; padding: .25em 0px 0em .25em; border-top: 1px solid #AAA; color: #FFF; }
.cathead:hover h2 { color: #F00; }
.cathead .note { font-size: .667em; line-height: 1.5em; margin-left: 10px; padding-left: .563em; color: #FFF; }
#tools .cathead h2 { border-top: none; margin-top: 0px; background: #333 url('images/selected.jpg') no-repeat 180px 10px }


.catmenu { z-index: 1; position: absolute; top: 4em; left: 230px; float: right; width: 730px; display: none; background-color: #FFF; border: 0px solid #000; border-width: 1px 1px 1px 0px; background: #FFF url('images/gradient.jpg') repeat-x bottom left; overflow: hidden; }
.col1 li, .col2 li, .col3 li, .col4 li, .col5 li, .col6 li { padding-left: 15px; text-indent: -15px; }
.col1 h3, .col2 h3, .col3 h3, .col4 h3, .col5 h3, .col6 h3 { border-bottom: 1px solid #000; margin-right: 15px; }
div.primary h3 { float: left; width: 170px; margin-left: 25px; }
div.primary ul { float: left; }
div.primary li { float: left; margin-right: 25px; }

#favs .cathead h2 { border-top: none; margin-top: 0px; }
#favs .cathead { background-color: #000; color: #FFF; border-top: 1px solid #000; }
#favs .catmenu { display: block; position: absolute; top: 0px; left: 230px; border-width: 1px 1px 0px 0px; height: 4em; background: none; }
#favs .catmenu p { font-size: .75em; margin-top: .5em; margin-left: 25px; }

#toolsmenu ul.primary { float: left; margin-bottom: 0; margin-left: 25px; margin-top: .5em; }
#toolsmenu ul.primary li { float: left; margin-bottom: .5em; margin-top: -2px; width: 140px; margin-right: 20px; }
#toolsmenu ul.primary a { display: block; border: 1px solid #000; padding: .25em 10px; }
#toolsmenu ul.primary .aside { display: block; font-size: .5em; line-height: 1.333em; margin-top: .333em; margin-bottom: 1em; }
#toolsmenu .col1 { clear: left; }
#toolsmenu .col1, #toolsmenu .col2, #toolsmenu .col3 { width: 160px; margin-right: 10px; margin-top: -2px; }
#toolsmenu .col4 { float: none; margin-left: 535px; width: 180px; }
#weather b { font-size: .75em; line-height: 1.778em; margin-left: -15px; }
#weather img { float: left; margin-right: 5px; margin-top: 4px; }
#weather { margin-left: 15px; }
#weatherlink { margin: .667em 0; }

#infomenu .col1 { clear: left; }
#infomenu .col1, #infomenu .col2, #infomenu .col3, #infomenu .col4 { width: 160px; margin-right: 10px; }


#lifemenu .col1 { clear: left; width: 160px; margin-right: 10px; }
#lifemenu .col2 { width: 510px; }
#lifemenu .col2 ul { float: left; width: 160px; margin-right: 10px; }
#lifemenu .col3 { clear: left; width: 340px; margin-left: 25px; }
#lifemenu .col3 ul { float: left; width: 160px; margin-right: 10px; }
#lifemenu .col4 { width: 340px; }
#lifemenu .col4 ul { float: left; width: 160px; margin-right: 10px; }

#lifemenu .aside { clear: left; margin-left: 25px; }

#acadmenu .col1 { width: 680px; }
#acadmenu .col1 ul { float: left; width: 320px; margin-right: 20px; }
#acadmenu .col2 { clear: left; margin-left: 25px; width: 320px; margin-right: 20px; }
#acadmenu .col3 { width: 330px; margin-right: 10px; }
#acadmenu .col4 { clear: left; width: 320px; margin-left: 25px; margin-right: 20px; }
#acadmenu .col5, #acadmenu .col6 { width: 160px; margin-right: 10px; }


.col1 { margin-left: 25px; }
.col1, .col2, .col3, .col4, .col5, .col6 { float: left; }
