/*
   Physicians choice css secondary page layout
   Design: Pat Whitlock
   Company: C3D Design

*/

@charset "UTF-8";
body  {
	padding: 0; 
	margin: 0; 
	font: .74em Arial, sans-serif; 
	line-height: 1.5em; 
	background: #e6e6e6 url(bg_gradient.gif) repeat-x top; 
}
#container { 
	width: 900px;  
	background:url(bg_secondary.gif) repeat-x left top #fff;
	margin: 0 auto; 
	text-align: left; 
}

.clear {
	clear:both;
}

a { color: #000; background: inherit; }
a:hover { color:#0099FF;  text-decoration: underline}

h1 {
	font: italic 2em Georgia, "Times New Roman", Times, serif;
	margin: 27px 0 0 0 ;
	letter-spacing: -1px;
}
h2 {
	font: bold 1.5em Arial, Sans-Serif;
	margin: 10px 0 0 0;
	color:#1471b9;
}


img { border: 0; }
p {margin: 0; padding:0;}

/* Top part */
#top { background: transparent; height: 131px; width:900px; }
	
		
	#top img {padding-top:11px; }
	
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */	
}

/*#menu { padding: 0; margin:0; background: inherit; width:900px; height:500px }
	 #menu a { padding-left: 35px; font:  1.5em Arial bold; text-decoration: none; color:#000000; width:260px; display:block; height:28px;  }
	 #menu ul { padding: 32px 0; width:400px; }
	 #menu li { line-height: 28px;  }
	 
	 */

/*==================================*/
/*---------- NAVIGATION ------------*/
/*==================================*/

ul#menu {
 	width: 250px;
 	height: 500px;
	background: url(../images/secondary_sidemenu.gif) top left no-repeat;
	list-style:none; 
 	position: relative;
	padding: 0;
	margin: 0;
}

ul#menu li {margin: 0; padding: 0; list-style: none; width: 250px;}

ul#menu a {display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; text-decoration: none; color:#000000;}

#home {left: 0px; top: 0px; width: 250px; height: 49px;}
#news {left: 0px; top: -49px; width: 250px; height: 29px;}
#whyjoin {left: 0px; top: -78px; width: 250px; height: 29px;}
#contractportfolio {left: 0px; top: -107px; width: 250px; height: 29px;}
#joinus {left: 0px; top: -136px; width: 250px; height: 29px;}
#contactus {left: 0px; top: -165px; width: 250px; height: 29px;}

#home a {height: 20px; padding: 29px 0 0 40px; }
#news a {height: 19px; padding: 10px 0 0 40px;}
#whyjoin a {height: 19px; padding: 10px 0 0 40px;}
#contractportfolio a {height: 19px; padding: 10px 0 0 40px;}
#joinus a {height: 19px; padding: 10px 0 0 40px;}
#contactus a {height: 19px; padding: 10px 0 0 40px;}

#home a:hover {background: url(../images/secondary_sidemenu.gif) -251px 0px no-repeat; color: #2d93cf;}
#news a:hover {background: url(../images/secondary_sidemenu.gif) -251px -49px no-repeat; color: #2d93cf;}
#whyjoin a:hover {background: url(../images/secondary_sidemenu.gif) -251px -78px no-repeat; color: #2d93cf;}
#contractportfolio a:hover {background:url(../images/secondary_sidemenu.gif) -251px -107px no-repeat; color: #2d93cf;}
#joinus a:hover {background: url(../images/secondary_sidemenu.gif) -251px -136px no-repeat; color: #2d93cf;}
#contactus a:hover {background: url(../images/secondary_sidemenu.gif) -251px -165px no-repeat; color: #2d93cf;}

/* highlight tab based on page */
#homepage #home a {background: url(../images/secondary_sidemenu.gif) -251px 0px no-repeat; color: #2d93cf;}
#newspage #news a {background: url(../images/secondary_sidemenu.gif) -251px -49px no-repeat; color: #2d93cf;}
#whyjoinpage #whyjoin a {background: url(../images/secondary_sidemenu.gif) -251px -78px no-repeat; color: #2d93cf;}
#contractportfoliopage #contractportfolio a {background:url(../images/secondary_sidemenu.gif) -251px -107px no-repeat; color: #2d93cf;}
#joinuspage #joinus a {background: url(../images/secondary_sidemenu.gif) -251px -136px no-repeat; color: #2d93cf;}
#contactuspage #contactus a {background: url(../images/secondary_sidemenu.gif) -251px -165px no-repeat; color: #2d93cf;}
	
#mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

/* The footer */
#footer { clear: both; color: #000;  background: #fff; background:url(bg_footer.gif) top left repeat-x; padding-top:20px; }
#footer a { text-decoration: none; background: #FFF }