/********************************************
   AUTHOR:          http://www.ambitiousweb.com
   WEBSITE:     http://www.ocra-ok.org/
   TEMPLATE NAME:  OCRA-OK
   DATE:           Aug-19th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0px;
padding: 0px;
height: 100%; 
background: #20596b url('/images/bg.jpg') no-repeat;
} 

/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 12px “Lucida Sans Unicode”, sans-serif; color:white}
td { line-height: 20px;}
table b { color: #fff; }
table a, tr a, td a, font a, .content table a{font: 12px “Lucida Sans Unicode”, sans-serif; color:white }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #fff;}
font img { border: 6px solid #fff; margin-right: 10px; }


/* ----------Centered Container Or the Layout--------------------- */
#containerpad {
min-height: 100%; 
height: auto !important; 
height: 100%; 
width: 960px;
margin-bottom: -4em;
margin-left: 18px;
margin-left: 28px;
}

/* --------------LABELS BUTTONS & FORMS-----------*/
#contactform {
padding: 20px;
width: 85%;
background: url(/images/leftbox_bg.png);
border: 1px solid #3d8bba
}
 
label {
font: bold 12px “Lucida Sans Unicode”, sans-serif;
font-style: normal;
color: #fff;
}
 
#name, #name0, textarea {
width: 26em;
border: 1px solid #002d4a;
font: 12px “Lucida Sans Unicode”, sans-serif;
color: #000;
padding: 6px;
margin-bottom: 20px;
filter:alpha(opacity=30);
-moz-opacity:.30;
}
 
.button {
width: 6em;
font: bold 12px “Lucida Sans Unicode”, sans-serif;
font-style: normal;
color: #fff;      
background: #046ca1;
padding: 4px 5px;
border: 1px solid #75a8c3;
filter:alpha(opacity=95);
-moz-opacity:.95;
}

/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main { min-height: 100%; height: auto !important; height: 100%;  padding-top: 40px;}

#main .content {
padding: 0px;
margin: 0px;
margin-left: 290px;
margin-right: 0px;
min-height: 170px; /* Height of Background Img */
height: auto;
}




#main p {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: normal;
line-height: 1.7em;
color: white;
padding-bottom: 24px;
padding-right: 12px;

margin-top: 12px
}

.yellowfont {
color: #FFD272;
}

#main strong { color: #e8cb78; font-size: 14px;}

#main div {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 12px;
font-style: normal;
letter-spacing: normal;
color: white;

}

#main a, font p a { color: #ffffff; text-decoration:underline;}

#main .navleft {
float:left; 
width: 215px;
margin-left: 30px;
padding: 0px;
height: 595px;
background: url(/images/leftnavborder.gif) repeat-y top right;
}

#main .navleft a img { border: 0px;}
#main h1{font: bold 18pt verdana, sans-serif; color: white; text-transform: uppercase; font-weight: lighter;}
#main h2{font: bold 18px “Lucida Sans Unicode”, sans-serif; color: white; text-transform: uppercase; font-weight: lighter;}
#main h3{font: bold 14pt verdana, sans-serif; color: white; font-weight: lighter; font-style:italic;}


/* --------------NAVIGATION------------- */
#nav, #contact { width: 220px; }
#nav h1, #contact h1 {font: bold 24px Cambria, Georgia, serif; color: white; text-transform: uppercase; font-weight: lighter; margin-bottom: 12px}
#nav h1:first-letter, #contact h1:first-letter { }
#nav .mid, #contact .mid { padding: 12px 20px 15px 20px;}
#nav .mid ul { list-style-type: none; padding-left: 12px;}
#nav .mid li {padding: 5px 4px 5px 0px;}

#nav .mid li a {
color: #fff2e0;
font: bold 15px Arial, Helvetica, sans-serif;
background: url(/images/icon_arrows.gif) no-repeat center left;
padding: 10px 20px 10px 20px;
text-decoration: none
}

#nav .mid li a:hover { text-decoration: underline}

/* --------------CONTACT------------- */
#contact p {
line-height: 1.6em;
padding-top: 10px;
padding-bottom: 0px;
color: #fff2e0;
}

/* --------------FOOTER------------- */
.clear { clear: both;}
#footer { background: url(/images/footerbg.gif) repeat-x top; height: 100px;}
#catafooter { background: none; padding-top: 40px;}
#footer img {border: none;}
#footer .content {  width: 960px;  margin: 0 auto; position: relative; }
#footer .top { float: right; padding-top: 15px; width: 111px;}


/* --------------GALLERY------------- */

#gallery{
width: 600px;
margin: 0 auto;
}

#gallery .displayimage{
width: 215px;
color: #ffffff;
text-align:center;
margin: 0px 10px;
float: left;
}

#gallery .displayimage img{
width: 200px;
border: 3px #ffffff solid;
margin: 0px 5px 0px 5px;
}

#gallery .displayimage p{
color: #ffffff;
font: bold 8pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
text-align:center;
margin-top: 1px;
}

#gallery .displayimage a{
text-decoration: none;
color: #ffffff;
}

#gallery .largeimage{
width: 500px;
height: 506px;
color: #dbc495;
text-align:center;
margin: 20px 20px 20px 120px;
float: left;
background: url(/images/picbglarge.gif) no-repeat; /* Main DIV Background Img */
}

#gallery .largeimage img{
width: 500px;
border: 6px #bfa164 solid;
margin: 70px 0px 10px 0px;
float: right;
}

#gallery .description{
color: #664907;
font: bold 8pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
float: left;
width: 200px;
margin: 100px 30px 0px 40px;
}

#gallery .backbutton{
float: left;
width: 102px;
padding: 4px 5px;
border: 0px;
background-color: #cbae73;
}


/* --------------EVENT CALENDAR------------- */

#calendar{
border: 1px solid #fff;
}

#calendar td{
border: 1px solid #fff;
}

#calendar th{
border: 1px solid #fff;
background-color: #fff;
padding: 6px;
font: bold 12pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: #000;
}

#calendar .calHeader{
background-color: #fff2e0;
color: #21666b;
font: 10pt 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

}

/* --------------JOBS------------- */


.job{
border-bottom: 2px #FFD272 solid; margin: 10px 0px 30px 0px; line-height: 22px; padding-bottom: 10px;font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 14px;
}

.job h4{
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 14px;
color: white;
margin-bottom: 5px;
font-weight:bold;
}



/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }