/*
-----------------------------------------------
Style Sheet

Site: gynsecondopinion.com
Author:   designedbyevan.com
Version:  2009.4
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,button { margin:0; padding:0; }



/* global elements
 * ------------------------------------------------------------------------- */

/* ---------- A note on font-sizing ---------- 
Default font size in IE6, IE7 and FireFox is 16px. 
Default for Safari 2 is 16px for "standard fonts" and 13px for "fixed-width fonts." (Safari 3 uses 16px for all fonts.) 
I am ignoring the Safai 13px mono-space type issue since this site does not use any mono-spaced fonts.
*/

html {
	font-size:100% /* IE has problems scaling text in ems. Using a percentage makes for better text rendering when scaled. */
	}

body {
	background:url(../images/content_container_bg.gif) repeat-y #fff;

	font-size:0.75em; /* 75% of 16px = 12px */
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom:0px;
	color:#000;
	}
	
a.blacklink:link{
	 	color:#000000;
		text-decoration:none;
		}
a.blacklink:visited{
	 	color:#000000;
		text-decoration:none;
		}

a:link, a:visited {
	color:#9b3643;
	}
	
a:hover, a:active {
	color:#ccc;
	}



/* Classes
 * ------------------------------------------------------------------------- */

.clear {
	clear:both;
	height:.01em;
	overflow:hidden;
	}

.pic_left {
	margin:0 10px 2px 0;
	float:left;
	}

.pic_right {
	margin:0 0px 2px 10px;
	float:right;
	}

.pic_border {
	padding:1px;
	border:1px solid #ccc;
	}

.raquo {
	font-size:1.2em;
	color:#fff;
	}

.small {
	font-size:.92em;
	line-height:1.3em;
	}

.tan {
	color:#beb9af;
	}

.hr {
	margin:20px 0;
	width:100%;
	height:1px;
	overflow:hidden;
	color:#ccc;
	background:#ccc;
	}

/* Layout
 * ------------------------------------------------------------------------- */
#contentfull { /* Needed div to enable bottom-aligned footer */
	padding: 0px;
	margin:0;
	line-height:1.8em;
	}

#header_container {
	width:100%;
	height:143px;
	background:url(../images/bg.gif) repeat-x #fff;
	}

#header {
	background:url(../images/title.gif) no-repeat;
	width:848px;
	height:104px;
	}
	
#logo {
	width:613px;
	height:60px;
	display:block;
	text-indent:-5000px;
	outline:none;
	position:absolute;
	margin:43px 0 0 235px;
	}

#content_container {
	
	width:960px;
	}

#column_left {
	float:left;
	display:inline;
	width:170px;
	padding:0 15px 25px 15px;
	margin-right:25px;
	font-size:.92em;
	}

#book_button {
	background:url(../images/book_button.gif) no-repeat;
	width:170px;
	height:48px;
	display:block;
	outline:none;
	text-indent:-5000px;
	}
	
	#book_button:hover, #book_button:active {
		background-position:0px -48px;
		}

	#column_left ul {
		
		}
		
	#column_left li {
		border-bottom:1px solid #285580;
		padding:8px 0 9px 12px;
		background:url(../images/arrow_single.gif) no-repeat 0px 11px;
		font-weight:bold;
		line-height:1.2em;
		}
		
		
		#column_left li.last {
			padding-bottom:0;
			border-bottom:none;
			}
			
		#column_left li a:link, #column_left li a:visited {
			color:#fff;
			text-decoration:none;
			}
			
		#column_left li a:hover, #column_left li a:active {
			color:#ffcd32;
			}
			

#column_right {
	float:left;
	display:inline;
	width:735px;
	padding:25px 0;
	font-family:"Corbel", "Calibri", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align:justify;
	}
	
	#column_right h1 {
		color:#2A305B;
		font-size:1.5em;
		font-weight:normal;
		margin-bottom:5px;
		}
		
	#column_right h2 {
		color:#6699cc;
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:25px;
		}
		
	#column_right h3 {
		color:#6699cc;
		font-size:1.1em;
		font-weight:600;
		margin-bottom:5px;
		margin-top:25px;
		}
	
	#column_right p {
		margin-bottom:10px;
		font-family:"Corbel", "Calibri", Arial, Helvetica, sans-serif;
		}
	
	#column_right strong{
		font-weight: 900;
		color:#0099FF;
		}

	#column_right ul {
		margin-left:10px;
		}

		#column_right ul li {
			/*_position:relative;	 to fix the IE bullet peekaboo pug...NOTE: MUST BE REMOVED FOR DROP-DOWNS TO WORK IN IE 6 */
			padding-left: 12px;
			line-height:1.2em;
			margin-bottom:8px;
			list-style: none;
			background: transparent url(../images/bullet_lrg.gif) 0px 4px no-repeat;
			}

			#column_right ul li ul li {
				background: transparent url(../images/bullet_med.gif) 0px 5px no-repeat;
				}

				#column_right ul li ul li ul li {
					background: transparent url(../images/bullet_sm.gif) 0px 6px no-repeat;
					}	

			#column_right ul ul, #column_right ul ul ul {
				margin-top:8px;
				}

	#column_right ol{ 
		margin-left:30px;
		list-style:decimal;
		}

		#column_right ol li {
			margin-bottom:8px;
			}

			#column_right ol ol, #column_right ol ol ol {
				margin-left:22px;
				margin-top:8px;
				}

	#column_right blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}
	
	#column_right a:link, #column_right a:visited{
		color:#306799;
		text-decoration:underline;
		}

	#column_right a:hover, #column_right a:active {
	 	color:#306799;
		text-decoration:none;
		}

	#column_right a.blacklink:link, #column_right a.blacklink:visited {
	 	color:#000000;
		text-decoration:none;
		}
		
		#column_right a.blacklink:hover, #column_right a.blacklink:active {
	 		color:#306799;
			text-decoration:none;
			}

		#column_right a.h1blacklink:link, #column_right a.h1blacklink:visited {
			color:#2A305B;
			font-size:1.5em;
			font-weight:normal;
			margin-bottom:5px;
			text-decoration:none;
			}
		
		#column_right a.h2blacklink:link, #column_right a.h2blacklink:visited {
			color:#6699cc;
			font-size:1.0em;
			font-weight:bold;
			margin-bottom:5px;
			margin-top:25px;
			text-decoration:none;
			}

/* ----- Footer ----- */	

#footer {
	position: relative;  /* Needed for Safari */
	padding: 20px 0 20px 0;
	background-color: #2a305b;
	border-top:4px solid #6699cc;
	color:#fff;
	font-size:.92em;
	}
	
	#footer p {
		margin-left:20px;
		}

	#footer ul {
    	margin: 0 0 10px 20px;
   		padding: 0;
    	}

 	#footer li {
    	margin: 0;
    	padding: 0 5px 0 7px;
    	display: inline;
    	border-left: 1px solid #fff;
    	
    	line-height:1.4em;
    	background: none;
		color:#000;
    	}

	#footer li.first { 
    	border: none;
		padding:0 5px 0 0;
    	}

	#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration:none;
		}

	 #footer a:hover, #footer a:active {
	 	color:#6699cc;
		text-decoration:none;
		}



/* Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:960px; 
	height:39px; 	
	}

#nav span { display: none; }

#nav li, #nav a { height:39px; display:block; outline:none; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 121px; left: 15px;}
#nav-02 { width: 79px; left: 16px; }
#nav-03 { width: 120px; left: 17px; }
#nav-04 { width: 96px; left: 18px; }
#nav-05 { width: 84px; left: 19px; }
#nav-06 { width: 89px; left: 20px; }
#nav-07 { width: 127px; left: 21px; }
#nav-08 { width: 123px; left: 22px; }
#nav-09 { width: 98px; left: 23px; }



/*-------------- (-79px) X position of button / (-39px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") -15px -39px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -137px -39px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -217px -39px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -338px -39px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -435px -39px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -520px -39px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -610px -39px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.gif") -738px -39px no-repeat; }
#nav-09 a:hover { background:url("../images/nav.gif") -862px -39px no-repeat; }



/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	font-size:.92em;
	
	}

#nav li ul li { 
	height:26px; 				/* Height of each drop down nav item */
	border:1px solid #cbcbcb;
	border-top:none;
	background-color:#eaeaea; /* Put background here! Not in the ul!!*/
	left:-1px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	
	}	

#nav li ul li a {
	width:100%;
	height:26px;				/* Height of each drop down nav item, should match above */
	line-height:26px;			/* Height of each drop down nav item again, should match above */
	
	}

#nav li ul li a span {
	display:block;
	padding-left:10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	color:#444;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left:0; }

/* Hover styles for drop down items */
#nav-03 ul a:hover { 
	background-image:none;
	background-color:#f5f5f5;
	color:#444;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */

#nav-03 ul, #nav-03 li { width:142px; }