/* CSS Document */
body
{
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
text-align: center;
background: #FFFFFF url(img/web-bg.jpg) repeat-y top;
}
#container
{
width: 780px;
margin: auto;
padding: 0px;
}

#header
{
width: 780px;
height: 168px;
background: #FFFFFF url(img/header-bg.jpg) no-repeat;
}
#header h1
{
display: none;
}
#headerlinks
{
position: relative;
top: 8px;
text-align: right;
font-size: 12px;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}

#headerlinks a
{
color: #FFFFFF;
text-decoration: none;
}

#headerlinks a:hover
{
color: #000;
text-decoration: none;
}

#wrapper
{
width: 780px;
position: absolute;
left: 50%;
margin-left: -390px;
padding: 0px;
}

#content
{
position: relative;
text-align: left;
width: 538px;
float: right;
}

#vheader
{
margin: 0px;
background: #FFFFFF url(img/viagraheader.jpg) no-repeat;
position: relative;
top: 16px;
width: 526px;
height: 70px;
line-height: 70px;
}
#vheader h2
{
color: #FFFFFF;
font-size:24px;
margin: 0 0 0 14px;
}

#leftnav
{
position: relative;
width: 233px;
float: left;
background: #FFFFFF url(img/leftnav-bg.jpg) no-repeat top;
}

#nav
{
position: relative;
top: 0px;
color: #fff;
text-align: left;
margin-left: 0px;
margin-top: 100px;
}
#navfooter
{
position: relative;
top: 0px;
}

#maincontent
{
position: relative;
top: 40px;
margin-right: 10px;
}

#topmainnav
{
position: relative;
float: right;
right: 10px;
margin: 0px;
top: 124px;
height: 29px;
line-height: 29px;
}


#glowingtabs{
float:left;
margin-top: 0px;
width: 400px;
font-size:14px;
line-height:normal;
/*border-bottom: 1px solid #7e9fff; Add border strip to bottom of menu*/
}

#glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li{
display:inline;
margin:0;
padding:0;
line-height: 27px;
}

#glowingtabs a{
float:left;
background:url(img/glowtab-left.jpg) no-repeat left 1px;
margin:0;
margin-right: 10px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
}

#glowingtabs a span{
float:left;
display:block;
background:url(img/glowtab.jpg) no-repeat right 1px;
padding: 2px 8px 0px 3px;
font-weight:bold;
color:#fff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
background-position:0 -30px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -30px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -30px; /*Shift background image up to start of 2nd tab image*/
}


#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active
{cursor:pointer;
} 
#nav-secondary
{
width: 205px;
margin: 8px;
padding: 0px;
}

#nav-secondary li
{
border-bottom: 1px solid #FFF;
margin-left: 0px;
padding-left: 0px;
line-height: 25px;
list-style: none;
text-indent: 10px;
}
#nav-secondary li a.mainleftnav:link, a.mainleftnav:active, a.mainleftnav:visited
{
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}
#nav-secondary li a.mainleftnav:hover
{
display:block;
font-family: Arial, Helvetica, sans-serif;
background:  url(img/nav-linkbg.jpg) no-repeat left top;
font-size:12px;
color: #3399FF;
font-weight: bold;
text-decoration: underline;
}
#nav-secondary li ul li.last
{
line-height: 18px;
list-style: none;
padding-bottom: -1px;
margin-bottom: -1px;
}
#nav-secondary li ul li a.mainleftnav2:link, a.mainleftnav2:active, a.mainleftnav2:visited
{
color: #000000;
font-weight: normal;
text-decoration: none;
}
#nav-secondary li ul li a.mainleftnav2:hover
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#A32E92;
font-weight: normal;
text-decoration: underline;
}

#nav-secondary li ul
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
}

#nav-secondary li ul li
{
line-height: 18px;
padding-left: 0px;
background: url(<?= $graphic_folder; ?>bullet2.gif) no-repeat left top;
}

#footer
{
background: #FFFFFF url(img/viagrafooter.jpg) no-repeat top;
height: 107px;
position: relative;
}


#buttons
{
width: 780px;
position: absolute;
top: 280px;
text-align: right;
left: 50%;
margin-left: -390px;
margin-top: 0px;
font-size:14px;
/*border: 1px solid #7e9fff; Add border strip to bottom of menu*/
}

#buttons ul
{
position: relative;
z-index: 100;
float: right;
top: 0px;
right: 10px;
width: 181px;
margin: 0px;
padding: 0px;
}

#buttons ul li
{
color: #FFF;
margin-right: 20px;
text-align: center;
margin-bottom: 6px;
display: block;
height: 23px;
width: 181px;
line-height:22px;
background: #FFFFFF url(img/vbut1.jpg) no-repeat;
list-style: none;
}

#buttons ul li a
{
display: block;
text-decoration: none;
color: #FFF;
}

#buttons ul li a:hover
{
display: block;
text-decoration: underline;
background: #FFFFFF url(img/vbut2.jpg) no-repeat;
color: #000000;
}

