/* >>>>> Main Cascading Style Sheet <<<<< */

/* Color Palette
-----------------
	B1441B  Rust
	D7B561	Gold
	B5BFA0  Lt Green
	384728	Dk Green
  61BB00  Link Blue
*/

body {
  margin:0; padding:0;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#FFFFFF;
  color:#666;
}

/* p,td,th,div,span,ol,ul,dl,dt,dd,li,form  */
p,td,th,ol,ul,li,form {
  margin: 0.5em;
  line-height:1.5em;
  letter-spacing:0.05em;
}

p,li {margin-bottom:12px;}

h1,h2,h3,h,h5 { 
  margin: 0;
  padding:0;
  line-height:1.25em;
  letter-spacing:0.05em;
  text-align: left;
}

h1 { font-size: 1.75em; color:#B1441B; border-bottom:2px solid #384728;}
h2 { font-size: 1.5em; color:#B1441B;  border-bottom:2px solid #384728;}
h3 { font-size: 1.2em; color:#B1441B; border-bottom:1px solid #384728;}
h4 { font-size: 1.1em; margin:0 0 -0.1em 0; padding:0.5em 0.5em; background:#384728; color: #FFF;}
h5 { font-size: 1.0em; background: #B1441B; color: #FFF; text-align:center;}

ul {
  line-height: 1.5em;
  margin: 0.5em 3em;
  padding: 9px 0 9px 0;
  list-style-type: square;
}

a:link { color: #B1441B; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { background:#B1441B; color:#FFF; padding:0.15em 0; text-decoration: underline; }
a:active { background:#384728; color:#FFF; text-decoration: underline;}

pre {
  background: #B5BFA0;
  border: 2px solid #384728;   
  margin: 0 0 0 10px;
  padding-top: 8px;
  font-family: "Courier New",courier,georgia sans-serif;
  font-size: 0.9em;
  font-weight: normal; }


table { 
    table-layout: auto;
    border-collapse: collapse;  
}

table.contable {
   margin-left: auto;
   margin-right: auto;
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
}

table.contable td  {
   border:none !important;
   border-collapse: collapse;
   border-spacing: 0;
   text-size:1.0em;
}

.toptable table {
    table-layout: auto;
    border-collapse: collapse;
    margin-left: auto;
    margin-right:auto:
    border: none;
    width: 985px;
    height:10px;
}

.callout {
   background: #B5BFA0;
   color: #000;
   float:right;
   width:225px;
   border: 3px solid #384728;
   margin: 9px;
   padding:9px;
   font-size: 0.9em;
   font-weight: bold;
   line-height: 1.1em;
}

.pagelinks dl {margin-left:18px; margin:1px 0;}

.caption {
    font-size: 0.9em;
    color:#999;
    text-align:center;
}

.nav dl {
  margin: 0;
  padding:0;

}

.nav dt {
  margin:0 0;
  padding:0 0;
}

.nav a {
    font-family: 'Lucida Grande',Verdana,Arial,Geneva,Helvetica,SunSans-Regular,sans-serif; 
    height:14px;
    margin: 0;
    padding: 2px 24px; 
    background: url("imgs/button.gif") 0 0 no-repeat;
    background-position:0 0;
    display:block;
    text-decoration: none;
 }

.nav a:link { color: #384728; }
.nav a:visited { color: #384728; }
.nav a:hover {background-position: -150px 0; color: #FFF;}
.nav a:active {background-position: -300px 0; color: #FFF;}
.nav a.clicked:link {background-position: 0 0; color: #FFF;}

.col-in {
  margin:0; padding:0 1em;
}

.cleaner {
  clear:both;
  height:1px;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}

.copy {
  text-align:center; }

#container {
    width:985px;
    background: #FFF;
    margin-left: auto;
    margin-right: auto;
}

#header {
  width:985px;
  height:165px;
  margin 0;
  padding:0;
  background:#D7B561 url(bkg/skfc-banner-art.jpg) no-repeat;
}

#col_wrapper {
    width:985px;
    margin:0;
    padding:0;
    background:transparent;  /*(bkg/bkg.jpg) repeat-y;*/
}
    
#col_1 {
  float:left;
  width:150px;
  height:900px;
  margin: 0;
  padding:0;
  background:#B5BFA0; /*url(bkg/col_1.jpg) top left repeat-y;*/
}

#col_2 {
  height:100%;
  margin:0 260px 0 160px;
  padding:10px;
  width:525px;
  background:#FFF;
}

#col_3 {
  float:right;
  width:260px;
  height:900px;
  margin:margin:0;
;
  padding:0;
  background:url(bkg/col_3.gif) top left repeat-y;
}

#col_3 h3, #col_3 p, #col_3 td, #col_3 th, #col_3 div, #col_3 span, #col_3 ol, #col_3 ul, #col_3 dl, #col_3 dt, #col_3 dd, #col_3 li, #col_3 form {
   color: #FFF; 
}

#col_3 a:link { color: #FFF; }
#col_3 a:visited { color: #FFF; }

#footer {
  font-size:0.9em;
  height:36px;
  background:#D7B561; 
  color: #384728;
  margin:0;
  padding:0;
  text-align:center;
  border-top: 2px solid #384728;
}

/* >>>>> Drop Shadows <<<<< */

.img-noshadow {
  clear: both;
  display: block;
  position:relative;
  text-align:center;
}

.img-shadow {
  clear: both;
  float:left;
  background: url(imgs/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(imgs/ds/shadow.gif) no-repeat bottom right;
  margin: 6px 0 0 2px !important;
  margin: 6px 0 0 1px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px 0px;
  padding: 8px;
 /*width: 154px;
  height: 203px;*/
}

.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  background: url(imgs/ds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(imgs/ds/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.p-shadow div {
  background: none !important;
  background: url(imgs/ds/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #000;
  background-color: #fff;
  font: 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}