/* --------------------------------------------------------------------------------
-																				-
-				Title: 			The Market Coach								-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			March 04, 2008								-
-																				-
---------------------------------------------------------------------------------- */



	body {  
			font-family:Tahoma, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight: normal;
			background: #012c71 url("../images/topbg.jpg") repeat-x top left;
			margin: 0; padding: 0;
			text-align:center;
		}


/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto;
			margin-right: auto;
			padding: 0;
			width: 920px;
			text-align: left;
			background-colour: #FFF;
		}
		
			
/* ------------------------------------------------------------
		MAIN HEADER
------------------------------------------------------------ */

		#header {
			padding: 0; margin: 0; float: left; clear:both;
			width: 920px; height: 101px;
			background: #FFF url("../images/logotype.jpg") no-repeat top left;
			position: relative;
		}		


/* ------------------------------------------------------------
		TOP INFO
------------------------------------------------------------ */

		#topinfo {
			padding: 0; margin: 0;
			width: 440px; height: 25px;
			font-size:11px;
			font-weight: normal;
			color: #00a7af;
			position:absolute;
			bottom: 0; right: 15px;
			text-align:right;
			}		


		#topinfo a {
			font-weight:normal;
			font-size: 11px;
			color: #00a7af;
			text-decoration: none;
			}

		#topinfo a:hover {
			font-weight:normal;
			color:#00a7af; 
			text-decoration: underline;
			}	




/* ------------------------------------------------------------
		FOUR BOXES / MAIN BACKGROUND
------------------------------------------------------------ */

		#background {
			padding: 0; margin: 0; float: left; width: 920px; 
			background-color: #FFF; display: inline;
		}	



/* ------------------------------------------------------------
		SIDE COLUMN
------------------------------------------------------------ */

		#sidecolumn {
			padding: 0; margin: 0; float: left; width: 225px;
		}	



/* ------------------------------------------------------------
		MAIN NAVIGATION
------------------------------------------------------------ */

		#navigation {
			padding: 0; margin: 0; float:left;
			width: 225px; height: 298px;
			background-color: #FFF;
		}	



/* ------------------------------------------------------------
		MAIN NAVIGATION
------------------------------------------------------------ */

		#subnav {
			padding: 0; margin: 10px 0 10px 0; float:left; width: 225px; 
		}	




/* ------------------------------------------------------------
		"Weekly Wisdom" SIDE BOX
------------------------------------------------------------ */

		#sidewisdom {
			padding: 0; margin: 0 0 0 5px; float:left; display:inline;
			width: 220px; height: 314px;
			background: #FFF url("../images/wisdombg.jpg") no-repeat top right;
			position:relative;
		}	



		#sidewisdom .latestlink {
			padding:0; margin:0; bottom: 0; left: 110px; position:absolute;
		}	


		#sidewisdom .signlink {
			padding:0; margin:0; bottom: 0; left: 0; position:absolute;
		}



/* ------------------------------------------------------------
		FLASH ANIMATION
------------------------------------------------------------ */

		#flash {
			padding: 0; margin: 0; float: left;
			width: 695px; height: 298px;
		}	


/* ------------------------------------------------------------
		SEPARATOR
------------------------------------------------------------ */

		#separator {
			padding: 0; margin: 0; float: left; clear:both;
			width: 920px; height: 12px;
			background: #FFF url("../images/sep1.jpg") no-repeat top right;
		}		
	


/* ------------------------------------------------------------
		"Are you" BOX
------------------------------------------------------------ */

		#areyou {
			padding: 0; margin: 6px 0 0 6px; float: left; display:inline;
			width: 220px; height: 211px;
			background: #006aa7 url("../images/areyou.jpg") no-repeat top right;
		}		

	
		#areyou .heading {
			padding: 0; margin: 25px 0 12px 18px;
		}			
	
	
		#areyou .links {
			padding: 0; margin: 10px 0 0 20px;
		}	
		
		
		
/* ------------------------------------------------------------
		"Important Dates" BOX
------------------------------------------------------------ */

		#dates {
			padding: 0; margin: 6px 0 0 10px; float: left; display:inline;
			width: 220px; height: 314px;
			background: #FFF url("../images/datesbg.jpg") no-repeat top right;
			position:relative; cursor: pointer;
		}		


		#dateicon {
			padding: 0; margin: 10px 0 0 20px; 
			width: 190px; height: 37px;
			background: transparent url("../images/datebg.jpg") no-repeat top left;
			position:relative;
		}		


		#dateicon .dateparent {
			position: absolute; top: 3px; left: 10px;
			color: #017cac; font-size:14px; font-weight: bold;
		}	
	
	
		#dateicon .monthparent {
			position: absolute; bottom: 3px; left: 8px;
			color: #FFF; font-size:10px; font-weight: bold;
			text-transform:uppercase;
		}		
	
	
		#dateicon .datedesc {
			position: absolute; top: 2px; left: 48px;
			color: #7f8585; font-size:12px; font-weight: normal; line-height: 12pt;
		}		
	
	
		#dates .heading {
			padding: 0; margin: 25px 0 12px 18px;
		}			
	
	
		#dates .morelink {
			padding:0; margin:0; bottom: 0; left: 0; position:absolute;
		}		
		
		
		#dates a {
				text-decoration: none;
				display: block;
				}
	
		#dates a:hover {
				text-decoration: none;
				display: block;
				}		
	
	
/* ------------------------------------------------------------
		"Newsletter" BOX
------------------------------------------------------------ */

		#newsletter {
			padding: 0; margin: 6px 0 0 9px; float: left; display:inline;
			width: 220px; height: 314px;
			background: #FFF url("../images/newsbg.jpg") no-repeat top right;
			position:relative;
		}			
	
	
		#newsletter .heading {
			padding: 0; margin: 25px 0 12px 18px;
		}		



		#newsletter p {
			color: #7f8585; font-size:12px; 
			font-weight: normal; line-height: 13pt;
			margin: 0; padding: 10px 15px 0 20px;
		}		


		#newsletter .latestlink {
			padding:0; margin:0; bottom: 0; left: 0; position:absolute;
		}	


		#newsletter .signlink {
			padding:0; margin:0; bottom: 0; left: 90px; position:absolute;
		}	




/* ------------------------------------------------------------
		"Weekly Wisdom" BOX
------------------------------------------------------------ */

		#wisdom {
			padding: 0; margin: 6px 0 0 10px; float: left; display:inline;
			width: 220px; height: 314px;
			background: #FFF url("../images/wisdombg.jpg") no-repeat top right;
			position:relative;
		}			
	
	
		#wisdom .heading, #sidewisdom .heading {
			padding: 0; margin: 25px 0 12px 18px;
		}		



		#wisdom p, #sidewisdom p {
			color: #7f8585; font-size:12px; 
			font-weight: normal; line-height: 13pt;
			margin: 0; padding: 10px 15px 0 20px;
		}		

	
		#wisdom span, #sidewisdom span {
			color: #00aab0; font-size:11px; 
			font-weight: bold; line-height: 13pt;
			margin: 0; padding: 0;
		}		
	
	
	
/* ------------------------------------------------------------
		MAIN HEADERS
------------------------------------------------------------ */



	#headline {
			margin: 0; padding: 0; height:78px; width: 695px;
			background: #003b8e url("../images/headerbg.jpg") no-repeat top center;
	}	
	
	
	#headline div.title {
			margin: 0; padding: 22px 0 0 30px;
	}


		
/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

	#content {
			padding: 0 0 15px 0; margin: 0 -3px 0 0;  display: inline;
			float: left; clear:none; width: 695px; 
		}	


	#content i {
			margin:0; padding: 0;
			color: #7f8585;
			font-size: 12px;
			line-height: 12pt;
			font-weight: normal;
			letter-spacing: 0.02em;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-style:italic;
		}	



	#content p {
			margin:0px; padding: 10px 150px 12px 30px;
			color: #7f8585;
			font-size: 12px;
			line-height: 14pt;
			font-weight: normal;
			letter-spacing: 0.02em;
		}		


	#content p.testimonial {
			width: 290px; float: left;
			margin: 25px 0 0 30px; padding: 0 0 7px 10px;
			color: #7f8585;
			font-size: 12px;
			line-height: 14pt;
			font-weight: normal;
			border-left: 1px solid #bcbcbc;
		}	


/* -----------------Article Template Start-------------------- */


	#content #article {
			margin: 0 0 0 30px; padding: 0; width: 635px;
			color: #7f8585;
			font-size: 12px;
			line-height: 14pt;
			font-weight: normal;
			background: #FFF url("../images/adobe_bw.gif") no-repeat 560px 40px;
		}	




	#content #article .zaglavie {
			margin: 0 0 0 18px; padding: 14px 0 0 0; 
			float:left; display:inline;
	}


	#content #article span.articleDate {
			float:right; 
			margin: 0 18px 0 0; padding: 14px 0 0 0; 
			font-size: 12px; font-weight: bold;
		}	


	#content #article p {
			margin:0px; padding: 7px 120px 0 18px;
			color: #7f8585;
			font-size: 12px;
			line-height: 14pt;
			font-weight: normal;
			letter-spacing: 0.02em;
		}	


	#content #article a {
			text-decoration: none;
			display: block;
			border-bottom: #eeeeee 1px solid;
			border-left: #eeeeee 1px solid;
			}

	#content #article a:hover {
			text-decoration: none;
			background: #f7f7f7 url("../images/adobe_green.gif") no-repeat 560px 40px;
			display: block;
			border-bottom: #eeeeee 1px solid;
			border-left: #dadada 1px solid;
			}	
			
			

	#content #article img.click {
			margin: 10px 0 14px 0; padding: 0;
		}	


/* -----------------Article Template Start-------------------- */


	#content span {
			color: #00a7af;
			font-size: 11px;
			font-weight: bold;
			line-height: 13px;
			padding: 15px 0 0 0;
		}	


	#content span.weaker {
			color: #00a7af;
			font-size: 11px;
			font-weight: normal;
			line-height: 13px;
		}	
		
	
	#content a {
			font-size: 12px;
			font-weight:normal;
			color:#0077af; 
			text-decoration: underline;
			}

	#content a:hover {
			font-weight:normal;
			color:#7f8585; 
			text-decoration: none;
			}	


	#content .sideimg {
			float: right; margin: 10px 5px 10px 15px; padding: 0;
		}	



	#content dl, dt, dd {
			margin: 0; padding: 0;
		}
	
	#content dl {
			font-size: 12px; font-weight: normal;
			width: 330px; margin: 15px 0 15px 30px; padding: 0;
			float: left;
		}
	
	#content dt {
			float: left; width: 110px;
			padding: 5px 0 5px 0;
			font-weight: bold;
			text-align:left;
			border-bottom: 1px solid #ececec;
			color: #00a7af;
		}
	
	#content dd {
			float: left; width: 220px;
			padding: 5px 0 5px 0;
			text-align:left;
			border-bottom: 1px solid #ececec;
			color: #7f8585;
		}
		

	#content ul {	
			font-size: 12px;
			letter-spacing: .1pt;
			line-height: 1.6em;
			font-weight: normal;
			list-style:none;
			margin: 0; padding: 10px 0 10px 35px;
		}

	#content li {
			font-weight:normal;
			font-size: 12px;
			margin:0px;
			padding: 0 0 0 1.4em;
			color: #7f8585;
			text-decoration: none;
			background: url(../images/bullet_ul.gif) no-repeat 0px 5px;
		}


/* ------------------------------------------------------------
		CALENDAR
------------------------------------------------------------ */

	#calendar {
			padding: 5px; margin: 15px 0 15px 25px; 
			float: left; clear:none; 
			border: 1px solid #ececec;
		}	



	#calendar span.mydatehead {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 45px; 
			border-bottom: 1px solid #ececec;
			color: #00a7af; font-size: 12px; font-weight:bold;
		}	


	#calendar span.mymonthhead {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 80px; 
			border-bottom: 1px solid #ececec;
			color: #00a7af; font-size: 12px; font-weight:bold;
			background-color: #f7f7f7;
		}	


	#calendar span.myeventhead {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 270px; 
			border-bottom: 1px solid #ececec;
			color: #00a7af; font-size: 12px; font-weight:bold;
		}	



	#calendar span.myvenuehead {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 240px; 
			border-bottom: 1px solid #ececec;
			color: #00a7af; font-size: 12px; font-weight:bold;
			background-color: #f7f7f7;
		}	



	#calendar div.row {
			padding: 0; margin: 0; 
			float: left; height: auto;
			border-bottom: 1px solid #ececec;
			background: url(../images/grey.gif) top left repeat-y;
		}	



	#calendar span.mydate {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 45px;
			color: #7f8585; font-size: 12px; font-weight:bold;
		}	


	#calendar span.mymonth {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 80px; 
			color: #7f8585; font-size: 12px; font-weight:bold;			
		}	


	#calendar span.myevent {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 270px;
			color: #7f8585; font-size: 12px; font-weight:normal;
		}	



	#calendar span.myvenue {
			padding: 5px 0 5px 0; margin: 0; 
			float: left; width: 240px;
			color: #7f8585; font-size: 12px; font-weight:bold;
		}	



/* ------------------------------------------------------------
		MAIN FORMS LAYOUT
------------------------------------------------------------ */


	#content fieldset {
			 margin: 5px 0 0 30px;
			 border: 1px solid #d5d5d5;
			 padding: 1em 0 1em 0; width: 635px;
	}



	#quiz label { 
			color: #0077af;
			font-size: 12px;
			font-weight: bold; 
			cursor: pointer;
			width: 380px;
			float: left;
			text-align: right;
			clear: both;
			margin: 0 0 0 20px; 
		}

	#quiz label.largelabel  { 
			color: #0077af;
			font-size: 12px;
			font-weight: bold; 
			cursor: pointer;
			width: 380px;
			float: left;
			text-align: right;
			clear: both;
			margin: 5px 0 0 20px; 	
	}



	#quiz span.mandatory, #main span.mandatory {
			font-size: 116.667%; color: #00a9b2;
	}


	#quiz input {
			font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 200px; height:22px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
				
	}


	#quiz select {
			font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 50px; height:22px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
	}	

	

	#quiz .button, #main .button { 
			margin: 0 0 0 15px;	width: 49px; height: 13px; border: none;
				
	}



	#main label { 
			color: #0077af;
			font-size: 12px;
			font-weight: bold; 
			cursor: pointer;
			width: 150px;
			float: left;
			text-align: right;
			clear: both;
			margin: 0 0 0 20px; 
		}


	#main label.largelabel  { 
			color: #0077af;
			font-size: 12px;
			font-weight: bold; 
			cursor: pointer;
			width: 150px;
			float: left;
			text-align: right;
			clear: both;
			margin: 5px 0 0 20px; 	
	}



	#main input {
			font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 255px; height:22px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
				
	}


	#main select {
			font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 255px; height:22px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
	}	

	
	
	#main textarea {
			font-size: 12px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 255px; height: 80px;
			padding: 3px; margin: 0 0 10px 20px; 
			color:#7f8585; background-color: #FFF; border: 1px solid #bcbcbc;
				
	}	
	


	#main span.required {
			font-size: 11px; font-family:Tahoma, Arial, Helvetica, sans-serif;
			float: left; width: 150px; 
			padding: 3px; margin: 0 0 10px 5px; 
			color:#7f8585; background-color: #fff7de; border: 1px solid #f0d379;
				
	}



	#main .verify, #quiz .verify  { 
			margin: 0 0 10px 15px;	width: 80px; height: 24px; border: none;
			cursor: default;
				
	}






/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				padding: 5px 0 15px 0; margin: 0;
				width: 920px; clear: both;
				color: #264e90; font-size: 11px; 
				line-height: 12pt; font-weight: normal;
				background-color: transparent;
				text-align:left;
				}

		#footer .footerlinks {
				float: left; margin: 10px 0 5px 0; padding: 0;
				width: 160px; text-align: left; display:block;
				}


		#footer .linksmaller {
				float: left; margin: 10px 0 5px 0; padding: 0;
				width: 130px; text-align: left;
				}


		#footer .wb {
				float: left; margin:10px 0 0 60px; padding:0;
				width: 101px; height: 20px;
				}


		#footer .bottom {
				float: left; margin:0 15px 0 0; padding:0;
				width: 900px;
				}
	
		#footer a {
				font-weight:normal;	font-size: 11px; color: #335fa7; text-decoration: none;
				text-transform:lowercase;
				}
					
		#footer a:hover {
				font-weight:normal;	margin:0px; color:#00aab0; text-decoration: underline;
				text-transform:lowercase;
				}