/* SWOG-CTI STYLE */
body { background-color: #002d62; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { font: normal 1.4em Georgia, serif; padding: 0; color: #a2c051; }
p { font: .75em Verdana, sans-serif; padding: 0; line-height: 18px; color: #002d62; }

#wrapper { width: 870px; margin: 35px auto; }


/* CONTENT STYLES */
#content { width: 870px; height: 475px; background: #002d62 url('/images/background.gif') no-repeat 0 0; }

img#logo { float: left; padding: 165px 0 0 53px; }
#content h1 { float: right; width: 390px; padding: 100px 85px 20px 0; }
#content p { float: right; width: 390px; padding: 0 85px 15px 0; }


/* BOTTOM NAVIGATION */
#nav { position: relative; width: 870px; height: 93px; background-image: url('/images/bottom_nav.gif'); margin: 0; }
#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#nav li { height: 45px; display: block; margin-top: 30px; }
#nav a { height: 45px; display: block; }

#link1 { left: 40px; width: 220px; }
#link2 { left: 310px; width: 170px; }
#link3 { left: 530px; width: 290px; }

#link1 a:hover {background: transparent url('/images/bottom_nav.gif') -40px -123px no-repeat; }
#link2 a:hover {background: transparent url('/images/bottom_nav.gif') -310px -123px no-repeat; }
#link3 a:hover {background: transparent url('/images/bottom_nav.gif') -530px -123px no-repeat; }

#link1 a:active {background: transparent url('/images/bottom_nav.gif') -40px -123px no-repeat;}
#link2 a:active {background: transparent url('/images/bottom_nav.gif') -310px -123px no-repeat;}
#link3 a:active {background: transparent url('/images/bottom_nav.gif') -530px -123px no-repeat;}


/* FOOTER STYLES */
#footer { width: 870px; margin: 0 auto; padding: 0 0 0 20px; font: .55em Arial, Verdana, sans-serif; color: #d9d2be; }