body {
    background-color: #fff; /* Background color */
    color: #222; /* Foreground color used for text */
    
    font-family: Helvetica;
    font-size: 14px;
    line-height: 22px;
    margin: 0; /* Amount of negative space around the outside of the body */
    padding: 0; /* Amount of negative space around the inside of the body */
}


.basic {
margin:0;
font-size:16px;
font-family: arial;
color: 333333;
line-height:1.5em;
font-weight:normal;
}

.small {
margin:0;
font-size:12px;
font-family: arial;
color:333;
line-height:1.5em;
font-weight:normal;
}

.small2 {

padding: 10px 40px ;
font-size:12px;
font-family: arial;
color:333;
line-height:1.5em;
font-weight:normal;
text-align: left;
}

.small2 a{

font-size:12px;
font-family: arial;
color:#cccc33;
line-height:1.5em;
font-weight:normal;
text-align: left;
text-decoration: none;
}

.basic2 {
margin:0;
font-size:12px;
font-family: arial;
color: 333;
line-height:1.5em;
font-weight:normal;
}

.basic a {
margin:0;
font-size:16px;
font-family: arial;
text-decoration: none;
color: 333333;
line-height:1.5em;
font-weight:normal;
}

.basic2 a {
margin:0;
font-size:16px;
font-family: arial;
text-decoration: none;
color: 333;
line-height:1.5em;
font-weight:normal;
}

.basic a:hover {
margin:0;
font-size:16px;
font-family: arial;
text-decoration: none;
color: 3333339;
line-height:1.5em;
font-weight:normal;
background-color: #ccc;
padding: 2px 2px;
}

.basic2 a:hover {
margin:0;
font-size:16px;
font-family: arial;
text-decoration: none;
color: 333333;
line-height:1.5em;
font-weight:normal;
background-color: #ccc;
padding: 2px 2px;
}

#nav{
display:block;
position:relative;
background-color: #fff;
margin:0 auto;
padding:0;
width:340px;
overflow:hidden;
font-size:14px;
line-height:1em;
font-weight:bold;
}

#nav li{
display:block;
float:left;
margin:0;
}

#nav a{
display:block;
height:21px;
line-height:31px;
color:#ccc;
padding:3px 2px 3px 2px;

}
#nav a:hover{

background:#ccc!important;text-decoration:none;
}




#header h1 {
    margin: 0;
    padding: 0;
}
#header h1 a {
    background-color: #ccc;
    border-bottom: 1px solid #666;
    color: #222;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
#header ul {
    list-style: none;
    margin: 10px;
    padding: 0;
    
}

#header ul li a {
    background-color: #FFFFF;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: -1px;
    text-decoration: none;
    
}

#headerdates ul li  {
    background-color: #ffffff;
    border: 1px solid #333333;
    color: #222222;
    display: block;
    font-size: 14px;
    font-weight: normal;
   padding: 0px 10px;
    text-decoration: none;
    
    
}

#headerdates li{
display:block;
float:left;
 padding: 0px 0px 10px;
}



#headerdates a {
    background-color: #FFFFF;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: -1px;
    text-decoration: none;
    padding: 12px 10px;
}

#headerdates a:hover {
    background-color: #FFFFF;
    color: #0033cc;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 10px;
    background:#fff!important;text-decoration:none;
}



#headerdates_on a {
    background-color: #FFFFF;
    color: #0033cc;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 10px;
    background:#fff!important;text-decoration:none;
}


#headerdates_on a:hover {
    background-color: #FFFFF;
    color: #990000;
    font-size: 14px;
    font-weight: normal;
    padding: 12px 10px;
    background:#fff!important;text-decoration:none;
}