/*-----------------------------------------------
University of Colorado Urologists Cascading Style Sheet - Print
Designed by CITT, www.cittdesign.com
Last Update: August 18, 2006
----------------------------------------------- */
html {
margin: 0;
padding: 0;
}
body {
	margin: 0px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #333 url(../images/html_bkgrnd.gif) repeat-x 0px 0px;
	color: #000;
	font-size: 0.75em;
	line-height: 1.5em;
	}
*html body { /*body text style for Internet Explorer, fixes all subsequent fonts*/
font-size: 76%;
}
/*----------------------------container--------------------------------------*/
#container { /* Container Div Style */
margin: 0 auto;
padding: 0;
background-color: #fff;
color: #000;
width: 100%;
text-align: left;
height: 100%;
}
/*----------------------------header--------------------------------------*/
#header { /* Header Style */
	margin: 0;
	padding: 0;
	height: 0px;
	display: none;
}
/*----------------------------vertical navigation text links--------------------------------------*/
#verticalnav { /* vertical text link navigation container */
margin: 0px;
padding: 0px;
display: none;
}
/*----------------------------horizontal navigation--------------------------------------*/
#container #nav { /* main navigation container */
margin: 0px;
padding: 0px;
display: none;
}
/*----------------------------content--------------------------------------*/
#contentwrap { /* contentwrap for main page with large top image */
margin: 0px;
padding: 0px 0px 15px 0px;
width: 100%;
}
#content { /* content for main page with large top image */
margin: 0px;
padding: 0px;
width: 100%;
}
#content h1 { /* Header 1 Style */
	margin: 0;
	padding: 15px 10px 0px 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.5em;
	background: url(../images/h1_lines.gif) no-repeat 55px bottom;
}
*html #content h1 { /* Header 1 Style - fix sifr in IE */
	margin: 35px 0px 0px 55px;
	padding: 0px 0px 5px 0px;
	font-size: 2.3em;
	line-height: 2.2em;
	background: url(../images/h1_lines.gif) no-repeat 0px bottom;
}
#content h2 { /* Header 2 Style */
margin: 0px 0px 0px 55px;
padding: 15px 50px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
background-color: #fff;
font-weight: bold;
font-size: 1.4em;
line-height: 1.3em;
}
#content h3 { /* Header 3 Style */
margin: 0px 0px 0px 55px;
padding: 15px 50px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
background-color: #fff;
font-weight: bold;
font-size: 1.1em;
line-height: 1.1em;
}
#content h4 { /* Header 4 Style */
margin: 0px 0px 0px 55px;
padding: 15px 50px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #666;
background-color: #fff;
font-weight: bold;
font-size: 1em;
line-height: 1em;
}
#content p { /* Main Paragraph Text Style */
margin: 0;
padding: 5px 10px 10px 10px;
} 
#content ul { /* Unordered List Text Style */
	margin: 5px 30px 0px 30px;
	list-style-type: disc;
}
#content ul li { /* Unordered List Item Text Style */
	margin: 0px 30px 5px 30px;
	list-style-type: disc;
}
#content ul li ul li { /* Unordered List sub-list Item Text Style */
	margin-left: 20px; 
	list-style-type: circle;
}
#content ul li ul li ul li { /* Unordered List sub-list Item Text Style */
	/* margin-left: 5px; */
	list-style-type: square;
}
#content ol { /* Ordered List Text Style */
	margin: 5px 30px 0px 30px;
	list-style-type: decimal;
}
#content ol li { /* Ordered List Item Text Style */
	margin: 0px 30px 5px 30px;
	list-style-type: disc;
}
#content ol li ol li { /* Ordered List sub-list Item Text Style */
	list-style-type: lower-alpha;
}
dl { /* Definition List Style */
	margin-top: 0px; /* Ugly Fix from: http://www.thenoodleincident.com/tutorials/box_lesson/content_placement/cp_test_3.html */
	padding: 0px;
}
dt { /* Definition Term Style */
	padding: 0px 30px 5px 30px;
	font-weight: 900;
}
dd { /* Definition Description Style */
	padding: 0px 30px 3px 0px;
}
#content img { /* image aligned right with a border */
	margin: 10px 30px 10px 20px;
	float: right;
	border: 2px solid #000000;
	} /*250px is maximum ideal width for images in content*/	
/*----------------------------links--------------------------------------*/
#content a { /* Link Style */
	color: #000;
	background-color: #fff;
	text-decoration: underline;
}
#content a:link, #content a:visited { /* Link Style - active and visited */
	color: #000;
	background-color: #fff;
}
body a, body a:link, body a:visited { /* Link Style for body spacer image link to skip navigation */
	display: none;
}
body a img { /* image for body spacer image link to skip navigation */
	margin: 0px;
	padding: 0px;
	border: 0px solid #333;
	}
/* -----------------------content definition styles - NEW------------------------------------*/
#content a#TJK_ToggleON,#content a#TJK_ToggleOFF {/*open and close all faq buttons*/
	display: none;
}
#content dl#TJK_DL {  /*definition list used for show and hide drop down information*/ 
	margin: 10px 0px 15px 0px;
	padding: 10px;
	color: #000000;
	background-color: #C4D2D9;
	border: 1px solid #86a2af;
}
#content dd {margin: 5px 0px 10px 0px; padding:10px; color: #000; background-color: #D1DBE0;}
/*see additional formatting for the TJK definition list in the TJK_ToggleDL.css*/
/*----------------------------show and hide definition feature--------------------------------------*/
#content .definition { /* Definition show and hide style */
	color: #000;
	background-color: #D1DBE0;
	width: 90%;
	padding:5px;
}
#content .definitionopen { /* Definition open - show and hide style */
	color: #000;
	background-color: #AEC1CA;
	width: 90%;
	padding:5px;
}
#content .definitionopen ul { /* Definition open list style */
	margin-left:20px;
	font-size:120%;
	margin-top:10px;
	list-style: none;
}
#content ul li div.definitionopen a, #content ul li div.definitionopen a:link, #content ul li div.definitionopen a:visited { /* Definition open Link Style */
	color: #000;
	background-color: #AEC1CA;
}
#content ul li div.definition a, #content ul li div.definition a:link, #content ul li div.definition a:visited { /* Definition open Link Style */
	color: #000;
	background-color: #D1DBE0;
}
/*----------------------------note box--------------------------------------*/
#content .note { /* note box style */
	margin: 10px 20px;
	color: #000;
	background-color: #D1DBE0;
	border: 1px solid #86a2af;
	position: relative; /*needed for ie bug: container is relative, so this must also be relative*/
}
#content .note p { /* note box text style */
	margin: 0px;
	padding: 0px 15px 15px 15px;
}
#content .note h4 { /* note box h4 style */
	margin: 0px;
	padding: 15px 15px 5px 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	background-color: #D1DBE0;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.1em;
}
#content .note a { /* Note box link style */
	color: #324a50;
	background-color: #D1DBE0;
}
/*----------------------------spotlight box--------------------------------------*/
#content #spotlight { /* spotlight box for main page */
	margin: 40px 20px 0px 30px;
	padding: 0px;
	position: relative;
	float: right;
	width: 195px;
	background: #fff url(../images/spotlight_bkgrnd.gif) repeat-y 0 0;
	color: #000;
	}
#content #spotlight p { /* spotlight box text style for main page */
	margin: 0px;
	padding: 2px 25px 10px 25px;
	font-size: .95em;
	line-height: 1.2em;
}
#content #spotlight h2 { /* spotlight box h2 style for main page */
	margin: 0px;
	padding: 10px 10px 0px 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 44px;
	font-size: 1.3em;
	line-height: 1em;
	position: relative;
	background: url(../images/spotlight_top.gif) no-repeat 0px 0px;
	}
#content #spotlight h3 { /* spotlight box h3 style for main page */
	padding: 10px 10px 2px 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: .9em;
	position: relative;
	}
#content #spotlight #solidline { /* spotlight box solid line text */
	margin: 0px 25px 10px 25px;
	padding: 0px 0px 5px 0px;
	text-align: right;
	border-bottom: 1px solid #999999;
}
#content #spotlight img { /* image aligned left with a border in the spotlight box */
	margin: 0px 35px 5px 25px;
	padding: 0;
	float: left;
	border: 1px solid #999999;
	position: relative;
	} /*70px is maximum ideal width for images in spotlight content*/
#content #spotlight #spotlightfooter { /* spotlight box footer style */
	margin: 0px;
	padding: 0;
	height: 10px;
	background: url(../images/spotlight_footer.gif) no-repeat 0px 0px;
}
*html #content #spotlight #spotlightfooter { /* spotlight box footer style */
	background: url(../images/spotlight_footer.gif) no-repeat 0px 100%;
}
/*----------------------------footer--------------------------------------*/
#footer { /* Footer Container Style for text only */
margin: 0px;
padding: 5px 0px;
height: 52px;
text-align: left;
background: #6a7852 url(../images/footer_bkgrnd.gif) repeat-x left top;
color: #000;
}
#footer h4 { /* Footer Header 4 Style */
margin: 0;
padding: 5px 10px 10px 10px;
font-weight: bold;
font-size: .95em;
line-height: 1.2em;
}
#footer p { /* Footer Text Style */
margin: 0;
padding: 5px 10px 10px 10px;
font-size: .85em;
line-height: 1.3em;
}
#footer a, #footer a:visited { /* Footer Text Link Style */
	text-decoration: underline;
	color: #000;
	background-color: #73805c;
}
#footer a:hover { /* Footer Text Link Style - hover */
	color: #000;
	background-color: #9AA981;
}
/*------------------------------------------Form------------------------------------------*/
div#form { /*Contains header, instructions and form content*/
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
div#form table { /* Form Table Style */
	margin-left: 30px;
	border: 3px solid #0C947A;
}
div#form textarea, div#form select, div#form input { /*Textfields with multiple lines*/
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	}
div#form td { /* Form column */
	/* margin-left: 10px; */
	padding: 5px;
	vertical-align: top;
}
div#form th.label { /*Label field column*/
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
	color: #000;
	background-color: #B9FFF1;
	/* border-left: 3px solid #aebbdd; */
}
div#form tr.required td { /*Required field rows, changes color to highlight what is required*/
	color: #000;
	background-color: #ECFFFB;
}
div#form tr.required th.label { /*Required field row label, changes style of label field required*/
	color: #000;
	background-color: #B4D6CF;
}		
div#form input:focus { /*Highlights the text field box that the user has clicked with the mouse*/
	color: #000;
	background-color: #FCE679;
	}
.writein { /*Formats the text field box and is used for printing as underlined fields*/
	padding-left: 3px;
	border: 1px solid #999999;
	}
div.formEnd { /*used to format all items after form fields, submit and mail areas*/
	margin-top: 2px;
	padding-top: 5px;
	text-align: center;
	}	
div#form div#submitArea { /*Includes submit button and any other text referring to required fields highlighted*/
	/*
text-align: center;
	margin-top: 1px;
	padding-top: 1px;
*/
	}
div#form input.button { /*Submit button formatting*/
	margin: 5px;
	padding: 3px;
	text-align: center;
	font-weight: 900;
	}	
/*
div#form input.button:focus { Highlights the text field box that the user has clicked with the mouse
	}	*/
div#form a.buttonLink { /*Submit button link formatting*/
	color: #000;
	background-color: #ECFFFB;
	text-decoration: none;
	}
div#form a.buttonLink:link, div#form a.buttonLink:visited { /*Submit button link - active and visited formatting*/
	color: #000;
	background-color: #ECFFFB;
	text-decoration: none;
	}
div#form a.buttonLink:hover { /*Submit button link - hover formatting*/
	color: #000;
	background-color: #ECFFFB;
	text-decoration: none;
	}			
div#mailArea { /*Used to hide or show the mail to information*/
	display: none;
	}		
/*---------------------------------Miscellaneous----------------------------------------*/
#content div.spacer { /*Empty div tag used to clear both floats*/
	clear: both;
}	
#content #returntotop { /*Return to Top Link formatting*/
	display: none;
	}
a.termbutton { /*Term buttons for Forum*/
	margin: 5px 10px;
	padding: 5px 10px;
	text-align: center;
	font-weight: 900;
	color: #000;
	background-color: #D1DBE0;
	border: 1px solid #86a2af;
	text-decoration: none;
	}	

