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

body { 
	background:url(../images/yellowRingsBkgrnd.gif);
	margin: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img { border: none; }

/* Social Icons */

#social { width: 70px; position: fixed; float: right; top: 200px; right: -16px; }
.smIcon { margin-bottom: 12px; }

/* Colors */

.blue { color: #0055A4; }
.yellow { color: #FFE363; }
.green { color: #AFBD22; }
.orange { color: #F58025; }
.purple { color: #BC76AC; }
.yOrange { color: #EEB211; }
.rOrange { color: #09541E; }
.gray { color: #000; }


h1 { 
	font: 42px Trebuchet MS, Helvetica, sans-serif; 
	color:#003399; 
	margin-bottom:5px; 
	margin-top: 0px;
	margin-left:4px;
	font-weight:lighter; 
}

h2 { 
 font: 24px Trebuchet MS, Helvetica, sans-serif; 
 color:#0055A4; 
 margin-bottom:5px; 
 font-weight:lighter; 
 }
 
h3 {
	font-size: 14px;
	text-transform: uppercase; 
	margin: 4px auto 3px auto; 
	color: #0055a4;
	border-bottom: 1px solid #ddd;
	padding: 3px auto;
	margin-top: 15px;
}

h4 { 
 font: 20px Trebuchet MS, Helvetica, sans-serif; 
 color:#0055A4; 
 margin-bottom:30px; 
 margin-top: 10px;
 font-weight:lighter;
}

h5 { 
 font: 18px Trebuchet MS, Helvetica, sans-serif; 
 color:#0055a4; 
 margin-bottom:0px; 
 margin-top: 0px;
 font-weight:lighter; 
 }
/*
h6 { 
 font: 13px Trebuchet MS, Helvetica, sans-serif; 
 color:#666; 
 margin-top:0px; 
 font-weight:lighter; 
 }
*/
h6 { 
 font: 16px Trebuchet MS, Helvetica, sans-serif; 
 color:#0055a4;
 font-weight: lighter;
 line-height: 22px;
 border-bottom: 1px solid #eee;
 margin-bottom:20px;
 margin-top: 0px;
 padding: 10px 0px;
 }

p { margin: 0px 0px 25px 0px;
	color: #4c4c4c;
	font-size: 15px;
	line-height: 26px;
 }

ol {
	margin: 10px 0px 0px 25px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: decimal;
	list-style-image: none;
	font-size: 16px;
}

#list ul {
	font-size: 16px;
	color:#444;
	list-style-image: url(../images/bulletIcon.gif);
	list-style-position:inside;
	margin: 20px 0px 30px 0px; 
	padding: 0px;
}

#list li  {
	font-size: 14px;
	color:#666;
	margin: 4px 0px 8px 0px;
}

li a:hover {
	text-decoration:underline;
	color: #003366;
}

/* Copy Styles */

.homeCopy { 	
	color: #777;
	font-size: 14px;
	line-height: 28px;
	margin-top: 30px;
	padding: 0px 40px;
}

.popupBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	background-color: #E3E3E3;
	margin: 15px 16px 0px 16px;
	padding: 10px 40px;
	width: 618px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align: left;
	line-height: 12px;
}

.blueBold {
	color: #0055A4;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	padding-bottom: 7px;
}

.greenBold { 
	color: #AFBD22;
	font-weight: bold;
	text-transform: capitalize;
}



/* Page Layout Styles */

#wrapper { 
	width: 826px;
	margin: 25px auto;
	padding: 0px auto;
	clear:both;
}

#top { 
	background:url(../images/topFullShdw.gif) bottom no-repeat;
	width: 826px;
	height: 80px;
	float: left;
	padding-top: 0px;
}

#middle { 
	background:url(../images/midFullShdw.gif) repeat-y;
	width: 766px;
	padding: 10px 30px;
	float: left;
	/* overflow:auto; */
}

#bottom { 
	background:url(../images/cloudFullBtmShdw.gif) no-repeat;
	height: 75px;
	width: 826px;
	float: left;
}

#topContentHome {
	/* background: url("../images/reflexMainLogo.gif") top right no-repeat; */
	width: 766px;
	height: 170px;
	padding-top: 15px;
	clear:both;
}

#topContent {
	background: url(../images/reflexMainLogo2.gif) top right no-repeat;
	width: 766px;
	height: 100px;
	padding-top: 15px;
	margin-bottom: 40px;
	clear:both;
}

#content { 
	width: 475px;
	padding: 10px 50px 10px 0px;
	float: left;
	/* overflow:auto; */
}

#sideBar { 
	width: 236px;
	padding-top: 60px;
	float: left;
}

.logo { 
	position: relative;
	left: -10px;
	top: -65px;
}

#centerContent {
	font-size: 17px;
	line-height: 28px;
	width: 766px;
	margin: 40px auto 0px auto;
}

#centerContent ul {
	list-style-position: outside;
	list-style-type: none;
	margin-top:0px;
	padding-top: 0px;
	margin-left: 25px;
	padding-left: 3px;
}

#centerContent li a {
	font-size: 17px;
	line-height: 38px;
	display:block;
	text-decoration:none;
	color:#666;
}

#centerContent li a:hover {
	text-decoration:underline;
	color: #003366;
}

#column232, #column3 {
	width: 192px;
	height: 135px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-align:center;
	font-size: 10px;
	padding: 20px;
	float: left;
	vertical-align: middle;
}

#column3 {
	margin-right: 0px;
}



/* End Page Layout Styles */

/* Nav Areas */

#topNav { 
	margin:0; padding:0;
	text-align:right;
	float: right;
	width: 675px;
	height: 40px;
}

.dropdown * { margin: 0; padding: 0;}
.dropdown {float:right; padding: 15px 5px 0px 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-transform:capitalize; }
.dropdown dt { padding-right: 6px;  cursor:pointer; text-align: right; }
.dropdown dt:hover { }
.dropdown dd {position:absolute; overflow:hidden;  display:none;; z-index:200; opacity:0; margin-left: -10px;}
.dropdown ul {list-style:none; text-align: left;}
.dropdown li {display:inline;}
.dropdown a {display:block; padding: 0px 25px 8px 10px; color:#003399; text-decoration:none; background:#f5cf3c; }
.dropdown a:hover { background:#f5cf3c; color:#003399;}
.dropdown .underline { }
.dropdown .noDrop { margin: 0; padding: 0; font-weight:normal; cursor:pointer; color:#003399; text-decoration:none;}
.dropdown .top a{ padding-top: 15px; margin-top:0px;}

.divider {
	margin-left: 10px;
}

#rightSideContent-Fin {
	margin: 0px 0px 40px 0px;
	width: 225px;
	float:left;
	font-size: 11px;
	color:#003366;
	line-height: 20px;
}

#sidebar_navigation {
	width: 225px;
	list-style: none;
	margin: 0px; padding: 0px;
}

#sidebar_navigation ul {
	margin: 0px; padding: 0px;
	list-style: none;
}

#sidebar_navigation li a {
	width: 205px; 
	height: 24px;
	margin-bottom: 15px;
	display: block;
	padding-left: 20px;

}

#sidebar_navigation li a { 
	background: url(../images/bulletIcon2up.gif) no-repeat left top;
}

#sidebar_navigation li a:hover { 
	background-position: 0px -22px;
}

#subLink ul {  margin: 0px; padding: 0px; list-style: none; margin-bottom: 20px; margin-top: -15px; }
#subLink li { margin-bottom: 7px; }
#subLink li a { color:#000; text-decoration: none; padding-left: 35px; }
#subLink li a:hover { color:#0055a4; text-decoration: underline; }
.subLink { margin: 0px; padding: 0px;  }



/* End Navigation */


/* Search Box Home Page */

fieldset.search {
	border: none;
	width: 491px;
	margin: 0 auto;
	text-align: left;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #555;
	font-size: 1em;
	width: 360px;
	height: 41px;
	padding: 8px 8px 0;
	border: none;
	background: url(../images/searchBackground.gif) no-repeat;
	margin-right: 5px;
}

.search button.btn {
	width: 110px;
	height: 41px;
	cursor: pointer;
	background: url(../images/btn_Search.gif) no-repeat top right;
}
.search button.btn:hover {
	background: url(../images/btn_Search.gif) no-repeat bottom right;
}

br { clear: both;}


/* End Search Box */

/* Search Box All Pages */

fieldset.search2 {
	border: none;
	width: 491px;
	margin: 0 auto;
	text-align: left;
}
.search2 input, .search2 button {
	border: none;
	float: left;
}
.search2 input.box {
	color: #555;
	font-size: 1em;
	width: 362px;
	height: 30px;
	padding: 8px 8px 0;
	border: none;
	background: url(../images/searchBackground2.gif) no-repeat;
	margin-right: 5px;
}

.search2 button.btn {
	width: 85px;
	height: 32px;
	cursor: pointer;
	background: url(../images/btn_Search2.gif) no-repeat top right;
}
.search2 button.btn:hover {
	background: url(../images/btn_Search2.gif) no-repeat bottom right;
}



/* End Search Box */



/* Table Formatting */

#table1 {
	width: 100%;
	border-collapse: collapse;
}

#table1 td, th {
	border: 1px solid #acacac;
	padding: 9px;
	font-size: 12px;
}

#table1 th {
	background-color: #AFBD22;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 5px 9px 3px 9px;
}

#box ul { 
	list-style-type: none;
	padding: 0px; margin: 0px;
}

#box li { 
	list-style-type: none;
	margin: 3px 0px;
	color: #4f4f4f;
	text-transform: capitalize;
}

#table1 tr td {
	width: 40%;
	background-color: #fff;
	color: #4f4f4f;
	font-size: 14px;
}

#table1 tr.screen td {
	background-color: #e8f1e3;
	color: #5f5f5f;
}

/* End Table Layouts */

/* 7 Questions Nav on Home Page */


#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 766px;
	height: 155px;
	position: relative;
}

#menu li {
	padding: 0;
	margin: 0;
 }

#menu span {
	padding: 0;
	margin: 0;
	display: none;
	position: absolute;
}
#menu a {
	padding: 0;
	margin: 0;
	display: block;
	text-indent: -9000px;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: top left;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_01.gif) no-repeat top left;
}
#menu .home span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_01b.gif) no-repeat top left;
}
#menu .who {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_02.gif) no-repeat top left;
	left: 85px;
}
#menu .who span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_02b.gif) no-repeat top left;
}
#menu .what {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_03.gif) no-repeat top left;
	left: 170px;
}
#menu .what span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_03b.gif) no-repeat top left;
}

#menu .when {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_04.gif) no-repeat top left;
	left: 255px;
}
#menu .when span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_04b.gif) no-repeat top left;
}

#menu .where {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_05.gif) no-repeat top left;
	left: 340px;
}
#menu .where span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_05b.gif) no-repeat top left;
}

#menu .which {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_06.gif) no-repeat top left;
	left: 425px;
}
#menu .which span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_06b.gif) no-repeat top left;
}

#menu .why {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_07.gif) no-repeat top left;
	left: 510px;
}
#menu .why span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_07b.gif) no-repeat top left;
}

#menu .how {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_08.gif) no-repeat top left;
	left: 595px;
}
#menu .how span {
	width: 85px;
	height: 155px;
	background: url(../images/7Q1A_08b.gif) no-repeat top left;
}

#menu .end {
	width: 84px;
	height: 155px;
	background: url(../images/7Q1A_09.gif) no-repeat top left;
	left: 680px;
}
#menu .end span {
	width: 84px;
	height: 155px;
	background: url(../images/7Q1A_09b.gif) no-repeat top left;
}

.sevenQuestion { padding: 15px; }
.sevenQuestion a { color: #0055a5; font-weight: bold; }
.sevenQuestion a:hover { text-decoration: none; }


/* End 7 Questions Nav */


/* Footer Layout */

#footer{
clear:both;
width: 820px;
border-top: solid 1px #333;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#333;
margin: 30px auto;
}

.copyright { 
	position:relative; 
	text-align: left;
	padding-left: 10px;
	padding-top: 28px;
}


/* Hidden Areas Display on Hover */
a.copyright{  z-index:24; color:#f9e69b; font: 22px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-align: left; padding-right: 15px;}
a.copyright:hover{z-index:25; color: #003399;}
a.copyright span{display: none}
a.copyright:hover span{ display:block; position:absolute; top:20px; left: 40px; width:700px; color:#000; text-align: left; padding: 5px 30px 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px;}