/* CONTAINER */

#container {
    width: 750px;
    margin: 0 auto;
    font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
    font-size: 11px;
    line-height: 1.6em;
    color: #666;
    background-color: #FFF;
}

/* GENERAL MOJO AND MULA */

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:  normal;
    font-size: 32px;
    color: #FF6600;
    margin-bottom: 30px;
    background-color: #FFF;            
}

h2 {
    color: #666666;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF;
}

a {
    color:#FF6600;
    text-decoration: none;
}

a:hover {
    color:#FF6600;
    background-color: #F5F5F5;
}

/* LOGIN FORM */		

#login_box {
    margin-left:0px;
    margin-right:50px;
}
    
#login_box label {
    display:block;
    width:80px;
}

#login_box input {
    background-color: #FFF;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
}
    
button {
    font-size: 10px;
    background-color: #575352;
    color: #FFFFFF;
    border: none;
    padding-left:10px;
    padding-right:10px;
    float:right;
}
                
button.login {
    margin-top:10px;
}

/* HEADER ELEMENTS */

#header {
    border-bottom: 4px solid #948979;
    padding-top: 10px;
    padding-bottom: 5px;
    clear: both;
    margin-bottom: 10px;
}


/* the slogan */
#header p {
    margin-top: -46px;
    color: #999999;
    margin-left: 215px;
}

/* NAVIGATION ELEMENTS */

#navigation ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;			
    float: left;
    width: 140px;
}

#navigation a {
    display: block;
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    font-size:12px;
}

#navigation a:link, #navlist a:visited {
    color:#FF6600;
    text-decoration: none;
}

#navigation a:hover {
    background: #000000 url(/site_media/arrow.gif) 96% 50% no-repeat;			
    /*background-color: #F5F5F5;*/
    background-color: #FFF;
    color:#FF6600;
}

#navigation p {
    width:140px;
}

/* TOP NAVIGATION */

#navigation_top {
    margin: 0px;
    padding: 0px;
    float: right;
}

#navigation_top ul, #navigation_top li{
    display: inline;
    float: left;
    list-style-type: none;
    width:auto;
}		

#navigation_top a {
    display: block;
    margin-right: 10px;
    padding:0;
}

/* THE SMALL BOX BELOW NAV */

#navigation p {
    margin-top: 40px;
    padding: 5px;
    border-bottom: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
}

/* CONTENT ELEMENTS */

#content {
    width: 362px;
    margin-left: 180px;
    margin-right: 200px;
    padding-top: 1px;
}

#content p {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}

/* CONTENT ELEMENTS */

#content_full {
    width: 532px;
    margin-left: 180px;
    margin-right: 30px;
    padding-top: 1px;
}

#content_full p {
    padding-top: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
}

#content_error {
    width: 532px;
    margin-left: 25px;
    padding-top: 1px;
}

/* SIDEBAR ELEMENTS */

#sidebar {
    float: right;
    width: 175px;
    padding-top: 1px;
}

#sidebar p {
    padding-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.filler {
    height:200px;
}

/* FOOTER ELEMENTS */

#footer {
    margin-top: 20px;
    clear: both;
    background-color:#575352;
    padding: 0px 5px 0px 5px;			
}

#footer p, #footer_left p, #footer_right p {
    color:#89817f;
    padding: 5px;
}

a.footer {
    color: #89817f;
    border-bottom: 1px dotted #89817f;
}

a.footer:hover {
    color: #FFFFFF;
    background-color:#575352;
}

#footer_right {
    width: 250px;
    text-align:right;
    float: right;
}

#footer_left {
    float: left;
    width: 200px;
}

/* GOOGLE MAP */
#map {
    width: 532px; 
    height: 300px;
}

/* REQUEST FORM */		

#request_box {
    margin-left:0px;
    margin-right:50px;
}
    
input.request_edit {
    background-color: #FFF;			
    border: 1px solid #CCC;
    
    width: 400px;
}

textarea.request_text {
    background-color: #FFF;			
    border: 1px solid #CCC;
    
    width: 400px;
    height: 100px;
}

.submit_btn {
    font-size: 11px;
    background-color: #fff;/*#575352;*/
    color: #666;
    /*border: none;*/
    border: 1px solid #CCC;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: right;
}		

.submit_btn:hover {
    color: #666;
    border: 1px solid #575352;
}

label.bad {
    color: #f00;
    font-weight: bold;
}

/* GOOGLE MAP */
#activity {
    width: 520px; 
    height: 326px;
}