/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

Be sure to turn on custom CSS in the Headway Design Options.  

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.custom {
	background: red;
}
*/

/* Body Background Image*/

body.custom {
/*
background-color:  #078ED0;
background-image: url('custom/images/wrapperbg.png');
/*background-repeat:repeat-x;*/
background-repeat: none;
background-position: top left;
font-family: Trebuchet MS;

*/

}

body.custom div#container {
position:relative;
background-image: url('custom/images/body_bg960.jpg');
background-color: #078ed0;
padding-left: 5px;
margin-top:0;
margin-bottom:0;
padding-top: 0px;
padding-bottom: 20px;

}

/* header box styling */
/*
body.custom div#header {
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
padding: none;
}
*/


body.custom div#header-navigation li {
padding-left: 20; 
padding-right: 20; 
	 }

/* wrapper div box styling */
body.custom div#wrapper {
/*
right-margin: 0px;
left-margin:0px
*/
right-margin: auto;
left-margin:auto;

padding: none;
border: none;

}


/* footer div box styling */
body.custom div#footer {
margin: 0px;
border: 0px;
padding-top: 20px

}

body.custom div#item_1 {
margin: none;
border: none;

vertical-align:text-top;
}

div#container .box {
background: white;
}


body.custom#footernav ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }

body.custom div#footer {
 font-size: 11px;
   color: #ffffff;
} 

body.custom div#footer a{
 font-size: 11px;
   color: #ffffff;
} 

body.custom div#freedompass {
background-color: #ffffff;
width: 960px;
text-align:center;
}


body.custom div#container div.spacer {
background-color:transparent;
margin: none;
padding-left:0px;
padding-right: 0px;
margin-left: 5px;
margin-right:0px;

 }

body.custom div#container div.frontpagebox {
background-color:transparent;
margin: none;
padding-left:10px;
padding-right: 10px;
margin-left: 0px;
margin-right:0px;

 }

body.custom div#item_446 {
background: white;
}

body.custom div.content p.author {
   font-size: 12px;
   color: #ffffff;
   background: #1865A3;
   padding: 6px;
   border: 3px solid #CCCCCC;
} 

body.custom div.content p.caption {
   font-size: 10px;
   font-style:italic;
} 

body.custom div.content p.action {
   font-size: 14px;
   color: #1865A3;
   background: #52A3DA;
   padding: 6px;
   border: 3px solid #1865A3;
} 


body.custom div.content H3 {
border-bottom:1px dotted #078ED0;
} 

/* TOP BAR & DROP DOWN */


#topbar {
height: 32px; 
background: #ffffff;
}

#topbar .container {
width: 960px;
height: 32px;
margin: 0 auto;
position: relative;
z-index: 101;
background: #ffffff;
}

.switcher_wrap {
width: 406px;
background: #1865A3;
position: absolute;
z-index: 101;
right: 0;
}

.switcher_header {
width: 400px;
height: 28px;
padding: 4px;
background: #ffffff url('custom/images/switcher-header.gif') no-repeat 4px 4px;
text-indent: -9999px;
}

.switcher_header:hover { cursor:pointer; }

#links ul {
list-style-type: none;
padding: 0 0;
margin: 0;
border-bottom: 1px solid #FFFFFF;
line-height: 1.5em;
}

#links li {
list-style: none;
font-size: 12px;
}
	
#links a {
font-family: "Trebuchet MS", sans-serif;
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 5px 20px;
}


#links a:hover {
background: #61A8DC;
}