@charset "UTF-8";
body  {
    margin: 0; 
    padding: 0;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

.thrColFixHdr {
    background: #009ACD none repeat scroll 0% 0%;
}

#wrapper {
    background-image: url(images/shadow.png);
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}

#container {
    width: 1074px; 
    background: #FFFFFF;
    margin: 0 auto;
} 

#header {
    background-color: #DDDDDD;
    padding: 10px 10px 0 20px;
    
    background: rgba(86,168,209,1);
    background: -moz-linear-gradient(top, rgba(86,168,209,1) 0%, rgba(164,208,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,168,209,1)), color-stop(100%, rgba(164,208,230,1)));
    background: -webkit-linear-gradient(top, rgba(86,168,209,1) 0%, rgba(164,208,230,1) 100%);
    background: -o-linear-gradient(top, rgba(86,168,209,1) 0%, rgba(164,208,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(86,168,209,1) 0%, rgba(164,208,230,1) 100%);
    background: linear-gradient(to bottom, rgba(86,168,209,1) 0%, rgba(164,208,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56a8d1', endColorstr='#a4d0e6', GradientType=0 );    
    background-repeat: no-repeat;
} 

#header h1 {
    margin: 0;
    padding: 0 0 10px 0;
    color: #FFFFFF;
    font-size: 3em;
    font-family: Helvetica, Geneva, Arial, sans-serif;
}

/* Primary Navigation */

#sidebar1 {
    float: left; 
    width: 150px;
    margin: 20px 0 20px 10px;
    padding: 10px;
    border: 1px solid #000;
    border-radius: 10px;
}

#sidebar1 ul {
    padding-left: 15px;
}

#sidebar1 li {
    list-style-type: none;
    font-family: Helvetica, sans-serif;
}


#sidebar1 li:before {
    content: "";  
    border-color: transparent #000000;  
    border-style: solid;  
    border-width: 0.35em 0 0.35em 0.45em;  
    display: block;  
    height: 0;  
    width: 0;  
    left: -1em;  
    top: 0.9em;  
    position: relative;  
}

#sidebar1 li a {
    text-decoration: none;
    color: #a3792c;
}

#sidebar1 li a:hover {
    text-decoration: underline;
    color: #000000;
}

#sidebar1 a:hover { color: #000000; }

/* Main content area */

#mainContent {
    margin: 0 10px 0 180px;
    padding: 0 10px;
    font-size: 90%;
} 

#mainContent a {
    color:#a3792c;
    text-decoration:none;
}

#mainContent a:hover {
    color:#000000;
    text-decoration:underline;
}

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

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

#wrapper #container #mainContent #caption {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	padding: 20px;
}

#footer {
    padding: 0 10px;
    
    background-image: -ms-linear-gradient(top left, #000000 0%, #666666 100%);
    background-image: -moz-linear-gradient(top left, #000000 0%, #666666 100%);
    background-image: -o-linear-gradient(top left, #000000 0%, #666666 100%);
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #000000), color-stop(1, #666666));
    background-image: -webkit-linear-gradient(top left, #000000 0%, #666666 100%);
    background-image: linear-gradient(to bottom right, #000000 0%, #666666 100%);   
    
    background-repeat: no-repeat;
    background-position: left center;
    
    background-color: #000000;
    color: #fff;
    border-top: 6px solid #996600;
    font-size: 0.8em;
} 

.thrColFixHdr #footer p {
    margin: 0; 
    padding: 10px 0;
}

.thrColFixHdr #footer a{
    color: #FFFFFF;
}

.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#footercol1 {
    margin-left: 10px;
}

#footercol2 {
    float: right;
    text-align: right;
}

#mainContent .left-column{
    float: left;
    width: 500px;
    margin-top: 0px;
}

#mainContent .right-column{
    float: right;
    width: 250px;
    margin-top: 25px;
    border: 1px solid #003300;
    border-radius: 10px;
    padding: 5px;
}

#mainContent .right-column a{
    color: #a3792c;
    text-decoration: none;
}    

#mainContent .right-column a:hover{
    color: #000000;
    text-decoration: underline;
} 

/*Breadcrumbs*/

#mainContent .breadcrumbs {
    margin-bottom: 5px;
    margin-top: 20px; 
}

#mainContent .breadcrumbs a{text-decoration: none;color:#a3792c;}

.thrColFixHdr #mainContent .breadcrumbs a:hover{
    text-decoration: underline;
    color:#000000;
}