/*
		
	\\ SCREEN.CSS (for Front End Styles) //
*/

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	background-color: #fff; 
	margin: 0;
	text-align: center;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {
	color: #2e3092;
	text-decoration: none;
}
a:hover {
	color: #645faa; 
	text-decoration: underline;
}

a:link img {border-style: none;}
a:visited img {border-style: none;}

hr {
	margin: 5px 0px 5px 0px;
	color: #603;
	border: 0;
	border-top: 1px solid #603;
	height: 1px;
}
/* Page Headings */
h1, h2, h3, h4, h5, h6 {color: #2e3092 ;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif;}
h1  	{font-size:1.8em; }
h2  	{font-size:1.4em;}
h3  	{font-size:1.2em;padding-bottom: 0.1em; margin-bottom: 0.1em;}
h4  	{font-size:1.1em;padding-bottom: 0.1em; margin-bottom: 0.1em;}

ul{padding-top: 0;
margin-top: 0;}

sup { font-family:  sans-serif;
           font-size: 80%; }
form {margin: 0;}

blockquote 	{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color: #666;
	border-left: 2px solid #666;
	padding-left: 10px;
	font-size: 1.2em;
}


.highlight {color: #2e3092; }
.highlight_bold {color: #2e3092; font-weight: bold;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main { /* Holds the page items in place */
	width: 1000px;
	margin:0 auto;
	padding: 0;
	background: #f3f3f4;
	border: 0px solid #f3f3f4;
	
}

#banner_logos {height:100px;
			   background:transparent url('images/banner_logos_2.gif') top left no-repeat;
			   }
#banner_thick {
				height:14px;
				background-color: #f3f3f4;}
#banner_thinwhite {height:4px;
				background-color: #ffffff;}

#navContainer{ /* height:23px */
				}
				
/* #navContainer {width: auto;display:block;clear:both;border-right:0px solid #000;}*/

#banner_pictures {height:200px;
			   	  /* background:transparent url('images/bannerpicture_text.jpg') top left no-repeat;*/
			   }
			   
			
#contentContainer {padding-top: 20px;}

#footer { 
	text-align: center;
	clear: both;
}


/*Top Navigation */
#navContainer table {
				    border-collapse: collapse;
				    background-color: #e1dfef; 
					}
					
#navContainer table td {border-right: 2px #fff solid;
						border-bottom: 3px #918bc2 solid;}

#navContainer table td.last {border-right: 0;}

#navContainer table td:hover {background-color: #d4d3e7;}
							  
#navContainer table p {padding-top: 2px;
					   padding-bottom: 2px;
					   margin-top: 0;
					   margin-bottom: 0}
					   
#navContainer table a {color:#2e3092;
					   font-size: 12px;
					   }
					   
#navContainer table a:hover {text-decoration: underline; }


					   

/* Homepage (or other top level pages) layout within contentcontainer */
#home_content{width:620px;
			  float:left;
			  text-align: left;
			  }
#home_content p,#home_content h1,#home_content h2,#home_content h3,#home_content h4 {margin-left: 30px;}

#home_zonelinks{width:380px;
				float:right;
				text-align: center;}

#home_zonelinks * {vertical-align: top;}
#home_zonelinks p {text-align: left;
					width:170px;
					font-size: 0.8em;
					margin-top: 5px;
					line-height: 160%;}
					
/*Family zone or practitioner zone pages */
#left_menu {float: left;
			width:250px;
			}
			
#content { float: right;
			width:750px;
		   text-align: left;
		   margin-top: 0px;	
}
#content h2 {margin-top: 0px;}

#left_menu p  {  
				width:200px;
				text-align: center;
				margin-left: 30px;
			  	margin-right: 20px;
			  	margin-top: 0px;
			  	margin-bottom: 4px;
			    padding-top:6px;
			    padding-bottom:6px;
			    font-size:14px;
			   	background: transparent url('images/menubox_200X28.jpg') 0% 50%  no-repeat;
			    
			   	}
#left_menu a {color: #645faa;
			font-size:13px;
				}	
				
#left_menu p:hover{background: transparent url('images/menubox_hover_200X28.jpg') 0% 50%  no-repeat; }	   
#left_menu a:hover {text-decoration: underline;}



#content ul {list-style: disc;
			padding-top: 0;
			margin-top: 0;}
			
#content li {list-style: disc;}

#content p, #content li{padding:0px; margin-top:0px;line-height: 150%;}
#home_content p, #home_content li {padding:0px; margin-top:0px;line-height: 150%;}

* html #contentContainer #content {text-align:left;} /* ie6 misbehaves */
* html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */




/*footer */
#footer p {padding-top: 20px;
			margin-bottom:5px;
			font-size: 0.8em;
			color: #808285;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */

/* Story actions table */
table.story_actions {border-collapse: collapse;}
table.story_actions tr td {width: 225px;
						   text-align: center;
						   color: #2e3092;
						   font-weight: bold;
						   padding-bottom: 30px;
						   vertical-align: top;}
table.story_actions tr td img { margin-top: 8px;
							 }

/* Top Tips table */
table.toptips {border-collapse: collapse; width:600px;margin-top: 40px;}
table.toptips tr td {text-align: center;
					vertical-align: top;}
					
table.toptips tr td p {text-align: center; margin-left: 15px; margin-right:15px; }
table.toptips tr.toptips_r1 td , table.toptips tr.toptips_r2 td { font-size: 1.2em; color: #2e3092;}

table.toptips tr.toptips_r2 td { vertical-align: middle; height:8em;}

table.toptips tr.toptips_r3 td.toptips_side p{ margin-bottom: 60px;
												margin-left: 20px; 
												margin-right: 20px;}


/* Videos */		
.video {display:block;
		width:400px;
		height:300px;}

.quote{color: #2e3092;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;}
	
/* download documents formatting */
.inline_pdf{background: transparent url("images/PDF_icon.gif") left no-repeat; padding-left: 30px; padding-top: 8px; padding-bottom: 8px;}
.inline_word{background: transparent url("images/DOC_icon.gif") left no-repeat; padding-left: 30px; padding-top: 8px; padding-bottom: 8px;}
.inline_ppt{background: transparent url("images/PPT_icon.gif") left no-repeat;padding-left:30px; padding-top: 8px; padding-bottom: 8px;}
.inline_video {background: transparent url("images/video_icon.gif") left no-repeat;padding-left:30px; padding-top: 8px; padding-bottom: 8px;}