html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
background:url(img/jqy_bkgd.gif) repeat-x;
}

#wrapper {
width:900px;
margin:0 auto;
}

#header {
background:url(img/jqy_header.gif) no-repeat top center;
width:900px;
height:191px;
}

#header h1 {
text-indent:-9999px
}

#nav {
width:220px;
float:left;
}

#nav ul {
list-style:none;
}

#nav ul li {
width:185px;
height:33px;
text-indent:-9999px;
}

#nav ul li.home {
background:url(img/nav_home.gif) no-repeat 0 0;
}

#nav ul li.gay {
background:url(img/nav_gay.gif) no-repeat 0 0;
}

#nav ul li.experience {
background:url(img/nav_experiences.gif) no-repeat 0 0;
}

#nav ul li.history {
background:url(img/nav_history.gif) no-repeat 0 0;
}

#nav ul li.faq {
background:url(img/nav_faqs.gif) no-repeat 0 0;
}

#nav ul li.resources {
background:url(img/nav_resources.gif) no-repeat 0 0;
}

#nav ul li.links {
background:url(img/nav_links.gif) no-repeat 0 0;
}

#nav ul li.support {
background:url(img/nav_support.gif) no-repeat 0 0;
}

#nav ul li.join {
background:url(img/nav_join.gif) no-repeat 0 0;
}

#nav ul li.videos {
background:url(img/nav_videos.gif) no-repeat 0 0;
}

#nav ul li.contact {
background:url(img/nav_contact.gif) no-repeat 0 0;
}

#nav ul li:hover {
background-position:0 -33px;
}

#nav ul li#active {
background-position:0 -33px;
}

#nav ul li a {
width:185px;
height:33px;
display:block;
}

#content {
width:590px;
float:left;
border-left:1px solid #cccccc;
padding-left:25px;
}

#content h2 {
border-bottom:1px solid #660066;
color:#660066;
font-size:32px;
margin-bottom:25px;
padding-bottom:5px;
text-align:center;
text-transform:capitalize;
}

#content p {
padding-bottom:12px;
font-size:15px;
line-height:20px;
}

#content ul {
margin-left:12px;
padding-bottom:12px;
}

#content ul li {
padding-bottom:5px;
font-size:15px;
line-height:20px;
}

#footer {
margin-top:25px;
height:50px;
background-color:#660066;
text-align:center;
}

#footer p {
color:#ffffff;
padding-top:15px;
}

.text h3 {
color:#660066;
font-size:20px;
font-weight:bold;
margin:10px 0px;
text-align:center;
text-transform:uppercase;
}

.text h4 {
font-size:20px;
padding:10px 0px;
}

.text h5 {
color:#660066;
padding-bottom:8px;
font-size:18px;
}

.text a {
color:#cf0094;
padding:0px;
text-decoration:none;
font-weight:bold;
font-size:16px;
}

.text a:hover {
background-color:#FFFF00;
text-decoration:none;
}

#content p.footnote {
font-style:italic;
font-size:12px;
}

#content p span.byline {
padding-left:10px;
text-align:right;
font-style:italic;
font-weight:bold;
}

#content h5 a {
color:#660066;
font-weight:bold;
}

#content h5 a:hover {
color:#660066;
text-decoration:none;
background-color:#ffffff;
}

#content .text .book img {
float:left;
padding-right:15px;
}

#content .text .book img:hover {
background-color:#ffffff;
}

#content .text .book {
padding-bottom:10px;
float:left;
width:560px;
}

#content .text .book p {
float:left;
}

#content .text .book a {
float:left;
}

#content .text .book p.title {
padding-bottom:5px;
display:block;
width:480px;
}

#content .text .book p.author {
font-style:italic;
display:block;
}