@charset "UTF-8";
/* CSS Document */



@media screen {

body, div, a, p, h1, h2, h3, h4, td, span, ul, ol, li {margin:0; padding:0; font-family:'Open Sans', Verdana, Geneva, sans-serif !important; color:#444; font-size:15px; font-weight:normal;}
body {background: url(../images/bg_body_sm.jpg) top center no-repeat #dfe4de;}

.row { width:100%;}

.row.mast { background: url(../images/bg_mast.png) 0px -27px repeat-x;}
.row.mast .rowInner { padding:0 0; height:320px;}
.row.mast .head { font-size:16px; font-weight:600; color:#fff; padding-top:27px; margin-left:20px;}
.row.mast .subhead { font-size:16px; font-weight:normal; color:#fff; margin-left:40px;}

.row.whiteBg { background:#fff;}
.row.blackBar { background:url(../images/bg_black.png) top left repeat;letter-spacing:2px;}
.row.blackBar .rowInner { color:#fff; text-align:center; font-size:14px; padding:10px 0;}

.intro { margin:10px; margin-top:10px; font-size:14px; padding-top:20px;}
.section td { padding:10px}
h3 a, h3 a:active, h3a:visited { color:#f59e34; font-size:16px; font-weight:normal;}
h3 a:hover { color:#FFC400;}
.row.mast .badge { float:right; width:120px; margin-right:10px;}
.row.mast .badge img { width:100%; margin-top:35px;}

p a, .footer p a { color:#0078c1; font-size:12px;}
p a:hover { color:#5AABFC;}
.icon img:hover { opacity:0.8;}

p.outro { text-align:center; padding:30px; font-size:16px;}
p.outro a, p.outro a:active, p.outro a:visited { font-style:italic; font-size:16px;}

.footer { background:#ddd;}
.footer .rowInner { padding:40px auto;}
.footer p { padding:20px; font-size:12px;}
.footer img {float:right; margin-top:10px;}
}


@media screen and (min-width: 480px) {
	
.row.mast .head { font-size:20px; font-weight:600; color:#fff; padding-top:27px; margin-left:20px;}
.row.mast .subhead { font-size:18px; font-weight:600; color:#bddbf4; margin-left:30px;}
	
}

@media screen and (min-width: 760px) {
	
.row.mast .head { font-size:27px; font-weight:600; color:#fff; padding-top:27px; margin-left:20px;}
.row.mast .subhead { font-size:20px; font-weight:600; color:#bddbf4; margin-left:30px;}
.row.mast .badge { float:right; width:200px; margin-right:10px;}
.row.mast .badge img { margin-top:25px;}
}

@media screen and (min-width: 980px) {
	


body {background: url(../images/bg_body_lg.jpg) top center no-repeat #dfe4de;}
.row { width:100%;}
.row.whiteBg { background:#fff;}
.row.blackBar { background:url(../images/bg_black.png) top left repeat;letter-spacing:2px;}
.rowInner { width:980px; margin:0 auto; padding:20px 0;}
.row.blackBar .rowInner { color:#fff; text-align:center; font-size:18px;}
.row.mast { background: url(../images/bg_mast.png) top left repeat-x;}
.row.mast .rowInner { padding:0 0; height:500px;}
.row.mast .head { font-size:33px; font-weight:600; color:#fff; padding-top:27px; margin-left:20px;}
.row.mast .subhead { font-size:30px; font-weight:600; color:#bddbf4; margin-left:120px;}
.row.mast .badge { float:right; width:300px; margin-right:10px;}
.row.mast .badge img { margin-top:30px;}
.main {}
.intro { margin:30px; margin-top:10px; font-size:18px; padding-top:0;}
.section table { margin:0 30px; }
.section td { padding:0;}
.section p { margin-bottom:20px;}
.icon { width:85px; padding-bottom:20px;}
.icon img { border:0;}
.icon img:hover { opacity:0.8;}

h3 a, h3 a:active, h3a:visited { color:#f59e34; font-size:20px; font-weight:normal;}
h3 a:hover { color:#FFC400;}

p.outro {font-size:18px;}
p.outro a, p.outro a:active, p.outro a:visited {font-size:18px;}
 
}