﻿/* _lcid="1033" _version="12.0.4518"
    _LocalBinding */

html { height:100%; }


.body
{
	background-color:white;
	margin: 0 auto;
	font-family:Arial;
	font-size:0.8em;
}



.footerContainer{
	width:70em;
	margin: 0 auto;
	padding-top:5px;
}

.footerRight{
	/*width:40em;
	margin: 0 auto;
	padding-top:5px;*/
	float:right;
	color:silver;
	font-size:0.9em;

}

.footerRight a:link, .footerRight a:visited, .footerRight a:hover{
				color:white;
}




.pnlEdit{
	text-align:left;
	width:900px;
	margin: 0 auto;
}
.pnlActions{
	text-align:right;
	width:900px;
	margin: 0 auto;
}

.editButton{
	float:right;
}


.smallTextSelect a:link, .smallTextSelect a:visited, .smallTextSelect a:hover{
	color:silver;
} 



/* top banner */
.topSection{
	width:100%;
	vertical-align:bottom;
	height:85px;
	background-color:#212531;
	border-bottom:4px white solid;
}

.banner{
	width:70em;
	text-align:left;
	height:85px;
	vertical-align:baseline;
	margin: 0 auto;
}

.logo 
{	
	width:235px;
	height:83px;
	margin-bottom:0px;
	border:none;
	float:left;
}

.logoImage{
	border:none;
	margin-top:20px;
	margin-left:0px;
}


.contact{
	clear:right;
	float:right;
	color:white;
	margin-top:62px;
}

.contact a:link, .contact a:visited, .contact a:hover{
	color:white;
	font-size:1em;
	text-decoration:none;
}

.contact a:hover{
	text-decoration:underline;
}

/* mid */
.midSection{
	width:100%;
	margin-top:0px;
	height:325px;
	border-top:0px white solid;
	margin:0px;
	padding:0px;
}

.homeSplashControls{
	width:900px;
	margin: 0 auto;
	display:none;
}

.bgChange{
	width:10px;
	height:10px;
	cursor:pointer;
	float:left;
	border:1px gray solid;
	margin-left:10px;
	margin-top:3px;

}

.homeSplash{
	width:100%;
	background-image:url('blueStrip.jpg');
	background-position:center;
	background-repeat:repeat-x;
		height:325px;
}

.wgs{
	width:100%;
	background-image:url('wgs.png');
	background-position:center;
	background-repeat:no-repeat;
	height:325px;
}

.bridge{
	width:100%;
	background-image:url('bridge.png');
	background-position:center;
	background-repeat:no-repeat;
	height:325px;
}

.fish{
	width:100%;
	background-image:url('fish.png');
	background-position:center;
	background-repeat:no-repeat;
	height:325px;
}

.bike{
	clear:both;
	width:100%;
	height:325px;
}
.aimHigher{
	width:180px;
	background-image:url('aimHigher.png');
	background-position:center;
	background-repeat:no-repeat;
	height:39px;
	float:right;
	margin-top:50px;
	margin-right:170px;
}
.blocks{
	width:269px;
	background-image:url('blocks_sm.jpg');
	background-position:center;
	background-repeat:no-repeat;
	height:325px;
	margin-left:70px;
	float:left;
}
.homeSplashContainer{
	width:70em;
	height:325px;
	margin: 0 auto;
}



.phone{
	width:100%;
	background-image:url('phone.png');
	background-position:center;
	background-repeat:no-repeat;
	height:350px;
}


.spade{
	width:100%;
	background-image:url('plain.png');
	background-position:center;
	background-repeat:no-repeat;
	height:350px;
}

.apple{
	width:100%;
	background-image:url('apple.png');
	background-position:center;
	background-repeat:no-repeat;
	height:350px;
}



/* Bottom */

.bottomSectionWhite{
	width:100%;
	background-color:white;
	height:220px;
}


.bottomSection{
	width:900px;
	background-color:white;
	margin: 0 auto;
	margin-top:20px;
}

/*footer */
#footer{ 

font-size:1.2em;
text-transform:lowercase;
color:silver;
clear:both;	
margin-top:20px;
padding-right : 0px;	
BORDER-TOP: #5b5d62 0px solid;	
PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	PADDING-TOP: 5px
}

.copyright 
{	
	float: left;
	color:silver;
	font-size:0.9em;
}

.footerNav {
	color:silver;	
	float: right; 
	font-size:0.9em;
	display:none;
}

.footerNav a:link, .footerNav a:visited, .footerNav a:hover{
	MARGIN: 0px 5px;	
	COLOR: silver;	
	TEXT-DECORATION: none
}

.footerNav a:hover{
	text-decoration:none;
}


.introDiv{
	
	background-color:#9AA8C2;
	position:absolute;
	top:356px;
	
	width:465px;
	height:55px;
	left:45%;


}

.introContent{
	width:435px;
	font-size:18px;
	color:black;
	text-align:left;
	margin:5px;
	float:left;
	margin-right:0px;
	padding-left:10px;
	font-weight:normal;
}

.findOutMore{
	margin-top:5px;
	float:right;
	text-align:right;
	font-size:14px;
	color:white;
	font-weight:bold;
}

.findOutMore a:link, .findOutMore a:visited, .findOutMore a:hover{
	color:white;
	text-decoration:none;
}

.findOutMore a:hover{
	text-decoration:underline;
}


.fla1{
	background-image:url('cloud1.png');
	height:150px;
	width:170px;
}
.fla2{
	background-image:url('cloud2.png');
	height:150px;
	width:170px;

}
.fla3{
	background-image:url('cloud3.png');
	height:150px;
	width:170px;
}
.fla4{
	background-image:url('cloud4.png');
	height:150px;
	width:170px;
}
.fla5{
	background-image:url('cloud5.png');
	height:150px;
	width:170px;
}

.cloudLink img{
	border:none;
}




.masterContent 
{
	width: 900px;
	margin-bottom:20px;
}


html, body, form {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	clear:both;
	height: 30px; /* .push must be the same height as .footer */
}

.footer{
	background-color:#242833;
	vertical-align:middle;
}

.space
{
    float:left;
    width:12px;
}

.cloud
{
    margin-top:0px;
    float:left;
    padding-left:0px;
    padding-right:0px;
    font-size:10pt;
    font-family:Arial;
    color:white;
    width:170px;
    font-weight:bold;
    text-align:left;
    vertical-align:middle;
    text-transform:uppercase;
    border-bottom: 0px gray solid;
    height:150px;
}

.more
{
    background-color:white;
    text-align:right;
    font-size:8pt;
    font-family:Arial;
    color:gray;
    font-weight:normal;
    text-transform:lowercase;
    padding:2px;
}

.more a:link, .more a:visited, .more a:hover
{
	color:gray;
	text-decoration:none;
}

.more a:hover
{
	text-decoration:underline;
}


.title1, .title2, .title3, .title4, .title5
{
    padding:0px;
    padding-left:5px;
    padding-top:3px;
    height:18px;
    background-color:#1E1E26;
    border-bottom: 0px;
    border-top: 0px black solid;
    border-bottom: 1px gray solid;
}

.cloudTitle{
	font-size:10pt;
    font-family:Arial;
    color:white;
    text-decoration:none;

}

.cloudTitle a:link, .cloudTitle a:visited, .cloudTitle a:hover{
	font-size:10pt;
    font-family:Arial;
    color:white;
}

.cloudTitle:hover{
	text-decoration:underline;
}

.title1
{ 
    background-color:#367429;
    background-color:#1E1E26;
}

.title2
{
    background-color: #811787;
    background-color:#1E1E26;

}

.title3
{
    background-color: #20379B;
    background-color:#1E1E26;

}

.title4
{
    background-color: #981B27;
    background-color:#1E1E26;

}

.title5
{
    background-color: #DC8F3E;
    background-color:#1E1E26;

}

