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

/* Color Palette
-----------------
    018843  old green 
    609F60  new green
*/

body {
  text-align: center;
  background: #E3E4E4 url(bkg/bg.jpg) top center no-repeat fixed;
  margin-top:10px;
  margin-bottom:10px;
  /*added*/
  font-size:11px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  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;
  color:#666;
}

dt {font-weight:bold; color:#fff;}
dd {margin-bottom:0.5em;}

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

h1 { font-size: 2.5em; color:#666; border-bottom:2px solid #0033ff;}
h2 { font-size: 1.5em; color:#333; border-bottom:2px solid #0033ff;}
h3 { font-size: 1.25em; margin:0 0; padding:0.125em 0.5em; color: #000;}
h4 { font-size: 1.0em; margin:0 0; padding:0.125em 0.5em; background:#0033ff; color: #FFF;}
h5 { font-size: 1.0em; margin:0 0; padding:0.125em 0.5em; background:#fafc3c; color: #000;}

a:link {color: #0033ff; text-decoration: underline;}
a:hover {color: #0033ff; background:#fafc3c; padding:0.15em 0; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline;}
a:active {color: : #fafc3c; background:#CCC; text-decoration: none;}

.breadcrumbs{ color:#00b4ef;}

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

pre {
  background: #D7B561;
  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;
}

.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 2px 2px 20px ; 
    background: url("bkg/button.gif") 0 0 no-repeat;
    background-position:0 0;
    display:block;
    text-decoration: none;
 }

.nav a:link { color: #0033ff; }
.nav a:visited { color: #000; }
.nav a:hover {background-position: -100px 0; color: #0033ff;}
.nav a:active {background-position: -200px 0; color: #0033ff;}
.nav a.clicked:link {background-position: 0 0; color: #0033ff;}


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

}

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

.nav_3 a:link { color: #0033ff; }
.nav_3 a:visited { color: #000; }
.nav_3 a:hover {background-position: -100px 0; color: #0033ff;}
.nav_3 a:active {background-position: -200px 0; color: #FFF;}
.nav_3 a.clicked:link {background-position: 0 0; color: #0033ff;}


ul {
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
}

li { 
  padding-left: 10px;
  background-image: url(bkg/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height:1.5em;
}
*/

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: left;
  background: #FFF url(bkg/content_bg.jpg) top right repeat-y;
  border: 2px solid #666;
}

#page_header {
  height:120px;
  background: #fafc3c url(bkg/header.jpg) top right no-repeat;
  clear: both;
}

#page_header h1 {
  margin: 0;
  padding-top:30px;
  padding-left:25px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:2.5em;
  font-weight: bold;
  letter-spacing:.05em;
  color: #FFF;
  border-bottom:none;
}

#page_header h2 {
  margin: 0;
  padding-left:25px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:1.5em;
  font-weight: bold;
  letter-spacing:.05em;
  color: #000;
  border-bottom:none;
}

#menu_bar {
  margin:0;
  padding:0;
  height:40px;
  background: #FFF url(bkg/drop_shadow.gif) top left repeat-x;
  clear: both;
}

#menu_bar ul {
  margin: 0;
  padding: 0;
  background: #fafc3c url(bkg/menu_bg.gif) top left repeat-x;
  color: #000;
  float: left;
  width: 100%;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight: bold;
}

#menu_bar ul li { display: inline; }

#menu_bar ul li a {
  padding-top:5px;
  padding-bottom:5px;
  padding-left:15px;
  padding-right:15px;
  background: #fafc3c url(bkg/menu_bg.gif) top left repeat-x;
  color: #000;
  text-decoration: none;
  float: left;
  border-right: 1px solid #FFF;
  background-position: 0 0;
}

#menu_bar ul li a:hover {
  background: #fafc3c url(bkg/menu_hover_bg.gif) top left repeat-x;
  color: #0033ff;
}

#col_wrapper {
  margin:6px 12px 6px 0px;
  clear:both;
}

#col_1 {
  float:left;
  width:100px;
  margin: 0;
  padding:0;
  background:transparent; /*url(bkg/col_1.jpg) top left repeat-y;*/
}

#col_2 {
  margin-left:12px;
  float: left;
  width:540px;
  background-color: #FFF;
}


/*
#col_2 h1 { font-size: 2.0em; color:#0033ff; border-bottom:2px solid #666;}
#col_2 h2 { font-size: 1.5em; color:#0033ff; border-bottom:2px solid #666;}
#col_2 h3 { font-size: 1.25em; color:#0033ff;border-bottom:1px solid #666;}
#col_2 h4 { font-size: 1.0em; margin:0 0; padding:0.125em 0.5em; background:#0033ff; color: #FFF;}
#col_2 h5 { font-size: 1.0em; margin:0 0; padding:0.125em 0.5em; background:#999; color: #FFF;}
#col_2 h3 {
  margin-top:6px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  color: #609F60;
  background-color:#FFF;
  padding:4px;
  border-bottom: 1px solid #609F60;
  clear:both;
}
*/

#col_2 p {
  margin-bottom:12px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #666;
  line-height: 18px;
  padding-left:4px;
}

#col_3 {
  margin-top:12px;
  float: right;
  width:160px;
}

#col_3 h3 {
  font-size: 1.1em;
  border:1px solid #CCC;
}

#col_3 p {
  margin:0 0 12px 0px;
  line-height: 16px;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

#feature_box {
  float:left;
  width:250px;
  background-color:transparent;
  padding:10px;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:8px;
  font-size:0.9em;
}

#featurebox h1 { font-size: 1.5em; color:#666; }
#featurebox h2 { font-size: 1.25em; color:#333;}
#featurebox h3 { font-size: 1.1em; color:#000;}
#featurebox h4 { font-size: 1.0em; margin:0 0; padding:0.125em 0.5em; background:#0033ff; color: #FFF;}
#featurebox h5 { font-size: 1.0em; margin:0 0; padding:0.125em 0.5em; background:#fafc3c; color: #000;}

#feature_box p {
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #666;
  line-height: 16px;
  margin-bottom:5px;
}


#footer {
  font-size:0.9em;
  padding:0.5em;
  background-color: #fafc3c;
  color: #000;
  clear: both;
  text-align:center;
  border-top: 2px solid #666;
}

#spacer {
  height:20px;
  clear:both;
}

.arrow_list { 
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
} 

.arrow_list li { 
  padding-left: 10px;
  background-image: url(bkg/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
  font-family: 'Lucida Grande',Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height:1.5em;
}

/* >>>>> 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;
}

.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;
}