/*--------------------------------  Horizontal Nav in Banner ----------------- */
p {
    margin: 0px; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', Arial, sans-serif;
	color: #0076c0;
	font-weight: 700;
}

h1 {
	font-size: 48pt;
	text-transform: uppercase;
}

body {
	background-image: url('images/colorbar2.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans',sans-serif;
}
	
	
.leftNavHeader {background-color:#fdb813; padding: 3px 10px 4px 20px; white-space:nowrap; font: 300 27px 'Open Sans', sans-serif; color: #fff; margin-bottom:10px;}
#leftNav { margin-left: 0px; min-height:70px; float:left; min-width:200px;}
#leftNav .dxm-main { border: solid 0px #000000; font-weight:normal; background:none;}
#leftNav .dxm-item { padding:0px 5px 5px 5px; border-bottom:solid 1px #e4e4e4; margin-bottom:3px;}
#leftNav .dxm-item a { text-decoration: none; color: #000000; font-size: 11pt; padding:1px; width:100%; font-family: 'Open Sans',sans-serif; color:#444;}
#leftNav .dxm-item span { text-decoration: none; color: #000000; font-size: 11pt; padding:1px; width:100%; font-family: 'Open Sans',sans-serif; color:#444; }
#leftNav .dxm-content {white-space:normal; text-align:left;}
#leftNav .dxm-hovered, #leftNav .dxm-selected { padding:0px 5px 5px 5px; border:solid 1px #e4e4e4; font-family: 'Open Sans',sans-serif; background:#e9e9e9; width:100%; font-size:10pt; margin-bottom:3px;}
#leftNav .navItemSelected span, #leftNav .navItemHover span {font-size:14px; font-weight:400; color:#000; }

	#leftNav .dxmLite .dxm-vertical { width:95%;	}


	#leftNav .dxm-popup {
		padding: 4px 8px 4px 8px;
		border: solid 1px #bcbec0;
		background-color: #ffffff;
		border-bottom: solid 6px #0065a4;
	}

.menuButton {
    margin-top:5px; margin-bottom:10px !important;
}
    .menuButton a span {
        color: #fff !important;
    }



.btn-geo {
    background: #0076c0;
    color: #fff;
}
 
.btn-geo:hover, .btn-geo:focus, .btn-geo:active, .btn-geo.active, .open > .dropdown-toggle.btn-geo {
    background: #7D7346;
    color: #eee;
}
 
.btn-geo:active, .btn-geo.active {
    background: #7D7346;
    box-shadow: none;
}


.addressLookup td {padding:2px 4px 4px 2px;}

.StepContainer {margin:0 auto; padding:0;	display:table; border-collapse:separate; border-spacing:20px; overflow:hidden;}
.Step {  padding:10px 10px 10px 10px; border:solid 3px #0076c0;  margin-right:10px;}

.formLine {margin-bottom:3px !important;}

#geoCode table tr {vertical-align:top;}
#geoCode table tr td {padding-right:4px;}

.currentAddress {margin-bottom:15px; padding:5px; border: solid 1px #99CC99;}

.distance {float:right; font-size:8pt; color:#999999; white-space:nowrap; margin-left:10px;}
.comSchool {border:2px solid #0076c0; padding:15px; margin:10px 5px 5px 5px; border-radius:4px;}
.regSchool {border-bottom:1px solid #ddd; padding-bottom:5px; margin:10px 5px 0px 5px;}
.schoolType {font-size:8pt; color:#666;}

.RSP img { margin-left:6px; }


.sidebar_title_div {font: 300 18px 'Open Sans', sans-serif; }
.sidebar_title {
	font-weight: 300;
	font-size: 20px;
	color: #0076c0
}
.sidebar_body { font-size: 14px; color: #000000; font-family: 'Open Sans', sans-serif;}
.sidebar_body_div { margin: 10px 0 30px 0;padding:10px;}


.schoolTitle { font-weight: bold; font-size: 11pt; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration:none; margin-bottom:0px; margin-top:20px; }
.infoTable { font-size: 9pt; color: #000000; font-family: Arial, Helvetica, sans-serif;  border-bottom: solid 1px #CCCCCC;}
.mainTextBold { font-size: 11pt; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}


.cTitle {
    padding:3px;
    padding-left:6px;
    margin-bottom: 8px;
    background-color:#2479be;
    border-radius:3px;
    color:#fff;
}


/* styles for validation helpers */

label.error {
    display:inline-block;
    margin-left:10px;
    color:#aa3333;
}


#navbar {height:40px; background:#2479be;border-bottom:5px solid #fff;  margin: 0px 15px 0px 20px; padding-bottom:5px;}

ul#Main {
	margin: 0; padding: 0 0 0 15px;
	float:left;
	list-style: none;
	font-size:15px;
	letter-spacing:1px;
	font-weight:500;
	height:40px;
	display:block;
    z-index:200;
}
ul#Main li {
    float:left; cursor:pointer; margin:0;position: relative;
}

ul#Main li a {color:#fff;text-decoration:none;height:30px; padding: 5px 15px; display:block;}
ul#Main li a:hover {background-color: #29c9ab; color:#fff;}


ul#Main li .sub {
	position: absolute;	
	top: 40px; left: 0;
	background: url(/UPCMS/designs/SPPSnew/images/thepage-bottom-bkg.gif) left bottom repeat-x #fff;
    z-index:100;
	padding:5px 0 10px 0;
	float: left;
    /* shadow */
    -moz-box-shadow: 0px 1px 1px 1px rgba(220,220,220,0.5);
    -webkit-box-shadow: 0px 1px 1px 1px rgba(220,220,220,0.5);
    box-shadow: 0px 1px 1px 1px rgba(220,220,220,0.5);
	display: none;
}

ul#Main li .left {
     right: 0;
     left:auto;
}


ul#Main li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#Main li .sub ul{
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding:0;
	width: 150px;
	float: left;
	font-weight:normal;
	letter-spacing:0px;
	line-height:1.4em;
}
ul#Main .sub ul li {
	margin: 0; padding: 0;
	width: 100%;
	color: #666;
}

ul#Main .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 5px;
	margin: 0 5px;
	display: block;
	text-decoration: none;
    text-transform: none;
    color:#666;
}
ul#Main .sub ul li a:hover {color: #fff; text-decoration:none; background-color:#29c9ab; }

ul#Main .grade {margin-top:5px;}
ul#Main h3 {text-align:left;color:#d3dd68; font-size:13pt; margin-bottom:4px; cursor:default; margin-left:4px; }