/*********************************************************************************** 
*
* Name:		style.css
* Author:	Tim Child
* Date:		16th May 2005
* Usage:	Main CSS file for the formating of EveryMetric site
* Version: 	v1.0
* / top / right / bottom / left /
************************************************************************************/

/* Main page style applied to all EveryMetric pages */
body {
				border-style: 				none;
				font-family: 				Verdana, Helvetica, Arial, sans-serif;
				font-size: 					0.70em;
				color:						#222;
				text-align: 				left;
				padding:					0;
				margin:						0;
				font:						normal 11px/1.5em "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
				color: 						#666;
				}
				
				
/*********************************************/
/*       L A Y O U T    S T Y L E S          */
/*********************************************/

/* Main Container for the header area */
div#container {
				position: 						absolute;
				top:							0px;
				left:							0px;
				margin:							0;
				padding:						0;
				width: 							100%;
				}

/* Header that holds logo  */		
div#header {	

				background-color: 				#78969B;
				background-repeat: 				repeat-x;
				background-position: 			right, top;
				background-image: 				url(../images/evmTopBanner.jpg);
				height:							70px;
				}
				
/* Header that holds navigation items  */		
div#navigationTopBar {
				background-color: 				#d5e1e5;
				margin:							0;
				padding:						0;
				margin-bottom:					10px;
				height:							20px;
				background-image: 				url(../images/evmTopNavBackground.jpg);

				}

#indexLeftColumn {
				position: 						absolute;
				top:							100px;
				left:							0px;
				float:							left;
				width:							480px;
				background:						#fff;
				padding:						0 0 0 0;
				margin:							0px 0px 0px 0px;
				background-image: 				url(../images/evmNewsBackground.jpg);
				}
				
#indexRightColumn {
				/* float:						right;
				 width:							450px; */ 	
				padding:						0 0 10px 0px;
				margin:							100px 10px 0px 490px;
				background:						#eee;
				background-image: 				url(../images/evmArticleBackground.jpg);
				}

/* 2 Column layout divs */
#LeftColumn {
				position: 						absolute;
				top:							100px;
				left:							0px;
				float:							left;
				width:							200px;
				background:						#eee;
				padding:						0 0 0 0;
				margin:							0px 0px 0px 0px;
				}

#RightColumn {
				
				padding:						0 0 10px 0;
				margin:							100px 10px 0px 210px;
				background:						#eee;
				background-image: 				url(../images/evmArticleBackground.jpg);
				}
				
#flashholder {
				width:							100%;
				height:							240px;
				margin:							0px;
				padding:						0px;
				}
				
/* 3 Column layout divs */
#left {
				float:							left;
				width:							200px;
				margin:							0px;
									
				}

#right {
				float:							right;
				width:							200px;
				margin:							0; 					
				padding:						0;
				}

#middle {
				margin:							0 150px;
				}			
				
.insideColumn {
				
				padding:						10px;
				margin-right:					10px;
				background-color:				#A3C380;
				}
				
#footer {
				
				padding:						10px 10px 10px 0;
				margin-top:						20px;
				margin-left:					10px;
				}	
				
				
				
				
/*********************************************/
/*       H E A D I N G  S T Y L E S          */
/*********************************************/
.headingGreen {
				height:							30px;
				display: 						block;	
				background-color:				#A3C380;
				color:							white;
				font-size: 						120%;
				font-family: 					Verdana, Helvetica, Arial, sans-serif;
				font-weight: 					bold;
				text-align: 					left;

				}

.headingRed {
				height:							30px;
				display: 						block;	
				background-color:				#BA0000;
				color:							white;
				font-size: 						120%;
				font-family: 					Verdana, Helvetica, Arial, sans-serif;
				font-weight: 					bold;
				text-align: 					left;
				}
				
.headingBlue {
				height:							30px;
				display: 						block;	
				background-color:				#00A0C6;

				font-size: 						120%;
				font-family: 					Verdana, Helvetica, Arial, sans-serif;
				font-weight: 					bold;
				text-align: 					left;
				}		

				
/*********************************************/
/*           T E X T    S T Y L E S          */
/*********************************************/

p				{
				margin:							10px 0 10px 10px;
				}
	
.textHeading {
				font-family: 					Verdana, Helvetica, Arial, sans-serif;
				font-weight: 					bold;
				margin:							0 0 4px 10px;
				}
				
.textArticle {
				margin:							2px 0 4px 10px;
				
				}
				
dt {
				margin:							0px 0px 3px 10px;
				font-weight: 					bold;
				}
				
dd {
				margin:							0px 0px 3px 10px;
				}
				
h2 {
				margin-bottom:					5px;
				margin-top:						0px;
				}
				
h4 {			
				margin:							10px 0px 5px 10px;
				font-size:						98%;
				}				
				
h5 {
				margin-top:						10px;
				font-size:						85%;
				font-weight: 					normal;	
				}

/*********************************************/
/*         I M A G E    S T Y L E S          */
/*********************************************/
			
div#navigationTopBar img {
				border:							0;
				margin:							0;
				padding:						0;
				}
		
/* EveryMetric Logo for pages */
#EveryMetricLogo {
				margin-top:						12px;
				margin-left:					10px;
				}


				
/*********************************************/
/*         M E N U      S T Y L E S          */
/*********************************************/
				
/* Main Navigation Layout Div */
				
#LeftColumn ul {
				margin: 					0;
				padding: 					0;
				border:						none;
				font-family: 				verdana, arial, Helvetica, sans-serif;
				list-style: 				none;
				align:						right;
				}

#LeftColumn li { 
				margin: 					0 0 0 0; 
				border: 					solid;
				border-width: 				1px;
				border-color: 				#ddd;
				}

#LeftColumn a {
				display: 					block;
				padding: 					5px 0px 5px 5px;
				width: 						190px;
				color: 						#222;
				background-color: 			#ededed;
				font-weight: 				bold;
				text-decoration: 			none;
				}

#LeftColumn a:hover {
				color: 						#555;
				background-color: 			#ededed;
				}

#LeftColumn a:active {
				color: 						#000;
				}