/*** Containers ***/
* {
margin: 0;
padding: 0;
}

body {
background: #ccc;
color: #333; 
font: 70%/1.5em verdana, tahoma, arial, sans-serif;
text-align: center;
}

#container {
background: #ccc url("images/ContentBG.jpg") repeat-y center top;
margin: 0 auto;
text-align: left;
width: 820px;
}

#content-wrap {
clear: both;
margin: 0 auto;
padding: 0; 
width: 760px;
}

#main {
float: right;
margin: 0;
padding: 0;
width: 72%;
}

#main h1 {
background: #fff url("images/Heading.gif") no-repeat 3px 50%;	
border-bottom: 1px solid #eff0f1;
color: #5fc23e;
font: Bold 125% verdana, 'Trebuchet MS', sans-serif;
margin-top: 10px;
padding: 5px 0 5px 25px; 	
}

/*** Header ***/
#header {
background: #ccc url("images/UrologyHeader.jpg") center top no-repeat;
color: #fff;
height: 101px;
padding: 0;
position: relative;
width: 820px;
}

/*** Navigation Bar ***/
#navbar {
background: url("images/navbar.jpg") repeat-y center top;
clear: both;
font: bold 11px/26px verdana, arial, tahoma, sans-serif;
height: 26px;
margin: 0;
padding: 0 40px 0 0;
}

#navbar ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}

#navbar ul li {
display: inline;
}

#navbar ul li a {
color: #fff;	
display: block;
float: left;
margin: 0 0 0 2px;
padding: 0 8px;
text-decoration: none;
}

#navbar ul li a:hover {
background: #F5921E url("images/UrologyBar.gif") center repeat-x;
color: #fff;
}

#navbar ul li#current a {	
background: #F5921E url("images/UrologyBar.gif") center repeat-x;
color: #fff;
}

/*** Menu ***/	
#menu {
float: left;
font-size: 11px;
width: 202px;
padding: 0;
margin: 0;	
}

#menu h1 {
background: #EEF0F1 url("images/UrologyHeaderBG.gif") repeat-x left bottom;	
border: 1px solid #eff0f1;
color: #555;
font: bold 12px verdana, 'Trebuchet MS', sans-serif;
margin: 10px 0 0 0;
padding: 5px 0 5px 10px; 
}

#menu .list-box {
border: 1px solid #eff0f1; 
margin: 0 0 5px 0;	
}

#menu ul.list-items {
list-style: none;
margin: 3px 0 8px 0;
padding: 0;
text-align: left;
text-decoration: none;		
}

#menu ul.list-items li {
background: url("images/Menu.gif") no-repeat 5px 5px;	
border-bottom: 1px solid #eff0f1;
margin: 0 2px;	
padding: 2px 0 2px 25px;
}

#menu ul.list-items a {
background-image: none;	
font-weight: bolder;
text-decoration: none;
}

/*** PageNav ***/
#PageNav {
float: right;
height: 26px;
list-style: none;
margin: 8px 0 0 0;
padding: 0;
width: 184px;
}

#PageNav li {
display: inline;
}

#PageNav li a {
display: block;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
}

.Page1 {
background: url(images/PageNav.gif) left center no-repeat;
height: 26px;
width: 32px;
}

.Page1_2 {
background: url(images/PageNav_Dim.gif) center no-repeat;
height: 26px;
width: 32px;
}

.Page1_3 {
background: url(images/PageNav_Dim.gif) right center no-repeat;
height: 26px;
width: 32px;
}

.Page2 {
background: url(images/PageNav_Dim.gif) left no-repeat;
height: 26px;
width: 32px;
}

.Page2_2 {
background: url(images/PageNav.gif) center no-repeat;
height: 26px;
width: 32px;
}

.Page2_3 {
background: url(images/PageNav_Dim.gif) right no-repeat;
height: 26px;
width: 32px;
}

.Page3 {
background: url(images/PageNav_Dim.gif) left center no-repeat;
height: 26px;
width: 32px;
}

.Page3_2 {
background: url(images/PageNav_Dim.gif) center no-repeat;
height: 26px;
width: 32px;
}

.Page3_3 {
background: url(images/PageNav.gif) right center no-repeat;
height: 26px;
width: 32px;
}

.Prev {
background: url(images/Arrow_Prev.gif) center no-repeat;
height: 26px;
width: 44px;
}

.Prev_Dis {
background: url(images/Arrow_Prev_Disabled.gif) center no-repeat;
height: 26px;
width: 44px;
}

.Next {
background: url(images/Arrow_Next.gif) center no-repeat;
display: inline;
height: 26px;
width: 44px;
}

.Next_Dis {
background: url(images/Arrow_Next_Disabled.gif) center no-repeat;
height: 26px;
width: 44px;
}

.third_left {
float:left;
height: 26px;
width: 33%;
}

.third_center {
height: 26px;
width: 33%;
}

.third_right {
float:right;
height: 26px;
width: 33%;
}

/*** Classes ***/
h1, h2, h3 {
font: bold tahoma, verdana, 'Trebuchet MS', sans-serif;
}

h1 {
font-size: 120%;	
}

h2 {
font-size: 110%;
text-transform: uppercase;
color: #b49001;
}

h3 {
font-size: 110%;
color: #666; 
}

h1, h2, h3, p {
padding: 10px;		
margin: 0;
}

ul, ol {
color: #b49001;
list-style-type: square;
margin: 5px 20px;
padding: 0 20px;
}

ul span, ol span {
color: #666;
}

.impaired {
background: url("images/balloon.gif") no-repeat left center;
margin: 0 10px 0 5px;
padding: 0 0 0 20px;
}

.photo {
border: none;
float: left;
margin: 10px;
padding: 5px;
}

.photo2 {
border: none;
float: right;
margin: 10px;
padding: 5px;
}

img {
border: none;
}

img.fl_center {
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
}

img.fl_right {
border: 1px solid #ccc;
float: right;
margin: 10px 0px 10px 10px;
padding: 5px;
}

img.fl_left {
border: 1px solid #ccc;
float: left;
margin: 10px 10px 10px 0;
padding: 5px;
}

#container a {
color: #4F82CB; 
text-decoration: none;
}

#container a:hover {
color: #4EBF37;
}

blockquote {
background: #fafafa url("images/leftquote.gif") center left no-repeat;    
border: 1px solid #f2f2f2; 
margin: 10px;
padding: 0 0 0 26px;  
}

#quoteend {
background: #fafafa url("images/rightquote.gif") center no-repeat;
float: right;
height: 26px;
margin: 5px 0 10px 10px;
width: 26px;
}

/*** Footer ***/	
#footer {
background: #ccc url("images/UrologyFooter.jpg") center top no-repeat;
clear: both;
color: #666;
font-size: 11px;
height: 55px;
text-align: center;	
width: 820px;
}

#footer a {
text-decoration: none;
}