/**  Styles for freeflow microsite  **/
body.freeflow
{
  background-color: #dadbdd;
}

body.freeflow h1.PageTitle
{
  color: #fba632;
  float: left;
  width: 100%;
  position: absolute;
  top: -35px;
  margin-top: 0px;
}

body.freeflow .SiteMapLink
{	
	position: absolute;
	top: 86px;
	right: 40px;
	color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

body.freeflow .SignUpTodayLink
{
	display: block;
	height: 140px;
	width: 140px;
	position: absolute;
	top: 140px;
	right: 40px;
}

body.freeflow strong
{
  color: #01a4db;
}

body.freeflow .cmsContent
{
	padding-top: 15px;
}
body.freeflow #cmsPageContainer1
{
  background-image: none;
  background-color: #e2e3e5;
  width: 1010px;
}

body.freeflow #cmsPageContainer2
{
  background-image: none;
  background-color: #ffffff;
  width: 988px;
  margin: 0px auto;
}

body.freeflow #cmsPageContainer3
{
  background-image: none;
  background-color: #ffffff;
  width: 968px;
  margin: 0px auto;
}


body.freeflow #cmsContentInner3
{
  position: relative;
}

body.freeflow #header 
{
  background-image:url(../images/freeflow/bg_header.jpg);
  background-position: left 113px;
  background-repeat:no-repeat;
  height: 320px;
  margin-left:0;
  overflow:hidden;
  width: 968px;
  position: relative;
}

body.freeflow #header #headerInner
{
  background-image: none;
}

body.freeflow #header .logo
{
  position: absolute;
  right: 20px;
  top: 20px;
}

body.freeflow .mainMenu
{
  width: 968px;
  background-color: #01a6de;
  position: absolute;
  left: 0px;
  top: 75px;
}

body.freeflow .mainMenu ul, body.freeflow .mainMenu ul li
{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline;
  float: left;
}

body.freeflow .mainMenu ul li
{
  border-right: 1px solid #ffffff;
}

body.freeflow .mainMenu ul li a
{
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 11px 30px 11px 30px;
}

body.freeflow .mainMenu ul li a:hover
{
  background-color: #f8a734;
}


body.freeflow #leftNav 
{
  background-color:#ffffff;
  background-image: url(../images/freeflow/bg_left.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  float:left;
  margin:0px;
  width:263px;
  padding: 0px;
}
body.freeflow #leftNav ul li
{
	 background-color:#01A6DE;
}

body.freeflow #leftNav ul li a
{

	background-image:none;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
  font-weight: bold;
  padding: 8px 10px;
  border-bottom: 1px solid #ffffff;
}

body.freeflow #leftNav ul li a:hover
{
   background-color: #f8a734;
}


body.freeflow #leftNav ul ul li a
{
  background-image: none;
  background-color: #01A6DE;
  color: #ffffff;
  font-weight: bold;
  padding: 8px 10px 8px 35px;
  border-bottom: 1px solid #ffffff;
}

body.freeflow #leftNav ul ul li a:hover
{
  background-color: #f8a734;
}

body.freeflow #leftNav ul ul li a.submenuIndented
{
	padding: 8px 10px 8px 60px;
}

body.freeflow #leftNavInner
{
  margin: 80px 0px 0px 0px;
}

body.freeflow #leftNavInner .submenuitem
{
  display: none;
}

body.freeflow #cmsMiddleBlock
{
  background-color:#ffffff;
  background-image: url(../images/freeflow/bg_right.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

body.freeflow #cmsContentOuter
{
  padding: 0px 20px 20px 20px;
  background-color: #e2e3e5;
  width: 636px;
  margin: 32px 0px 0px 16px;
}

body.freeflow #footer
{
  background-color: #ffffff;
  float: left;
  text-align: left;
  font-weight: normal;
  height: auto;
  width: 945px;
  padding: 5px 0px;
}

body.freeflow #footer #footerInner
{
  background-color: #ffffff;
  font-weight: normal;
  width: 945px;
}
