@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#container {
	width: 800px;
	background-color: #333333;
	margin: 20px Auto 0px;
}

#topBarWithLogo {
	height: 51px;
	line-height: 50px;
	color: #ffffff;
	font-weight: bold;
}

#topBarWithLogo img {
	padding-top: 7px;
	padding-left: 7px;
}

.floatRight {
	float: right;
	padding-right: 7px;
}

#copy {
	margin: 15px;
	color: #ffffff;
	min-height: 270px;
	z-index: 100;
}

a {
	color: #ffffff;
	text-decoration: none;
}

a:Hover {
	text-decoration: underline;
}


#floatRightCopy {
	float: right;
	width: 328px;
	border-left: solid 2px #444444;
	padding: 0 28px;
	font-size: 12pt;
}

#roundedWhiteBox {
	background-color: #FFFFFF;
	color: #222222;
	padding: 0px 25px;
	background-image: url(../images/topLeftCorner.gif);
	background-repeat: no-repeat;
	text-align: left;
}

#roundedWhiteBox a{
	color: #333333;
	text-decoration: underline;
}

#topRight {
	background-image: url(../images/topRightCorner.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 26px;
	position: relative;
	right: -25px;
}

#bottomRight {
	background-image: url(../images/bottomRightCorner.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-bottom: -26px;
	margin-right: -25px;
	height: 26px;
	position: relative;
}

#bottomLeft {
	background-image: url(../images/bottomLeftCorner.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	/*margin-bottom: -7px;*/
	margin-left: -25px;
	height: 26px;
	position: relative;
}

#roundedWhiteBox li{
	margin: 10px 0;
	list-style-position: inside;
}

h2 {
	font-size: 11pt;
	margin: 0 0 7px 0;
}

#footer {
	color: #cccccc;
	font-size: 7pt;
	padding: 7px;
}

#footer a {
	color: #888888;
	text-decoration: none;
}

#footer a:Hover {
	border-bottom: solid 1px #ffffff;
}

#navigation {
	color: #ffffff;
	text-align: center;
	line-height: 25px;
	padding-top: 175px;
}

.padding {
	margin-left: 20px;
}

div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     position: relative;
     width: 800px;
	 height: 200px;
	 background-image: url(../images/freelifeBanner.jpg);
	 background-repeat: no-repeat;
}

div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color: #000000;
     height: 25px;
     filter:alpha(opacity=35); /* IE's opacity*/
     left: 0px;
     opacity: 0.35;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
	 margin-top: 175px;
}



#navigation a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#navigation a:Hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

.centerText {
	text-align: center;
}

.rightText {
	text-align: right;
}

.leftText {
	text-align: left;
}

.ninePoint {
	font-size: 9pt;
}

.twelvePoint {
	font-size: 12pt;
}

.elevenPoint {
	font-size: 11pt;
}

#supportingImages {
	text-align: center;
	clear: both;
}

.spaceRight {
	padding-right: 40px;
}

p {
	margin: 0 0 10px 0;
}	

#menu {
	float: left;
	height: 140px;
	width: 140px;
	font-weight: bold;
	z-index: 10000;
}


#content {
	margin-left: 140px;
}

.quote {
	font-size: 8pt;
	font-style: italic;
}

.normalText {
	font-weight: normal;
}