html, body
{
	height:100%;
	margin:0;
	padding:0;
}

body
{
	background-color:#fff;
}

div#wrap
{
	font-family:arial;
	min-height:100%;
    position:relative;
    margin:0;
}

.clear
{
	clear:both;
}

div#header
{
	background:url('../images/header_background_s1.jpg') no-repeat top left;
}

div#headerS2
{
	background:url('../images/header_background_s2.jpg') no-repeat top left;
}

div#headerS3
{
	background:url('../images/header_background_s3.jpg') no-repeat top left;
}

div#headerS4
{
	background:url('../images/header_background_s4.jpg') no-repeat top left;
}

div#headerS5
{
	background:url('../images/header_background_s5.jpg') no-repeat top left;
}

div#headerTop
{
	height:130px;
}

div#headerTop img
{
	float:right;
	width:181px;
	height:23px;
	margin:10px 15px 0px 0px;
}

div#navigation
{
	margin:24px 0px 0px 10px;
}

div#navigation img
{
	border:none;
}

div#navigation ul
{
	padding:0;
	margin:25px 0px 15px 0px;
	width:925px;
}

div#navigation ul li
{
	display:inline;
	width:100px;
	height:38px;
	margin-right:11px;
	list-style-type:none;
}

div#mainContent
{
	font-size:12px;
	color:#333333;
	padding-bottom:71px;
	background:url('../images/arrow_background_large.jpg') #ffffff no-repeat left;
}

div#contentWrap
{
	width:935px;
}

div#contentLeft
{
	float:left;
	width:450px;
	min-height:475px;
	padding:0px 0px 0px 10px;
}

div#contentLeft h1
{
	margin:0;
	font-size:36px;
	font-weight:200;
	letter-spacing:1px;
}

div#contentLeft h2
{
	text-align:right;
	padding-right:70px;
	margin:2px 0px 22px 0px;
	font-size:36px;
	font-weight:200;
	letter-spacing:1px;
}

div#contentLeft h3
{
	padding-right:70px;
	margin-top:26px;
	font-size:18px;
	font-weight:600;
	color:#858585;
}

img { border: none; }

.pink
{
	color:#ee2a70;
}

.orange
{
	color:#fc9005;
}

.darkGrey
{
	color:#494848;
}

.brightBlue
{
	color:#1edff6;
}

.red
{
	color:#f01019;
}

.purple{
	color:#4d0986;
}

.green
{
	color:#42c01b;
}

.darkPurple
{
	color:#2c065a;
}

.tangerine
{
	color:#fcb305;
}

.darkBlue
{
	color:#0a1e98;
}

.darkGreen
{
	color:#8dc605;
}

.largeFont
{
	font-size:14px;
}

div#contentLeft p
{
	margin-bottom:15px;
	padding-right:70px;
	line-height:1.4em;
	font-weight:600;
}

div#contentLeft ul
{
	margin-bottom:15px;
	padding-right:70px;
	font-weight:600;
}

div#contentLeft ul li
{
	margin-bottom:7px;
}

.numberList
{
	list-style-type:decimal;
}

.noStyleList
{
	list-style-type:none;
}

a.pinkLink:link,
a.pinkLink:active,
a.pinkLink:visited
{
	color:#ee2a70;
	text-decoration:none;
}

a.blueLink:link,
a.blueLink:active,
a.blueLink:visited
{
	color:#1edff6;
	text-decoration:none;
}

a.redLink:link,
a.redLink:active,
a.redLink:visited
{
	color:#f01019;
	text-decoration:none;
}

a.orangeLink:link,
a.orangeLink:active,
a.orangeLink:visited
{
	color:#fcb305;
	text-decoration:none;
}

a.greenLink:link,
a.greenLink:active,
a.greenLink:visited
{
	color:#8dc605;
	text-decoration:none;
}

div#contentLeft p a:hover
{
	color:#333333;
	text-decoration:underline;
}

div#contentLeft li a:hover
{
	color:#333333;
	text-decoration:underline;
}
	

/* S-M-A-R-T rollover */
div#smartRollover
{
	font-size:30px;
	margin-top:-10px;
}

div#smartRollover ul
{
	list-style-type:none;
	margin-bottom:30px;
}

div#smartRollover ul li
{
	padding-bottom:10px;
	margin:0;
}

div#smartRollover a{
	height:38px;
	display: block;
}

div#smartRollover a:link { 
	color:#fc9005;
	text-decoration:none;
}

div#smartRollover a:visited { 
	color:#fc9005;
	text-decoration:none;
}

div#smartRollover a:active { 
	color:#fc9005;
	text-decoration:none;
}

div#smartRollover a.hover1:hover { 
	background: url('../images/rollover1.png') no-repeat left;
	color:#ee2a70;
}

div#smartRollover a.hover2:hover { 
	background: url('../images/rollover2.png') no-repeat left;
	color:#ee2a70;
}

div#smartRollover a.hover3:hover { 
	background: url('../images/rollover3.png') no-repeat left;
	color:#ee2a70;
}

div#smartRollover a.hover4:hover { 
	background: url('../images/rollover4.png') no-repeat left;
	color:#ee2a70;
}

div#smartRollover a.hover5:hover { 
	background: url('../images/rollover5.png') no-repeat left;
	color:#ee2a70;
}
	
div#contentRight
{
	float:left;
	width:475px;
}

div#subNavigation
{
	clear:both;
	margin-bottom:22px;
}

div#subNavigation ul
{
	margin:0 0 0 10px;
	padding:0;
}

div#subNavigation ul li
{
	float:left;
	list-style-type:none;
	margin-right:8px;
	font-weight:600;
}

div#subNavigation ul li img
{
	margin-left:5px;
	margin-top:2px;
	border:none;
}

div#subNavigation ul li a:link,
div#subNavigation ul li a:active,
div#subNavigation ul li a:visited
{
	color:#333333;
	text-decoration:none;
}
	
div#subNavigation ul li a:hover
{
	text-decoration:underline;
}
	
.currentPink
{
	color:#ee2a70 !important;
}

.currentBlue
{
	color:#1edff6 !important;
}

.currentRed
{
	color:#f01019 !important;
}

.currentOrange
{
	color:#fcb305 !important;
}

.currentGreen
{
	color:#8dc605 !important;
}

div#footer
{
	background:url('../images/footer_gradient.jpg') #5e6a70 repeat-x top left;
	height:71px;
	position:absolute;
	bottom:0;
	width:100%;
}

div#footer img
{
	float:left;
	margin:18px 0px 0px 16px;
}

div#footer p
{
	float:right;
	margin:34px 15px 0px 0px;
	font-size:10px;
}

/* popup code */

#popup1
{
    left: 210px;
    position: absolute;
    top: 300px;
    width: 400px;
}

#popup2
{
    left: 110px;
    position: absolute;
    top: 250px;
    width: 400px;
}

#popup3
{
    left: 110px;
    position: absolute;
    top: 100px;
    width: 400px;
}

#popup4
{
    left: 110px;
    position: absolute;
    top: 300px;
    width: 400px;
}

#popup5
{
    left: 110px;
    position: absolute;
    top: 220px;
    width: 400px;
}

#popup6
{
    left: 110px;
    position: absolute;
    top: 250px;
    width: 400px;
}

#popup7
{
    left: 110px;
    position: absolute;
    top: 300px;
    width: 400px;
}

#popup8
{
    left: 110px;
    position: absolute;
    top: 50px;
    width: 400px;
}

#popup9
{
    left: 110px;
    position: absolute;
    top: 300px;
    width: 400px;
}

#popup10
{
    left: 110px;
    position: absolute;
    top: 300px;
    width: 400px;
}

#popup11
{
    left: 110px;
    position: absolute;
    top: 130px;
    width: 400px;
}

#popup12
{
    left: 110px;
    position: absolute;
    top: 250px;
    width: 400px;
}

#popup13
{
    left: 110px;
    position: absolute;
    top: 130px;
    width: 400px;
}

#popup14
{
    left: 110px;
    position: absolute;
    top: 130px;
    width: 400px;
}

#popup15
{
    left: 110px;
    position: absolute;
    top: 250px;
    width: 400px;
}

#popup16
{
    left: 110px;
    position: absolute;
    top: 250px;
    width: 400px;
}

.popupHeader
{
    height: 25px;
}

.popupTopLeft
{
    float: left;
    width: 33px;
}

.popupTopMiddle
{
    background-color: #fdfdfd;
    border-top: solid 1px #999999;
    float: left;
    height: 24px;
    width: 334px;
    margin:0px;
}

.popupTopRight
{
    float: right;
    width: 33px;
}

.popupContent
{
    background: #ededed url('../images/popup-content-background.jpg') repeat-x top left;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    padding-left:20px;
    padding-right:10px;
    padding-bottom:20px;
    padding-top:20px;
    overflow: auto;
}

.popupContent table
{
    border-color: #494848;
    border-width: 0 0 1px 1px;
    border-style: solid;
    margin:10px 20px 0px 20px;
}

.popupContent td
{
    border-color: #494848;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 10px;
    font-weight:600;
}

.popupContent h4
{
    font-size: 24px;
    margin:0;
}

.popupContent h5
{
	margin: 0px;
	padding-right:20px;
	font-size: 16px;
	font-weight: 600;
}

.popupContent p
{
    padding-right:20px !important;
}

.popupFooter
{
    height: 25px;
}

.popupBottomLeft
{
    float: left;
    width: 33px;
    height: 24px;
}

.popupBottomMiddle
{
    background: #fdfdfd url('../images/popup-footer-background.jpg') repeat-x top left;
    border-bottom: solid 1px #999999;
    float: left;
    height: 24px;
    width: 334px;
}

.popupBottomRight
{
    float: left;
    width: 33px;
    height: 24px;
}

.popupTopRight img
{
    border: none;
}

/*Session 5 Page 2 rollovers*/

div#rolloverPopup{
	width: 400px;
}

div a span{
	display: none;
	padding: 5px;
	color: #000000;
	font-size: 12px;
	width: 200px;
	position:absolute;
	top:450px;
	left:200px;
}

div#rolloverPopup a:hover{
	border: none;
}

div#rolloverPopup a:hover span{
	display: block;
	border:#000 1px solid;
	background-color:#f7f7f7;
	padding:15px;
	line-height:16px;
	text-decoration:none;
}

div a:hover{
	text-decoration: none;
}