/* 

On main pages include header and clear divs, put class on logo instead of style, change main div from class to id 

Set up blog pages to show different options - 1) fixed navbar, blog page needs to be shorter because scrollbar gets hidden by navbar 2) iframe with dual scrollbars 3) load blog page in new window

*/

body { margin: 0px; padding: 0px; background-color: #666666; width: 100%; height: 100% }

#header { text-align: right; background-color: #666666; height: 90px; padding: 0px }

#main { background-color: #000000; padding: 10px 40px 20px 40px; border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; }

#clear { clear: both; }

p { color: #FFFFFF; line-height: 1.25; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif }

li { color: #FFFFFF; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif }

h1 { color: #33CCCC; font-size: 150%; font-style: italic; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

h2 { color: #33CCCC; font-size: 120%; font-style: italic; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }

.big { font-size: 120% }

.nobr { white-space: nowrap }

p.nav { clear: both; text-align: center; background-color: #666666; margin: 0px; padding: 20px 0px 10px 0px }

img { border: solid 1px #999999 }

img.logo { width: 420px; height: 90px; border: solid 0px #666666; }

img.nav { height: 15px; border: solid 0px #666666; margin-left: 10px; margin-right: 10px }

a:link { color: #009999; text-decoration: underline; }
a:visited { color: #00CCCC; text-decoration: underline }
a:hover { color: #33FFFF; text-decoration: underline }
a:active { color: #33FFFF; }

a.image:link { border: solid 0px white }
a.image:visited { border: solid 0px white }
a.image:hover { border: solid 0px white }
a.image:active { border: solid 0px white }