﻿/********************************************
   AUTHOR:          http://www.ambitiousweb.com 
   WEBSITE:     http://www.bigskycompanies.com/
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
font-family:tahoma, Arial, Helvetica, sans-serif;} 

#homepage{background: #fff url("/images/bgnew.jpg") repeat-x;}
#subpage{background: #fff url("/images/subbgnew.jpg") repeat-x;}

.error { font-weight:bold;color:Red !important; }
.success { font-weight:bold;color:Green !important; }

.line { border: none; border-bottom: 1px solid #000; height: 0px; margin: 0 auto }
.clear { clear: both; }
.rightalign: {text-align: right!important;}
.leftalign: {text-align: left!important;}
.center: {text-align: center!important;}

img {border: 0px;}

.rightimg{ float: right; margin-left: 20px;border: 4px solid #69a0e8;}
.leftimg{ float: left; margin-right: 20px;;border: 4px solid #69a0e8;}

#angie{text-align: center;margin: 0 auto;width: 200px;}

.rotatorwide{width: 450px; height: 278px; float: right; margin-left: 20px;border: 4px solid #69a0e8; }

.rotator{width: 400px; height: 300px; float: right; margin-left: 20px;border: 4px solid #69a0e8; }

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {color: #132d6d;}
  
#main .content input[type="text"], #main .content select, #main .content textarea, #main .content input[type="checkbox"]{border: 1px solid silver;padding: 5px;margin-bottom: 10px;}
#main .content input[type="checkbox"]{margin-bottom: 5px; margin-right: 5px;}

#main .content input[type="submit"], #main .content input[type="button"]{background: #132d6d;padding:10px;color: #fff;}
#main .content input:hover[type="submit"], #main .content input:hover[type="button"]{background:#2a68bd;}

#main .content ul{padding: 5px 0px 20px 30px; list-style-type:disc; }
#main .content ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #101625;}


/* --------------HEADER------------- */

#header {height: 127px;}

#header .logo{height: 127px; width: 600px; float: left;}
#header .headerright{height: 40px; width: 200px; float: right;padding-top: 65px;}

/* --------------TOPNAV------------- */

#topnav {height: 60px;}
#topnav ul{ list-style-type:none;margin: 0px; padding-top: 22px;}
#topnav li{ display:inline;padding: 9px 0px 9px 8px; font-size:12pt;}
#topnav li a{color: #fff;text-decoration: none;border-right: 1px dashed #fff; padding-right: 18px;}
#topnav li a:hover{color: #fddc84;}
#topnav .last{ border: none;}


/* --------------MAIN CONTENT----------------*/

#main {min-height: 100%; height: auto !important; height: 100%; }

#main .content {padding: 30px 0px;min-height: 400px; height: auto;}

#main .content h1 {font-size: 16pt;color: #1e428f; margin-bottom: 15px;}
#main .content h2 {font-size: 16pt;color: #fff;padding: 10px 0px;}
#main .content h3 {font-size: 11pt;color: #1e428f;}
#main .content h4 {width: 600px;margin: 0 auto;margin-top: 10px; margin-bottom: 10px;font-size: 14pt;color: #1e428f;border-bottom: 2px dashed #ffb900;border-top: 2px dashed #ffb900;padding: 10px 0px; text-align:center;}
#main .content h5 {width: 600px;margin-top: 10px; margin-bottom: 10px;font-size: 14pt;color: #1e428f;border-bottom: 2px dashed #ffb900;border-top: 2px dashed #ffb900;padding: 10px 0px; text-align:center;}

#main .content p {font-size: 11pt; margin-bottom: 15px;color: #101625}
#main .content a {color: #1e428f;}


#main .left {width: 400px; padding-right: 50px;float: left; border-right: 1px dashed #2a68bd;}

#main .right {width: 400px; float: left;padding-left: 50px;}

.italic {font-style: italic;}



#main #mission{background: url("/images/missionbg.jpg") no-repeat top left; height: 241px; width: 960px;}
#main #mission ul{ list-style-type:none;margin: 0px; padding: 100px 0px 0px 50px;}
#main #mission li{ color: #fff;display:block;padding:5px 0px 9px 20px; font-size:12pt;background: url("/images/check.png") no-repeat top left;}


#main #submission{background: url("/images/submission.jpg") no-repeat top left; height: 100px; width: 960px;}


/* --------------3 BOX Setup---------------*/
.box {margin-right: 15px;width: 289px; float: left;background: url("/images/columnheader.png") no-repeat top left;padding: 10px;}
.boxright {width: 289px; float: right;background: url("/images/columnheader.png") no-repeat top left;padding: 10px;}
.boxwide {margin-right: 15px;width: 559px; float: left;background: url("/images/boxheaderwide.png") no-repeat top left;padding: 10px;}

#main .content .box ul{padding: 5px; list-style-type:disc; float: left;width: 124px;margin-left: 10px;}
#main .content .box ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #132d6d; font-weight:bold;}

#main .content .boxwide ul{padding: 5px; list-style-type:disc; float: left;width: 200px;margin-left: 10px;}
#main .content .boxwide ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #132d6d; font-weight:bold;}

ul.widelist{width: 265px !important;margin-right: 20px;}
.yellowbox {color: #fff;text-align: center;margin-right: 15px;width: 259px; float: right;background: #ffbb00 url("/images/yellowbox.png") no-repeat top left;padding: 20px;}


.bluebox{width: 920px; padding: 20px;background: #091c50 url("/images/blueboxbg.gif") repeat-x; color: #fff;}
.bluebox p{color: #fff!important;}
.bluebox img {border: 1px solid #69a0e8;}

#main .content .bluebox ul{padding: 5px; list-style-type:disc; float: left;width: 200px;margin-left: 10px;}
#main .content .bluebox ul li{padding: 0px 0px 10px 0px;font-size: 10pt; color: #fff;}

/* --------------FOOTER------------- */


#footer, .push { 
clear: both;
height: 4em;
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer {height: 100px;height: auto; background: #2c6abe url("/images/footerbg.gif") repeat-x}

#footer .content { width: 960px; margin: 0 auto; position: relative;text-align: center;padding: 40px 0px 20px 0px; }
#footer .content p{color: #bad0ed;}
#footer .content h3{color: #bad0ed; font-weight:bold; font-size:12pt;}

/* --------ASC LINKS--------- */

#footer .asc ul { margin: 0px; padding: 0px;}
#footer .asc li { display: inline; list-style-type: none;}
#footer .asc li a {color: #bad0ed;text-decoration: none;padding: 0px 10px 0px 10px; font-size:10px;}










