@charset "utf-8";
/* CSS Document */
html{
height:100%;
width:100%;
}
body{
height:100%;
font-family:Tahoma, Georgia, "Times New Roman", Times, serif;
font-size:12px;
margin:0;
padding:0;
background-color:#12332c;
}
form, table{
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6{
margin:0;
padding:6px 0px;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{
margin:0;
padding:5px 0px;
}
img, a img {
border:0 none;
}
a{ text-decoration:none; color:#C5E5BF; }
a:hover{ color:#ffffff;}
#wrapper{ width:914px; margin:auto;}
#banner{ margin:0 0 10px 0; min-height:189px; height:auto !important; height:189px; position:relative;}
#menu-wrap{ height:48px; background:url(../images/menu-bg.gif) 0 0 repeat-x; position:relative;}
#display-area{ padding:5px 0;}

#logo{ position:absolute; top:0; left:0;}

/*menu area*/
#social-links{ width:66px; height:29px; position:absolute; top:9px; right:23px;}
#snav{ margin:0; padding:0;}
#snav li{ margin:0; padding:0; float:left; list-style-type:none;}
#snav li a{ display:block; padding:0; width:30px; height:29px; background-image:url(../images/sn.gif); background-repeat:no-repeat; text-indent:-9999px;}
#snav li#twitter{ margin:0 6px 0 0;}
#snav li#twitter a{ background-position:0 0;}
#snav li#facebook a{ background-position:-36px 0;}
#snav li#twitter a:hover{background-position:0 -29px;}
#snav li#facebook a:hover{background-position:-36px -29px;}

/*display-area*/
#display-area .leftarea{ width:179px;}
#display-area .rightarea{ width:723px;}

#display-area .leftarea h3{ color:#ffffff; font-size:12px; font-weight:normal; padding:0; margin:0 0 10px 0; font-family:georgia;}
#display-area .rightarea h1{ font-size:28px; font-weight:normal; color:#12332c;}

.cta-green{ background:url(../images/grad-green.gif) 0 0 repeat-y; padding:10px; margin:10px 0 10px 0;}
.cta-white{ background:url(../images/grad-white.jpg) 0 0 repeat-y; padding:10px; min-height:50px; height:auto !important; height:50px; position:relative; margin:0 0 10px 0;}
.cta-green2{background:url(../images/grad-green.gif) 0 0 repeat-y; padding:2px; margin:10px 0 0 0; position:relative; min-height:50px; height:auto !important; height:50px;}
.cta-green2-home{background:url(../images/grad-green-home.gif) 0 0 repeat; padding:2px; margin:10px 0 0 0px; position:relative; min-height:50px; height:auto !important; height:50px; width:271px;;}
.cta-blue{ background:url(../images/grad-blue.jpg) 0 0 repeat-y; padding:10px; margin:0 0 5px 0; position:relative; min-height:50px; height: auto !important; height:50px; color:#1c3c4d;}

.btn-join{ display:block; width:127px; margin:5px auto 0; text-align:center; background:url(../images/jn-bg.gif) 0 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bf551d; font-weight:bold; text-decoration:none; padding:4px 0; }
.btn-join:hover{ color:#fff;}
.si-form{ color:#12332c; font-weight:bold; width:145px;}
.si-txt{ border:2px solid #43654d; width:148px;}

.cta-white .fold{ width:24px; height:27px; background:url(../images/grad-white-fold.gif) 0 0 no-repeat; position:absolute; right:0; top:0;}
.btn-view-calendar{ display:block; width:127px; margin:5px auto 0; text-align:center; background:url(../images/vc-bg.gif) 0 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8dc5f0; font-weight:bold; text-decoration:none; padding:4px 0;}
.btn-view-calendar:hover, .btn-watch-video:hover{ color:#fff;}
.btn-watch-video{display:block; width:127px; margin:5px auto 10px; text-align:center; background:url(../images/wv-bg.gif) 0 0 no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#c5e5bf; font-weight:bold; text-decoration:none; padding:4px 0;}

.cta-green2 .fold{ width:23px; height:23px; background:url(../images/grad-green-fold.gif) 0 0 no-repeat; position:absolute; right:0; top:0;}

.cta-blue .fold{width:24px; height:27px; position:absolute; right:0; top:0; background:url(../images/grad-blue-fold.gif) 0 0 no-repeat;}

.cta-blue p{ padding:0; margin:0 0 5px 0;}
.cta-blue a{ font-weight:bold; text-decoration:underline; color:#1c3c4d;}

.whitebox{ min-height:442px; height:auto !important; height:500px; background-color:#fff; position:relative; padding:20px 15px 92px 20px;}
.whitebox .fold{ width:24px; height:22px; background:url(../images/right-fold.gif) 0 0 no-repeat; position:absolute; right:0; top:0;}
.whitebox a { color:#12332c;}
#bottom-gal{ width:660px; padding:15px 0 0 0; position:absolute; bottom:5px; left:40px; margin:20px 0;}
.green-box{ width:202px; border:2px solid #86a17a; float:left; margin:0 11px 0 0;}
.gb-head{ background-color:#4d6950; font-size:15px; text-align:center; color:#afcfa0; font-family:georgia;}

.no-margin{ margin:0 !important;}
/*float*/
.right{
float:right;
}
.left{
float:left;
}
.clearB{
clear:both;
}
.copper-h2{ padding:0; margin:0;}

.gbox h3, .copper-h2, .box-head h4{ padding:0; margin:0;}
.gbox{ background-color:#21403a; text-align:center;}
.boxes{ padding:5px 0;}
.boxes .box1{ width:285px; border:1px solid #476a51;}
.boxes .box2{ width:385px; border:1px solid #476a51;}
.box-head{ background:url(../images/grad.gif) 0 0 repeat-y; text-align:center;}

.sep{ width:681px; font-size:0; height:1px; background:url(../images/sep.gif) 0 0 no-repeat; margin:15px auto;}
.copyright { color:#C5E5BF; padding-bottom:5px; font-size:11px; }
.copyright  a { color:#C5E5BF; }
.copyright a:hover { color:#ffffff; }

.footer-nav {
float:left;
line-height:1.8em;
width:150px;
}

.footer-title {
font-size:11px;
font-weight:bold;
}

.wrap {
overflow:hidden;
width:100%;
}

.left-btn {
padding: 3px 0px;
}

.strategic-graybox {
background:#d6d9de;
min-height:200px;
width:285px;
padding:10px;
font-size:10px;
margin:12px;
}

.main-graybox {
padding:5px 5px;
}