/* author: Adrian Trif */
*		{ margin: 0; }
a		{ text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
img		{ border: 0; }
html	{ height: 100%; }
body	{
	background: #000 url("../images/body_bg.jpg") 50% 50% no-repeat;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	padding-top: 30px;
}
#wrapper_mom
{
	width: 931px;
	height: 551px;
	background: url("../images/mom_bg.jpg") no-repeat;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
}
#wrapper_kid
{
	width: 903px;
	margin-right: 0px;
	margin-left: 14px;
	margin-bottom: 14px;
}
	#header
	{
	width: 903px;
	height: 118px;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	}
		#header h1 a
		{
			display: block;
			float: left;
			width: 417px;
			height: 118px;
			background: url("../images/tjf.png") no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}
		#header #contact
		{
			float: left;
			width: 460px;
			height: 40px;
			padding: 33px 26px 20px 0;
			text-align: right;
			font-size: 16px;
			color: #b8d7ff;
			overflow: hidden;
		}
			#header #contact strong
			{
				font-size: 20px;
			}
			#header #contact span
			{
				font-weight: bold;
			}
			#header #contact a
			{
				color: #fff;
				text-decoration: none;
			}

			#header #contact SPAN.alt_text
			{
			    color: #fff;
			font-weight: normal;
			}
			
		#header #topnav
		{
			float: right;
			width: 380px;
			height: 30px;
			padding: 8px 0 0 50px;
		}
			#header #topnav a
			{
				float: right;
				padding: 0 11px;
				font: normal 13px/1.5 Tahoma, Arial, Helvetica, sans-serif;
				color: #3399ff;
			}
			#header #topnav a:hover
			{
				background: url("../images/bullet.gif") 0px 8px no-repeat;
				text-decoration: none;
				color: #99ccff;
			}
	#menu
	{
		text-align:right;
		margin-right:16px;
		margin-top:-22px;
		float: right;
	}
	#content
	{
	width: 310px;
	height: 345px;
	padding-top: 0px;
	padding-right: 600px;
	padding-left: 25px;
	padding-bottom: 0px;
	clear: both;
		/*font-size: 11px;*/
	}

		#content h2
		{
	font: normal 28px Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color: #1d4998;
	padding-top: 6px;
		}

		#content h3
		{
			font: normal 16px Arial, Helvetica, Tahoma, Verdana, sans-serif;
			color: #1d4998;
			margin: 0px 0 6px;
		}

		#content p
		{
			margin: 6px 0 6px;
		}

		#content a
		{
			text-decoration: none;
			color: #000000
		}

		#content ul
		{
		margin-left: 15px;
		}
		#content li
		{
		margin-bottom: 5px;
		}
	#bottom
	{
	width: 903px;
	background: url("../images/gradient.png") repeat-y;
	height: 60px;
	}
				#bottom h1 a
		{
			display: block;
			float: left;
			width: 300px;
			margin-top: 10px;
			margin-left: 20px;
			height: 53px;
			background: url("../images/free_assessment.png") no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}

#footer
{
	width: 931px;
	height: 30px;
	padding: 10px 0 0;
	text-align: center;
	color: #b8d7ff;
}
			#footer a
			{
				color: #b8d7ff;
				text-decoration: none;
			}


		.cssform p{
position: relative;
width: 300px; height: 16px;
clear: left;
padding: 0 0 0 155px; /*width of left column containing the label elements*/
margin: 0;
}

.cssform label{
position: absolute; left: 0; top: 5px;
font-weight: bold;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 185px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

 div#left {
    float: left;
    width: 100px;
	margin-right: 5px;
}

div#right {
    float: right;
    width: 100px;
}

div#middle {
    width: 100px;
    margin: 0px;
	margin-left: 5px;
}