@import "reset.css";

#container {width:700px;text-align:center;}

body	{font-family:verdana;candara,tahoma,arial,helvetica;
		font-size:12px;
		color:#222;
		background:#003366 url('../images/bg.jpg') repeat-y center top;
		text-align:center;padding-bottom:20px;}		
#header {width:700px;background-color:#545a53;}     
#main {width:700px;}
#leftcol {}
#leftcol p, #leftcol h3 {margin-bottom:15px;line-height:18px;padding-left:15px;text-align:left;padding-right:15px;}
#rightcol {text-align:left;width:210px;line-height:1.5;background-color:#91a5b9;color:#f9f9f9;}
#rightcol p, #rightcol h3, #rightcol div {margin-top:10px;margin-left:10px;margin-right:23px; line-height:14px;}


#nav {width:490px;background-color:#ced8e2;margin-bottom:20px;}
#nav a {padding-top:8px;padding-bottom:8px;float:left;font-weight:bold;width:121px;text-align:center;border-left:#849db5 1px solid;}


#btns {text-align:center;margin-top:30px;}
#btns p {margin-bottom:20px;}
      
      
.clear {clear:both;}      
.right {text-align:right;}
.floatleft {float:left;margin-right:10px;}
.floatright {float:right;margin-left:10px;}
a {text-decoration:none;}
a:link {color:#cc0000}
a:visited {color:#005392}
a:hover {color:#cc0000}


#footer {clear:both;font-size:11px;padding-top:5px;padding-bottom:5px;border-top:1px #325e8b solid;border-bottom:1px #325e8b solid;background-color:#ced8e2;}	 
#footer div {margin: 10px auto 50px auto; width: 200px;}	 
#footer h3 {margin:5px;}

.pageheading {display:block;margin-bottom:10px;font-size:14px;font-weight:bold;}
.subhead {font-weight:bold;margin-top:2em;margin-bottom:1em;}
h3 {font-weight:bold;display:block;margin-bottom:1em;margin-top:2em;font-size:13px;}
h2 {font-weight:bold;display:block;margin-bottom:1em;margin-top:1em;font-size:14px;}
.tinted h3 {margin-top:0;}
.small {font-size:10px;}

.tinted {padding:5px;background-color:#ffffe8;border:1px solid #fc0; margin:0;}
.tinted ul {margin-top:5px;margin-bottom:0;}

#leftcol #listings h3 {margin-bottom:5px;}
#leftcol #listings p {text-align:left;}

/*Phase 2*/ 
#rightcol p.connect {
	background-color: #eaeaea;
	margin: 15px 23px 15px 0;
	padding: 5px 5px 5px 12px;
	border: 1px solid #fff;
	border-left: 0; 
	color: #545A53;
	font-size: 13px;
	line-height: 25px;
}

#rightcol p.connect a img {
	border: 1px #fff solid;
}

.demo-show2 {
	width:386px;
	background:#eaeaea;
	position:relative;
	text-align: left;
}

.demo-show2 p {
	font-weight: normal;
	font-size: 12px;
	margin:0;
	line-height: 15px; 
}

.demo-show2 div {
	margin:0;
	padding: 20px;
	text-align: left;
	background-color: #d3d3d3;
	font-weight: normal;
	font-size: 12px;
	margin:0;
	line-height: 15px; 
}

.demo-show2 h2 {
	font-size:17px;
	margin: 0;
	padding: 2px 0 3px 12px;
	border-top: 10px solid #fff;
}

.demo-show2 h2 span{
	font-size:13px;
	color: #42688d;
	display: block;
}
.demo-show2 h3 {
	width:110px;
	background:#545a53;
	display:block;
	font-size:12px;
	color:#fff;
	text-align:center;
	padding:3px 0;
	text-decoration:none;
	margin: 10px 0px 0 245px;
}
p.slick {
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#face{
	width: 386px;
	padding: 0;
	margin: 0;
}

a.hide:hover {
	color: #fff;
}
a.hide {
	color: #ebebeb;
}