body {
   font-family:Arial, Helvetica, sans-serif;
   font-size:.95em;
   background:#6699CC;
   margin:0; padding:0;}

/*--------------- Header and Link Styles */
#header h1 {
   text-indent:-1000px;
   overflow:hidden;
   letter-spacing:-1000px;
   margin:0; padding:0;
   height:110px;}
#header h1 a:link, #header h1 a:visited{
   background:url(../images/NCEEAlogo.gif) no-repeat;
   width:407px;
   height:107px;
   margin:0 0 0 10px;
   display:block;
   border:none;}

h2{font-size:1.4em; margin:5px 0;}
h3{font-size:1.2em; margin:5px 0;}
h4{font-size:1.0em; margin:5px 0;}
h5{font-size:1.0em; margin:5px 0;}

a:link{color:#086331}
a:visited{color:#1B3761;}
a:hover{color:#0EAB55}

/*--------------- Page Structure */
#container {
   width:770px;
   margin:0 auto;
   padding:14px 0 0 0;}

/*--------------- Rounded top/bottom */
#top {
   background:url(../images/roundtop.gif) top left no-repeat;
   width:770px;
   height:14px;}
#btm {
   background:url(../images/roundbtm.gif) top left no-repeat;
   width:770px;
   height:14px;
   margin:0 auto;
   padding:0 0 30px 0}
#header {
   background:#fff;
   position:relative;
   z-index:0;
   border-bottom:1px solid #ccc;}

/*--------------- Nav Styles */
#mainnav a {
   font-size:.9em;
   color:#1B3761;
   text-decoration:none;
   padding:0 0 0 10px;
   display:block;}
#mainnav a:hover {background:#FFFFB7}
ul#mainnav  {
   list-style-type:none;
   margin:0; padding:0;
   border-bottom: 1px solid #CCCCCC;}
ul#mainnav li {
   font-size:.9em;
   line-height:20px;
   border-bottom: 1px solid #CCCCCC;
   border-top: 1px solid #f3f3f3;}
#navrelated {
   background:#F3F3F3;
   padding:10px 0 20px 0;
   border-bottom: 1px solid #CCCCCC;}
#navrelated h3 {
   font-size:.8em;
   color:#1B3761;
   padding:0 0 0 9px;
   margin:10px 0 5px 0;}
#navrelated ul {
   list-style-type:none;
   margin:0; padding:0;}
#navrelated ul li {
   font-size:.75em;
   line-height:18px;
   padding:0 0 0 15px}
#navrelated a, #navrelated a:visited {color:#4069D5; text-decoration:none}

/*--------------- Extra Styles */
p#member {
   text-indent:-1000px;
   overflow:hidden;
   letter-spacing:-1000px;
   margin:0; padding:0}
p#member a:link, p#member a:visited{
   background:url(../images/memberbtn.jpg) no-repeat;
   width:128px;
   height:29px;
   margin:0;
   float:right;
   display:block;
   border:none;
   position:absolute;
   top:-14px;
   right:30px}
#content h2 {
   color:#1B3761;
   margin:10px 0 0;
   float:left;}
p#logout{
   font-size:.8em;
   float:right;
   padding:20px 0 0 0;
   margin:0;}
#btm p{
   margin:0; padding:0;
   text-align:center;
   font-size:.7em;
   color:#666666}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.blue {
   color: #1B3761;
   background-color: #1B3761;
   height: 2px;
   border:0px;
}
.tleft  {text-align:left;}
.tright {text-align:right;}
.tcenter{text-align:center;}
.tcenter input{text-align:center;}

/*--------------- Float Fixes */

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*--------------- for accessibility and print styles*/

.hidden{position:absolute;
   margin:-500px 0 0 -1000px;}
.nostyles{display:none;}
.invis {display:none;}

/*---------------
   Global Editions : Added as I convert the old
   pages to the new ones */
.pad10{padding:10px}
.ptop10{padding-top:10px}
.pad5{padding:5px}
.mar10{margin:10px}
.mar5{margin:5px}
.mleft10{margin-left:10px}
.mleft15{margin-left:15px}
.green{color:#086331}
.blue{color:#383ABD}
.orange{color:#FF6600}
.bold{font-weight:bold;}
.redbold{color:#CC0000;font-weight:bold;}
.center{text-align:center}
.mar_top{margin-top:10px}
.mar_bottom{margin-bottom:10px}
.mar_bottom20{margin-bottom:20px}
.mar_right300{margin-right:220px}
.tlabel{
   background:#E0E0E0;
   text-align:center;
   color:#1B3761;}
.ttext{font-size:.85em;}
.fnormal{font-weight:normal;}
.thirdwidth{width:33.333%}
.tleft{text-align:left}
.center{text-align:center}
.tcenter{text-align:center}
.tright{text-align:right}
.tunder{text-decoration:underline}
.fleft{float:left}
.fcenter{float:center}
.fright{float:right}
.lblleft{font-size:1.0em; font-weight:bold;}
.w50p{width:50%}
.w60p{width:60%}
.w70p{width:70%}
.w40p{width:40%}
.w30p{width:30%}
.spon_img{
   border:1px #666666 solid;
}
.red{color:#CC0000}
.red a:link{color:#CC0000}
.red a:visited{color:#CC0000;}
.red a:hover{color:#CC0000}

.redstatus, .greenstatus,
.bluestatus, .orangestatus,
.blackstatus{
   border:1px solid #ccc;
   background:#FFFFCC;
   color:#CC0000;
   font-weight:bold;
   padding:2px;
   text-align:center;
}
.greenstatus{color:#086331}
.bluestatus{color:#383ABD}
.orangestatus{color:#FF6600}
.blackstatus{
   color:#333333;
   background-color:#CCCCCC;
   border:#000000 1px solid;
}

.redscstat, .greenscstat,
.bluescstat, .orangescstat{
   color:#CC0000;
   font-weight:bold;
}
.greenscstat{color:#086331}
.bluescstat{color:#383ABD}
.orangescstat{color:#FF6600}

/*--------------- Admin Styles*/
.tools{
   border:1px solid #ccc;
   background:#FFFFCC;
   padding:6px;
   margin:0px 0px 10px 0px;
   font-size:.8em;
   font-weight:bold;
}

.zero{
   padding:0px;
   margin:0px;}
.tools input{font-size:.85em;}
.tools select{font-size:.85em;}
.earea_wdth{width:175px}
.etarea_wdth{width:500px}
.etarea_wdth2{width:480px}
#editarea {
   border:1px solid #cccccc;
   background: #F5f7f7;
   padding:6px;
   margin:0px 0px 10px 0px;}
#editarea td{
   text-align:left}
#breadcrumbs{
   font-size:.85em;
   margin:0px 0px 7px 0px;}
.smalltext{
   font-size:.7em;
   color:#666666}
.smallredtext{
   font-size:.7em;
   color:#CC0000}
.seperator{
   font-size:16px;
   font-weight:bold;
   padding: 0px 1px 0px 1px;
   color:#ccc;
}
.toollbl{
   font-size:18px;
   font-weight:bold;
   padding: 0px 10px 0px 5px;
   color:#ccc;
}
div#exported{
   visibility:hidden;
   text-align:center;
   margin:25px;
   padding:5px;
   border:1px solid #ccc;
   background:#FFFFCC;
}
.loclbl{width:300px;}
.yearlbl{width:45px;}
.mnylbl{width:55px;}
.tllbl{width:30px;}
.datelbl{width:80px;}
.scactionlbl{width:100px;}
.trmlbl{width:5%;}
.namelbl{width:25%;}
.orglbl{width:25%;}
.org2lbl{width:55%;}
.actlbl{width:20%;}
.act2lbl{width:15%;}
/*Gallery*/
.cgallery{
   /*text-align:center;*/
}
.cgallery img{
   padding:2px;
   border: 0px solid white;
}
.cgthumba{
   float:left;
   border:1px #666666 solid;
   margin:3px;
}
.cgthumba img{
   height:75px;
}
.cgthumb img{
   border:1px #666666 solid;
   margin:3px;
   height:100px;
}
.attn{color: rgb(204, 0, 0)}
/*For the receipt page*/
.attn_recpt {
   color: #CC0000;
   font-weight: bold;
   font-size:16px;
   margin:10px 0px 0px 0px;
}
.btn {
   background-color:#6699CC;
   color:#FFF;
   border:2px solid #000;
   font-size:18px;
   font-weight:bold;
   height:40px;
   width:200px;
   cursor:pointer;
}
#invoiceitems {
   empty-cells:show;
   border: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   font-size: 12px;
   margin: 8px 0px 8px 0px;
   padding: 0px;
   background-color:#F5f7f7}

#invoiceitems td{
   padding: 2px 3px 2px 3px;
}
#invoiceitems th{
    font: 14px Arial,sans-serif;
   font-weight: bold;
   color:  #017004;
   background-color:#F5f7f7;
   border-bottom: 1px solid #cccccc;
   border-right: 0px solid #cccccc;
   padding: 2px 3px 2px 3px;}

#invoiceitems .price{
   border-right: 1px solid #cccccc;
   border-left: 1px solid #cccccc;
   width:55px;
}
#invoiceitems .ea{
   border-right: 1px solid #cccccc;
   width:15px;
}
#invoiceitems .ttl{
   width:65px;
}
#invoiceitems td.total{
   border-top: 1px solid #cccccc;
   height:1px;
}
#invoiceitems .gtotal{
   border-right:1px solid #cccccc;
}
#invprint{
   background-color:#FFFFFF;
   width:770px;
   margin:0 auto;
   padding:14px 0 0 0;
}
#invprint .banner{
   border: 1px solid #cccccc;
   margin: 8px 0px 8px 0px;
   padding: 0px;
   background-color:#F5f7f7;
}
.invoice{
   border: 0px solid #cccccc;
   width:770px;
}
.invoice img{
   margin:5px 5px 5px 5px;
}
.invoice .header{
   padding: 3px 8px 20px 8px;
}
.invoice .footer{
   padding: 20px 8px 20px 8px;
}
.cvv_code{
   margin-right: 5px;
   height:65px;
   width:100px;
}