﻿@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	margin:0px;
	}

p {
	margin:0;
	padding:0;
	line-height:14px;
	}
	

#container {
	width:900px;
	margin:auto;
	border:solid 1px #ebebeb;
	}

#header {
	margin-top:20px;
	}

/* Begin Nav Styles */

#nav {
	height:100px;
	width:700px;
	float:left;
	}

#nav ul {
	/*float: right;*/
	/*width:625px;*/
	list-style: none;
	margin:20px 0 0 0;
	padding: 0 0 0 0;			
	/*height: 100px;*/	
}

#nav ul li {
	display: inline;
	margin: 0; 
	padding: 0;
	width:100px;
}

#nav ul li a {
	display: block;
	float: left;
	margin-top: 0px;
	padding: 16px 0px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#000000;
	text-transform:lowercase;
	font-weight:normal;
	text-decoration:none;
	height:60px;
	text-align:left;
	width:85px;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus, #nav .rmSelected
{
    color: #ffffff;
    height: 35px;
    //background-image: url(../images/nav_circle_bkg.png);
    background: #EE3A43;
    background-position: top left;
    background-repeat: no-repeat;
}

#nav ul li li a {
	padding: 10px;
	background-image:none;
}

#nav ul li li a:hover, 
#nav ul li li a:active,
#nav ul li li a:focus {
	color: #ffffff;
	height:30px;
	background: #EE3A43;
	//background: #F17C84;
	background-image:none;
	// background-position:top left;
	// background-repeat:no-repeat;
}

#nav ul li li a.rmLink {
	height:30px;
	background: #EE3A43;
	// background: #F17C84;
	background-image:none;
	width:233px;
}

#nav ul li ul{
	margin-top:1px;
}

/* End Nav Styles */

// div.rmSlide {top:100px;}

#tagline {
	float:left;
	width:265px;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding-top:40px;
	}
	

/* Begin Banner Styles */

#bannercontainer {
	width:900px;
	margin-top:5px;
	margin-bottom:3px;
	}

	
/* Begin Body Styles */

#bodycontainer {
	width:900px;
	margin-bottom:20px;
	}

#column1 {
	width:295px;
	border-right:solid 5px #ffffff;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	background-color:#f06f78;
	text-align:center;
	height:18px;
	padding-top:10px;
	padding-bottom:12px;
	float:left;
	}
	
#column1 a:link {
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}
	
#column1 a:visited{
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}
	
#column1 a:hover{
	color:#000000;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}

#column2 {
	width:295px;
	border-right:solid 5px #ffffff;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	background-color:#f9bf78;
	text-align:center;
	height:18px;
	padding-top:10px;
	padding-bottom:12px;
	float:left;
	}
	
#column2 a:link {
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}
	
#column2 a:visited{
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}
	
#column2 a:hover{
	color:#000000;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}

#column3 {
	width:300px;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	background-color:#8ea5aa;
	text-align:center;
	height:18px;
	padding-top:10px;
	padding-bottom:12px;
	float:left;
	}
	
#column3 a:link {
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}
	
#column3 a:visited{
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}
	
#column3 a:hover{
	color:#000000;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	text-decoration:none
	}

#greybox {
	background-color:#d1d2d4;
	width:880px;
	padding:20px 0px 20px 20px;
	color:#000000;
	margin-top:5px;
	font-size:14px;
	}

#greybox a:link {
	text-decoration:none;
	font-size:14px;
	color:#ee3a43;
	font-weight:bold;	
	}

#greybox a:visited {
	text-decoration:none;
	font-size:14px;
	color:#ee3a43;
	font-weight:bold;	
	}

#greybox a:hover {
	text-decoration:none;
	font-size:14px;
	color:#51848f;
	font-weight:bold;	
	}

#greycolumn1 {
	width:267px;
	border-right:solid 2px #ffffff;
	padding-right:10px;
	float:left;
	}

#greycolumn2 {
	width:277px;
	border-right:solid 2px #ffffff;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}

#greycolumn3 {
	width:263px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	}
	
	


	
/* Begin Misc Styles */

.red {
	color:#ee3a43;
	}

.clear {
	clear:both;
	}

.clear2 {
	clear:both;
	height:5px;
	font-size:4px;
	}

.blackhdrtxt {
	font-size:18px;
	font-weight:bold;
	color:#000000;
	}

.redhdrtxt {
	font-size:18px;
	font-weight:bold;
	color:#ee3a43;
	}

.greyhdrtxt {
	font-size:24px;
	font-weight:normal;
	color:#666666;
	}

.redhdrtxt24 {
	font-size:24px;
	font-weight:normal;
	color:#ee3a43;
	}

.font14 {
	font-size:14px;
	}

.font14bold {
	font-size:14px;
	font-weight:bold;
	}

.dotteddiv {
	 border-bottom:dashed 1px #cecece;
	 height:5px;
	 font-size:2px;
	 color:#FFFFFF;
	 margin-top:3px;
	 }

.imgfloat {
	float:left;
	margin-right:10px;
	}

.spacerdiv {
	height:10px;
	font-size:4px;
	width:100px;
	}

.rightalign {
	text-align:right;
	}

.left10 {
	margin-left:10px;
	margin-top:7px;
}

.bullettext {
	width:180px; 
	float:left;
	line-height:14px;
	}
	
/* Begin Footer Styles */	

#footerleft {
	/*width:450px;*/
	float:left;
	/*margin-bottom:25px;*/
	margin-top:25px;
	}

#footerleft a:link {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	}

#footerleft a:visited {
	text-decoration:none;
	color:#000000;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	}

#footerleft a:hover{
	text-decoration:none;
	color:#ee3a43;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	}

/*Begin Lower Footer Styles*/

#lowerfooterleft {
	width:450px;
	float:left;
	margin-bottom:25px;
	/*margin-top:25px;*/
    margin-left:10px
	}

#lowerfooterleft a:link {
	text-decoration:none;
	color:#000000;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	}

#lowerfooterleft a:visited {
	text-decoration:none;
	color:#000000;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	}

#lowerfooterleft a:hover{
	text-decoration:none;
	color:#ee3a43;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
	}

#lowerfooterright {
	width:390px;
	float:left;
    text-align:center;
    margin-right:10px;
    margin-bottom:25px;
	/*margin-top:25px;*/
	}

	


	
#fineprint {
	font-size:10px;
	padding-left:10px;
	}
	
#fineprint a:link {
	font-size:10px;
	color:#000000;
	text-decoration:none;
	padding:0px;
	}
	
#fineprint a:visited {
	font-size:10px;
	color:#000000;
	text-decoration:none;
	padding:0px;
	}
	
#fineprint a:hover {
	font-size:10px;
	color:#ee3a43;
	text-decoration:none;
	padding:0px;
	}

.terms {
	color:#ee3a43;
	text-decoration:underline;
	}

#footerright {
	width:390px;
	float:left;
	text-align:right;
	/*margin-bottom:25px;*/
	margin-top:25px;
	}


	
/* Begin Approach Styles */	

#appdetails {
	width:900px;
	margin-top:35px;
}

#appdetails ul {
	width:900px;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0px; 
}

#appdetails ul li {
	display: inline;
	margin: 0 2px 0 0; 
	padding: 0;
	width:148px;
	text-align:center;
	float:left;
}
.bmargin10 {
	margin-bottom:5px;
	}

#apptext {
	width:530px;
	padding-left:18px;
	padding-right:20px;
	margin-right:15px;
	font-size:16px;
	float:left;
	margin-top:60px;
	padding-top:15px;
	line-height:20px;
	}

#apptext a:link {
	color:#ee3a43;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	}

#apptext a:visited {
	color:#ee3a43;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	}

#apptext a:hover {
	color:#8ea5aa;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	}


#appimg {
	float:left;
	width:311px;
	margin-top:60px;
	background-image:url(../images/appimagebkg.png);
	background-position:top left;
	background-repeat:no-repeat;
	}


	
/* Begin Capabilities Styles */	

#captext {
	width:530px;
	padding-left:18px;
	padding-right:20px;
	margin-right:15px;
	font-size:16px;
	float:left;
	margin-top:20px;
	padding-top:15px;
	line-height:20px;
	}

#capimg
{
    float: left;
    width: 298px;
    margin-top: 35px;
    background-image: url(../images/appimagebkg.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 13px;
}
	
#capimg ul {
	list-style:outside;
	list-style-type:disc;
	margin-left:10px;
	}
	
#capimg ul li {
	color:#ee3a43;
	font-size:18px;
	line-height:14px;
	}
	
#capimg a:link {
	color:#000000;
	text-decoration:none;
	text-transform:none;
	font-size:14px;
	}
	
#capimg a:visited {
	color:#000000;
	text-decoration:none;
	text-transform:none;
	font-size:14px;
	}
	
#capimg a:hover {
	color:#ee3a43;
	text-decoration:none;
	text-transform:none;
	font-size:14px;
	}

.black {
	color:#000000;
	}

#leftrightcont {
	background-color:#CCCCCC;
	margin-top:15px;
	}

#righttabs {
	background-color:#CCCCCC; 
	width:490px; 
	float:left;
	border-left:solid 10px #ffffff; 
}

#leftimage {
	background-color:#CCCCCC; 
	width:400px;
	float:left;
	}


	
/* Begin results Styles */	


#resultstabs {
	margin-top:25px; 
	min-height:322px;
	}

#resultsimg1 {
	background-color:#CCCCCC;
	width:590px;
	margin-right:4px;
	padding:0px;
	float:left;
	}

#resultsimg2 {
	background-color:#CCCCCC;
	width:306px;
	float:left;
	padding:0px;
	margin:0px;
	}

#appcolumn {
	width:230px;
	padding-left:50px;
	padding-right:19px;
	float:left;
	margin-top:20px;
	font-size:14px;
	}

#challengecolumn {
	width:235px;
	padding-left:40px;
	padding-right:19px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	float:left;
	margin-top:20px;
	font-size:14px;
	}

#resultscolumn {
	width:215px;
	padding-left:40px;
	padding-right:50px;
	float:left;
	margin-top:20px;
	font-size:14px;
	}
	
	

/* Begin Quality Pages */

#qualitygrey {
	margin-top:15px;
	background-color:#CCCCCC;
	}

#rightlist {
	background-color:#CCCCCC; 
	width:490px; 
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	overflow:auto;
	max-height:255px;
	scrollbar-base-color: ##CCCCCC;
scrollbar-arrow-color: ##333333;
scrollbar-3dlight-color: ##666666;
scrollbar-darkshadow-color: ##666666;
scrollbar-face-color: ##666666;
scrollbar-highlight-color: ##efefef;
scrollbar-shadow-color: ##666666;
scrollbar-track-color: ##cccccc;
}

#qleftimage {
	background-color:#CCCCCC; 
	width:370px;
	margin:10px;
	float:left;
	}





/* Gallery Styles */

* {
outline:none;
}

#tab-container-1-nav {
margin:0;
padding:0;
}

#tab-container-1-nav li {
list-style:none;
float:left;
padding:0;
margin:0;
padding-right:3px;
padding-bottom:3px;
}

#tab-container-1-nav li a img {
padding:2px;
border:1px solid #eee;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;

}

#tab-container-1-nav li a:hover img, #tab-container-1-nav li a.active img {
padding:2px;
border:1px solid #ccc;
filter:alpha(opacity=99);
-moz-opacity:0.99;
-khtml-opacity: 0.99;
opacity: 0.99;
}

.tab img {
padding:8px 0 8px 0;
}

p.info strong {
display:block;
color:#222;
font:15px Georgia;
}

p.info {
color:#777;
font-size:11px;
margin-top:10px;
text-align:center;
}

.header {
padding-bottom:20px;
margin-bottom:10px;
padding-top:10px;
}

.header h1 {
margin-bottom:5px;
}

.header h3 {
color:#999;
font:20px Georgia;
font-style:italic;
}

p.credit {
float:right;
}

.content {
padding-bottom:20px;
}

.footer {
padding-top:20px;
border-top:1px solid #eee;
color:#777;
}

.link {
	text-decoration:none;
	}

.textfield {
	margin-left:5px;
	width:320px;
	}
