/*          Major Frame Layout         */

@font-face {
	font-family: 'CalibriEmbed';
	src: url('../fonts/calibri.eot');
	src: local('Calibri'), url('../fonts/calibri.ttf') format('truetype');
}
@font-face {
	font-family: 'CalibriEmbed';
	src: url('../fonts/calibrib.eot');
	src: local('Calibri Bold'), url('../fonts/calibrib.ttf') format('truetype');
	font-weight: bold;
}
@font-face {
	font-family: 'CalibriEmbed';
	src: url('../fonts/calibrii.eot');
	src: local('Calibri Italic'), url('../fonts/calibrii.ttf') format('truetype');
	font-style: italic;
}
@font-face {
	font-family: 'CalibriEmbed';
	src: url('../fonts/calibriz.eot');
	src: local('Calibri Bold Italic'), url('../fonts/calibriz.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

body {
	padding: 0;
	margin: 0;
	font-family: Calibri,"CalibriEmbed",Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #404040;
	background: #046901;
	text-align: left;
	background: url('../img/frame/bg.png') repeat-x fixed #f6f6f6;
}

*:active, *:focus { outline-style: none; }

a, a:active {
	color: #068934;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
a:visited { color: #598451; }
a:hover { color: #598451; }

#conDisplay {
	padding-bottom: 20px;
	width: 976px;
	background: url('../img/frame/body_footer.png') no-repeat bottom;
}
#conDisplayInner {
	text-align: left;
	background: url('../img/frame/body_bg.png') repeat-y;
	padding: 0 8px;
}
#conFooter {
	width: 940px;
	text-align: left;
	padding-bottom: 30px;
}
#conFooter a, #conFooter span {
	display: block;
	float: right;
	margin: 2px 2px 2px 7px;
}

#conTopCurve {
	height: 95px;
	background-position: top right;
	background-repeat: no-repeat;
}
#conTop {
	height: 95px;
	background: url('../img/frame/body_top.png') repeat-x;
}
#conTop .mbtn { 
	float: right;
	margin: 10px 10px 0 0;
}
#conPhone {
	float: right;
	font-size: 14px;
	margin: 10px 30px 0 0;
}
#btnEmergency {
	height: 60px;
	background: url('../img/frame/head_notfall.png') no-repeat top center;
}
#conLogin {
	float: right;
	margin-top: 20px;
	padding: 10px;
	font-size: 11px;
	color: #404040;
	width: 320px;
}
#conLogin table {
	margin: 0;
	padding: 0;
	width: auto;
}
#conLogin table tr td {
	padding: 2px;
}
#conLogin .textbox {
	height: 12px;
	padding: 2px;
	font-size: 10px;
	font-weight: bold;
	width: 100px;
	color: #808080;
	background-color: #EDF7EB;
	border: 2px solid #666666;
}
#conLogin .textbox:focus {
	background-color: #FFF;
	border-color: #598451;
}
#conLogin .textbox.active { color: #404040; font-weight: normal; }

#conLogo {
	position: absolute;
	z-index: 100;
	display: block;
	width: 176px;
	height: 80px;
	margin: 7px 0 0 10px;
	background: url('../img/frame/logo.png') no-repeat;
}
#conHeader {
	padding-bottom: 7px;
	background: url('../img/frame/dropshadow.png') repeat-x bottom;
}
#conBanner {
	/* image, padding and height are defined in the banner class */
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
	height: 150px;
}

#conTitle {
	padding: 15px 20px 10px 25px;
	height: 90px;
	overflow: hidden;
	color: #FFF;
}
#conCrumps {
	margin-top: -15px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #7b7b7b;
}
#conCrumps div, #conCrumps span {
	float: left;
}
#conCrumps span {
	width: 16px;
	height: 16px;
	background: url('../img/frame/crump.png') no-repeat center 7px;
}

#conCurve {	background-repeat: no-repeat; }
.curve1 { background-image: url('../img/curves/inner/01.png'); }
.curve2 { background-image: url('../img/curves/inner/02.png'); }
.curve3 { background-image: url('../img/curves/inner/03.png'); }
.curve4 { background-image: url('../img/curves/inner/04.png'); }
.curve5 { background-image: url('../img/curves/inner/05.png'); }

.ocurve1 { background-image: url('../img/curves/outer/01.png'); }
.ocurve2 { background-image: url('../img/curves/outer/02.png'); }
.ocurve3 { background-image: url('../img/curves/outer/03.png'); }
.ocurve4 { background-image: url('../img/curves/outer/04.png'); }
.ocurve5 { background-image: url('../img/curves/outer/05.png'); }

#conGrad {
	min-height: 150px;
}
#conGrad, .grad {
	background-repeat: repeat-x;
	background-position: bottom;
}
.gblue { background-image: url('../img/grads/blue.png'); background-color: #18515d; }
.ggreen{ background-image: url('../img/grads/green.png'); background-color: #598452; }
.gorange { background-image: url('../img/grads/orange.png'); background-color: #e36928; }
.gred { background-image: url('../img/grads/red.png'); background-color: #bb4232; }
.gsaphire { background-image: url('../img/grads/saphire.png'); background-color: #00aad2; }
.gpurple { background-image: url('../img/grads/purple.png'); background-color: #7a2b48; }
.ggrey { background-image: url('../img/grads/grey.png'); background-color: #40483b; }

.fblue { color: #18515d !important; }
.fgreen { color: #598452 !important; }
.forange { color: #e36928 !important; }
.fred { color: #bb4232 !important; }
.fsaphire { color: #00aad2 !important; }
.fpurple { color: #7a2b48 !important; }

#conMenuLeft {
	float: left;
	padding-left: 11px;
	background: url('../img/frame/menu_left.png') no-repeat bottom left;
}
#conMenuRight {
	float: left;
	padding-right: 11px;
	background: url('../img/frame/menu_right.png') no-repeat bottom right;
}

#conMenu {
	float: left;
	height: 36px;
	padding: 0 5px;
	background: url('../img/frame/menu_body.png') repeat-x bottom left;
}
#conMenu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}
#conMenu ul li {
	float: left;
	padding-top: 10px;
}
#conMenu ul li a {
	display: block;
	float: left;
	color: #404040;
	padding-right: 10px;
	background: url('../img/frame/btn_top_right.png') no-repeat 0 50px;
}
#conMenu ul li a span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	padding: 3px 5px 0 15px;
	height: 19px;
	background: url('../img/frame/btn_top_left.png') no-repeat 0 50px; 
}
#conMenu ul li a:hover, #conMenu ul li:hover a {
	color: #FFF;
	background-position: right -22px;
}
#conMenu ul li a:hover span, #conMenu ul li:hover a span { 
	background-position: 0 -22px;
}
#conMenu ul li a span div.dd {
	float: left;
	background: url('../img/frame/menu_drop.png') no-repeat top center;
	width: 10px;
	height: 6px;
	margin: 5px 5px 0 0; 
}
#conMenu ul li a.active div.dd, #conMenu ul li a:hover div.dd, #conMenu ul li:hover a div.dd {
	background-position: bottom center;
}
#conMenu ul li .spacer {
	float: left;
	background: url('../img/frame/menu_spacer.png') no-repeat center;
	width: 5px;
	height: 20px;
}

#conMenu ul li a.active { 
	color: #FFF;
	background-position: right -44px;
}
#conMenu ul li a.active span { 
	background-position: 0 -44px;
}

#conMenu ul li div.dropmenu {
	position: absolute;
	overflow: hidden;
	z-index: 900;
	margin-left: 7px;
	top: 245px;
	left: -999px;
	min-width: 150px;
	padding: 10px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #505050;
	border-top: none;
	background-color: #404040;
}
#conMenu ul li div.dropmenu table {
	padding: 0;
	margin: 0;
	width: auto;
}
#conMenu ul li div.dropmenu table a {
	color: #FFF;
	float: none;
	background-image: url('../img/frame/menu_arrow.png');
}
#conMenu ul li div.dropmenu table a.dactive {
	border: 1px dotted #FFF;
}

#conContent { 
	font-size: 16px;
	line-height: 20px;
	padding-top: 10px;
	overflow: hidden;
}

#conSubcontent {
	float: left;
	width: 680px;
	padding: 10px 20px 0 30px;
}

.sidebar {
	padding: 15px;
	color: #FFF;
}

.sidebar a, .sidebar a:visited { color: #FFF; }
.sidebar a:hover { 	color: #EEE; }
.sidebar a, .sidebar a:visited { border-bottom: 1px dotted #FFF; }
.sidebar a:hover { border-bottom: 1px solid #FFF; }

.intro {
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
}

#conSubmenu {
	float: left;
	width: 200px;
	padding: 0 0 0 30px;
}
.submenu a {
	font-size: 15px;
	display: block;
	color: #FFF;
	background-image: url('../img/frame/menu_arrow.png');
	background-repeat: no-repeat;
	background-position: 7px 9px;
	padding: 3px 5px 3px 30px;
}
.submenu a.active {
	background: url('../img/frame/menu_bg.png') no-repeat top transparent !important;
	color: #598451;
	padding: 5px 5px 5px 30px !important;
	min-height: 19px;
	margin: 0 1px; 
}

.rounded { background-repeat: repeat-x; }
.rounded_header { background: url('../img/frame/rtl.png') no-repeat top left; }
.rounded_header div { background: url('../img/frame/rtr.png') no-repeat top right; height: 8px; }
.rounded_footer { background: url('../img/frame/rbl.png') no-repeat bottom left; }
.rounded_footer div { background: url('../img/frame/rbr.png') no-repeat bottom right; height: 8px; }