* {
    padding: 0;
    margin: 0;
}


body {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; /* mac should use Lucida Grange and PC's should use Verdana */
    font-size: 13px;
    line-height:20px;
    color:#6e6d5e;
    background-color:#6e6d5e;
    
   /* behavior: url(/csshover3.htc);*/
}

h1 {
    font-size:22px;
    margin-bottom:20px;
    font-weight:normal;
}
h1.small{
    font-size:18px;
}

h2 {
    font-size:18px;
    margin-bottom:10px;
    margin-top:30px;
    font-weight:normal;
}


p {
    margin-bottom:10px;
    
}


a {
    color:#000;
}

.white_color {
    color:#FFF;
}



#idBackFrame {
    margin:0 auto;
    padding-bottom:50px;
    width:1100px;
    background: url(/images/background.gif) no-repeat bottom center;
}

#idPageFrame {
    margin:0 auto;
    width:1000px;
    /*background: #FFF url(/images/page_background.jpg) no-repeat 0 500px;*/
    background: #FFF;
}

#idHeaderFrame {
    width:1000px;
    height:425px;
    position:relative;
    /*background: #FFF url(/images/header.jpg) no-repeat 0 20px;*/
    background: #FFF url(/images/header2.jpg) no-repeat 0 0px;
}


#idContentFrame {
    padding:0 89px 0px 128px;
}

#idFooterFrame {
    margin:0px auto;
    padding-top:90px;
    padding-bottom:20px;
    width:500px;
    text-align:center;
}




.header2{
    position:absolute;
    top:312px;
    left:80px;
}

.header2 a{
   display:block;
   float:left;
   margin:10px;
   color:#FFF;
   font-size:16px;
   line-height:20px;
   font-weight:normal;
   padding:5px 10px;
   width:100px;
   text-align:center;
   text-decoration:none;
}

.header2 a:hover, .header2 a.selected:hover{
   background:url(/images/button_hover2.gif) no-repeat;
}


.header a.selected{
   background:url(/images/button_hover.gif) no-repeat;
}


/*menu {padding:50px 0 200px 15px; width:700px;}*/
.header{
    position:absolute;
    top:322px;
    left:80px;
    width:800px;
}


/* remove all the bullets, borders and padding from the default list styling */
.header ul {padding:0;margin:0;list-style-type:none; height:30px; background:transparent;}

/* style the sub-level lists */
.header ul ul {width:625px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.header ul li {
  display:block;
   float:left;
   margin:0 20px;
   color:#FFF;
   font-size:16px;
   height:30px;
   line-height:30px;
   font-weight:normal;
   padding:0;
   width:120px;
}

/* style the sub level list items */
.header ul ul li {display:block; width:248px; height:auto; /*line-height:1em;*/}
.header ul ul li.last {padding-bottom:5px; background:url(/images/dropdown_bottom.gif) bottom left no-repeat;}

/* style the links for the top level */
.header a, .header a:visited {
display:block;
  /* float:left;*/
   color:#FFF;
   margin:0;
   font-size:16px;
   line-height:30px;
   height:30px;
   font-weight:normal;
   padding:0px;
   width:120px;
   text-align:center;
   text-decoration:none;
}
/* hack IE5.x to get the correct the faulty box model and get the width right */
/*  * html .header a, * html .header a:visited {width:130px; w\idth:130px;} */

/* style the sub level links */
.header ul ul a, .header ul ul a:visited {
    display:block;
    background:#9d9c93; 
    color:#fff;
    width:208px; 
    height:100% !important; 
    line-height:1em; 
    padding:5px 10px;
    text-align:left;
    font-size:14px;
}

/*  * html .header ul ul a, * html .header ul ul a:visited {width:208px; w\idth:188px;} */


/* style the table so that it takes no part in the layout - required for IE to work */
.header table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the level hovers */
/* first */
* html .header a:hover, * html .header a.selected:hover { 
   background:url(/images/button_hover2.gif) no-repeat;
   border:0; 
   height:30px; 
   position:relative; 
   z-index:100;
}
* html .header ul a.dropdown:hover,
.header :hover > a.dropdown{ 
   background:url(/images/dropdown_top.gif) no-repeat;
}

.header li:hover {position:relative;}

.header :hover > a {background:url(/images/button_hover2.gif) no-repeat;border:0; height:30px;}

/* second */
* html .header ul ul a:hover{
    background:#848378; 
    position:relative; 
}

.header ul ul li:hover {position:relative;}
.header ul ul :hover > a {
background:#848378;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.header ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:228px;}


/* make the second level visible when hover on first level list OR link */
.header ul :hover ul      {visibility:visible; height:auto; padding:18px 30px 30px 30px; background:transparent url(/images/dropdown_join.gif) 50px 5px no-repeat; left:-50px;}























h2.bullet{

    background: url(/images/puzzle_bullet3.gif) no-repeat left center;
    line-height:85px;
    padding-left:85px;
}

a.front_button{
    padding-bottom:3px;
    padding-top:2px;
    display:block;
}

.front_button img{
    border:0;
}

a.front_button:hover img{
    -moz-opacity:0.70; filter:alpha(opacity=70); opacity:0.70;
}

.footer {
    text-align:center;
    padding:30px;
}

.footer a {
    color:#646464;
    margin:0 7px;
    text-decoration:none;
}

.footer a:hover {
    text-decoration:underline;
}


.form_background{
    background: url(/images/form_background.png) no-repeat top center;
    width:500px;
}

.form_background_bottom{
    background: url(/images/form_background.png) no-repeat bottom center;
    width:500px;
    height:16px;
}

.form_background .element label{
    color:#FFF;
}
.form_background .std_form{
    margin:0px 30px 0px 30px;
}

.std_form {
    padding-top:10px;
    padding-bottom:10px;
}

.std_form .element {
    margin-bottom:10px;
}

.std_form label {
    float:left;
    display:block;
    width:120px;
    padding-right:10px;
}
.std_form .field {
    float:left;
}

.element .error {
    color:red;
    background-color:pink;
    font-size:11px;
}



table.contact th.heading{
    font-weight:bold;
    padding-top:15px;
}
    
table.contact th{
    padding-bottom:2px;
    vertical-align:top; 
    text-align:left;
    font-weight:normal;
}

table.contact td{
    padding-left:5px;
    padding-bottom:2px;
    vertical-align:top;
    text-align:left;
}

.footer_links{

}

.contact_methods p, .contact_methods a{
    padding-left:35px;
    font-size:14px;
    background: url(/images/contact_icons.png) no-repeat top left;
    margin-bottom:15px;
    line-height:22px;
    display:block;
}
/*
.contact_grey p, .contact_grey a {
    color:#646464 !important;
}
.contact_methods a{
    color:#FFF;
    text-decoration:none;
}

*/
.contact_methods p.facebook, .contact_methods a.facebook {
    background-position:0 -66px;
}
.contact_methods p.email {
    background-position:0 -22px;
}
.contact_methods p.phone {
    background-position:0 0px;
}
.contact_methods p.twitter, .contact_methods a.twitter {
    background-position:0 -44px;
}


h1.comments{margin-top:40px;}