html { height: 101%; }
a {
	color: #436a88;
	margin: 0;
	text-decoration: none;
}
a:hover {
	color: grey;
} 

body { 
	background:#73a5ca url(images/back.jpg) repeat-x;
	margin-top: 27px;
	padding-top: 0px;
	text-align: center;
}
div {
	margin: 0;
	padding: 0;
}
img {
	margin: 0;
	padding: 0;	
}
div.texts {
	padding-right: 20px;
}
ul {
	margin: 0;
	padding-left: 15px;
	text-align: left;
}
li {
	padding: 0px;
	margin: 0;
	margin-bottom: 4px;
}

#container {
	background: #fff url(images/cont_back.jpg) no-repeat left top;
	margin: auto;
	overflow: hidden;
	text-align:left;
	width: 830px;
	position: relative;
}
#container_footer {
	background: url(images/cont_foot.jpg) no-repeat left top;
	height: 25px;
	margin: 0 auto;
	text-align:left;
	width: 830px;
}
#content_home {
	background:#fff url(images/content_home.jpg) no-repeat left top;
	float: left;
	overflow: hidden;
	text-align:left;
	width: 412px;
}
#content_home h1 {
	color: #fff;
	font-size: 22px;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin: 0;
	margin: 15px 0px 0px 25px;
	height: 39px;
}
#content_prog {
	background:#fff;
	float: left;
	overflow: hidden;
	text-align:left;
	width: 602px;
}
#content_prog #header {
	width: 602px;
	height: 55px;
}
a#homelogo {
	position:absolute;
	margin-top:20px;
	margin-left: 40px;
	width: 130px;
	height: 80px;
	text-decoration: none;

}
a#homelogo b {
	visibility: hidden;
}
#menu {
	margin: 0 auto;
	margin-top: 109px;
	padding-left: 159px;
	text-align:left;
	width: 830px;
}
#menu a {
	display: block;
	float: left;
	height: 35px;
	text-decoration: none;
}
#menu a b {
	font-size: 8px;
	visibility: hidden;
}
#menu a#menu_home {
	width: 64px;
	background: url(images/menu_home.jpg) no-repeat left top;
}
#menu a#menu_meet {
	width: 121px;
	background: url(images/menu_meet.jpg) no-repeat left top;
}
#menu a#menu_blog {
	width: 98px;
	background: url(images/menu_blog.jpg) no-repeat left top;
}
#menu a#menu_programs {
	width: 92px;
	background: url(images/menu_programs.jpg) no-repeat left top;
}
#menu a#menu_pricing {
	width: 75px;
	background: url(images/menu_pricing.jpg) no-repeat left top;
}
#menu a#menu_testimonials {
	width: 109px;
	background: url(images/menu_testimonials.jpg) no-repeat left top;
}
#menu a#menu_contact {
	width: 83px;
	background: url(images/menu_contact.jpg) no-repeat left top;
}
#menu a#menu_home:hover,
#menu a#menu_meet:hover,
#menu a#menu_blog:hover,
#menu a#menu_programs:hover,
#menu a#menu_pricing:hover,
#menu a#menu_testimonials:hover,
#menu a#menu_contact:hover
{
	background-position: 0 -35px;
}
#wrapper {
	clear: both;
	display:table; /* must put this in for FireFox. */
	width:830px;
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	height:400px; /* Have to put SOMETHING in here for the height for both
	browser. DO NOT put in a percentage, must be a pixel value */
}
#left_bar {
	float:left; /* float the menu to the left */
	width:20px;
	background: url(images/left_flex_bar.jpg) repeat-y;
	height:100%; /* so the menu has the height of the main content and visa versa */
}
#right_bar {
	background: url(images/right_flex_bar.jpg) repeat-y;
	float:right; /* float the menu to the left */
	width:20px;
	background-color:#e6e6cc;
	height:100%; /* so the menu has the height of the main content and visa versa */
}
#main {
	float:left; /* float the content to the right */
	width:770px;
	height:100%;/* so the content has the height of the menu and visa versa */
	margin-left: 3px;
}
#home_wrapper {
	clear: both;
	display:table; /* must put this in for FireFox. */
	width:412px;
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	height:400px; /* Have to put SOMETHING in here for the height for both
	browser. DO NOT put in a percentage, must be a pixel value */
}
#home_left_bar {
	float:left; /* float the menu to the left */
	width:16px;
	background: url(images/home_left_flex_bar.jpg) repeat-y;
	height:100%; /* so the menu has the height of the main content and visa versa */
}
#home_right_bar {
	background: url(images/home_right_flex_bar.jpg) repeat-y;
	float:right; /* float the menu to the left */
	width:16px;
	height:100%; /* so the menu has the height of the main content and visa versa */
}
#home_main {
	font-family:Verdana;
	font-size:8pt;
	text-align: justify;
	float:left; /* float the content to the right */
	width:345px;
	height:100%;/* so the content has the height of the menu and visa versa */
	padding: 15px;
}
#home_footer {
	background: url(images/home_foot.jpg) no-repeat left top;
	height: 17px;
	width: 408px;
}
#home_boxes {
	float: left;
	height: 100%;
	text-align:left;
	width: 352px;
}
#home_programs {
	background:#fff url(images/home_programs.jpg) no-repeat left top;
	float: left;
	height: 417px;
	overflow: hidden;
	padding-top: 42px;
	text-align:left;
	width: 165px;
}
#home_blog_test {
	background:#fff url(images/home_blog_test.jpg) no-repeat left top;
	float: left;
	font-family:Verdana;
	font-size:8pt;
	font-style:italic;
	margin-left: 2px;
	padding-top: 35px;
	text-align:left;
	width: 180px;
}
#home_blog {
	height: 280px;
	padding: 10px;

}
#home_test {
	padding: 10px;
	padding-top: 35px;
}
#home_test p {
	margin-top: 13px;
	margin-bottom: 3px;
}
#home_test span.testimonial {
	color:#99CC00;
	font-weight:bold;
}
#prog_wrapper {
	clear: both;
	display:table; /* must put this in for FireFox. */
	width:602px;
	text-align:left; /* so that IE6 and Firefox puts the text to the left*/
	height:400px; /* Have to put SOMETHING in here for the height for both
	browser. DO NOT put in a percentage, must be a pixel value */
}
#prog_left_bar {
	float:left; /* float the menu to the left */
	width:16px;
	background: url(images/prog_left_flex_bar.jpg) repeat-y;
	height:100%; /* so the menu has the height of the main content and visa versa */
}
#prog_right_bar {
	background: url(images/prog_right_flex_bar.jpg) repeat-y;
	float:right; /* float the menu to the left */
	width:9px;
	height:100%; /* so the menu has the height of the main content and visa versa */
}
#prog_main {
	font-family:Verdana;
	font-size:8pt;
	text-align: justify;
	float:right; /* float the content to the right */
	height: 100%;
	width:560px;
	padding-left: 15px;
}
#prog_main h2, #home_main h2 {
	color:#999999;
	font-family:"Trebuchet MS";
	font-size:14pt;
	margin:0in 3pt 0.0001pt 0in;
	padding-top: 15px;
	text-align: left;
}

#prog_footer {
	background: url(images/prog_foot.jpg) no-repeat left top;
	height: 17px;
	width: 602px;
}
#prog_programs {
	background:#fff url(images/home_programs.jpg) no-repeat left top;
	float: left;
	height: 417px;
	margin-left: 2px;
	overflow: hidden;
	padding-top: 42px;
	text-align:left;
	width: 162px;
}
a.home_program {
	display: block;
	font-size: 5px;
	width: 137px;
	height: 68px;
	margin-left: 14px;
	text-decoration: none;

}
a.home_program:hover
{
	background-position: 0 -68px;
}
a.home_program b {
	visibility: hidden;
}
#grey_column {
	background: url(images/grey_column.jpg) no-repeat right top;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: justify;
	float: right; 
	padding: 8px;
	height: 100%;
	width: 214px;
}
#grey_column h2 {
	color:#94C838;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size: 14pt;
}
#grey_columnpower {
	background: url(images/grey_column.jpg) no-repeat right top;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: justify;
	float: right;
	margin-left: 15px; 
	padding: 8px;
	height: 100%;
	width: 214px;
}
#grey_columnpower h2 {
	color:#e93eee;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size: 14pt;
}
#grey_columnunfog {
	background: url(images/grey_column.jpg) no-repeat right top;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: justify;
	float: right;
	margin-left: 15px; 
	padding: 8px;
	height: 100%;
	width: 214px;
}
#grey_columnunfog h2 {
	color:#f8ca14;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size: 14pt;
}
#grey_columncommand {
	background: url(images/grey_column.jpg) no-repeat right top;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: justify;
	float: right;
	margin-left: 15px; 
	padding: 8px;
	height: 100%;
	width: 214px;
}
#grey_columncommand h2{
	color:#f8390c;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size: 14pt;
}
#grey_columntwenty {
	background: url(images/grey_column.jpg) no-repeat right top;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:8pt;
	text-align: justify;
	float: right;
	margin-left: 15px; 
	padding: 8px;
	height: 100%;
	width: 214px;
}
#grey_columntwenty h2{
	color:#5bccee;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size: 14pt;
}
#grey_column #details {
	font-family:Verdana;
	font-size:8pt;
	text-align: left;
}
#left_column {
	text-align: justify;
	float: left;
	height: 90%;
	width: 300px;
	padding-bottom: 20px;
}
#left_testcolumn {
	text-align: justify;
	float: left;
	height: 90%;
	width: 475px;
	padding-bottom: 20px;
}
#expatlife {
	margin-top: 130px;
}