body {
background-image: url("../images/bg.jpg");
background-position: bottom left;
background-attachment: fixed;
color: white;
}

kbd {
font-family: "Hevetica Neue", helvetica, arial, san-serif;
font-weight: bold;
}

h1, h2, h3, h4 {
font-weight: 100;
color: white;
}

h2 {
color: white; 
}


h3 a:link {
color: #ffcc00;
}

hr {
visibility: hidden;
}

a:link {
color: white;
text-decoration: none;
}

a:hover {
color: white;
text-decoration: none;
}



a:active {
color: white;
text-decoration: none;
}

a:visited {
color: white;
text-decoration: none;
}

p a:link {
border-bottom: 1px white dotted;
color: white;
text-decoration: none;
}

p a:hover {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}



p a:active {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}

p a:visited {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}

li a:link {
border-bottom: 1px white dotted;
color: white;
text-decoration: none;
}

li a:hover {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}



li a:active {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}

li a:visited {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}


span a:link {
border-bottom: 1px white dotted;
color: white;
text-decoration: none;
}

span a:hover {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}



span a:active {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}

span a:visited {
color: #ff5c00;
border-bottom: 1px #ff5c00 dotted;
text-decoration: none;
}


ul {
list-style-type: none;
margin-left: 0px;
}

ul li {
padding-left: 24px;
background-image: url("../images/icons/accept.png");
background-position: left top;
background-repeat: no-repeat;
margin-bottom: 6px;
}

span {
padding-left: 24px;
background-image: url("../images/icons/accept.png");
background-position: left top;
background-repeat: no-repeat;
}

span.date {
background-image: none;
padding-left: 0px;
color: #001f39;
}

span.more-photos {
background-image: url("../images/icons/images.png");
display: block;
}




div.featured {
margin-bottom: 24px;
background-image: url("../images/top-story-bg.png");
}

ul.post-links {
float: right;
}

ul.post-links li {
font-size: 90%;
}

ul.post-links li.read-more {
background-image: url("../images/icons/page.png");
}

ul.post-links li.more-news {
background-image: url("../images/icons/newspaper.png");
}

div.featured h2 {
margin: 12px;
}

div.featured h3 {
margin: 12px;
}

div.featured img.photo {
margin-left: 12px;
margin-right: 12px;
margin-bottom: 12px;
float: left;
background-image: url("../images/photo-bg.png");
padding: 6px;
background-repeat: no-repeat;
}

div.featured img.photo:hover {

background-image: url("../images/photo-bg-on.png");

}

div.featured p {
margin: 12px;
font-size: 110%;
font-weight: 100;
}



div.sidebar div.menu {

}

div.sidebar div.menu ul {
list-style-type: none;
margin-left: 0px;
}

div.sidebar div.menu ul li {
background-color: #ffcc00;
margin-bottom: 18px;
font-size: 150%;
padding: 3px;
background-image: none;
}

div.sidebar div.menu ul li a:link {
color: #004b25;
text-decoration: none;
font-weight: 100;
border: 0px;
}

div.sidebar div.menu ul li a:hover {
color: #001f39;
text-decoration: none;
font-weight: 100;
background-image: url("../images/icons/application_go.png");
background-position: bottom right;
background-repeat: no-repeat;
padding-right: 24px;
border: 0px;
}



div.sidebar div.menu ul li a:active {
color: black;
text-decoration: #001f39;
font-weight: 100;
border: 0px;
}

div.sidebar div.menu ul li a:visited {
color: gray;
text-decoration: #001f39;
font-weight: 100;
border: 0px;
}

div.sidebar div.search {
background-image: url("../images/top-story-bg.png");
margin-right: 18px;
background-position: center;
}

div.sidebar div.search input {
margin-top: 12px;
margin-left: 12px;
margin-right: 12px;
}

div.sidebar div.search button {
margin-left: 12px;
}


div.photos {
margin-top: 24px;
margin-bottom: 36px;
}

div.photos img.photo {
background-image: url("../images/photo-bg.png");
padding: 6px;
margin-right: 6px;
}

div.photos img.photo:hover {
background-image: url("../images/photo-bg-on.png");
}

div.gallery {
margin-bottom: 18px;
}


div.info {
margin-top: 24px;
}



div.info .stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 720px; /*Width of Carousel Viewer itself*/
height: 175px; /*Height should enough to fit largest content's height*/
}

div.info .stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

div.info .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 6px; /*margin around each panel*/
color: white;
width: 720px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


div.info img.control {
margin-right: 24px;
margin-left: 12px;
margin-top: -48px;

}

div.stepcarousel {

}


p.arrows {

}

p.arrows a:link {
border: 0px;
}

p.arrows a:visited {
border: 0px;
}


div.info span {
background-image: none;
padding-left: 0px;
}

div.info p span.page-number {
font-size: 150%;
color: white;
margin-left: -6px;
background-image: none;
}

div.info p {
margin-right: 24px;
font-size: 110%;
font-weight: 100;
}

div.info h2 {
background-color: #ff5c00;
padding-left: 6px;
}
div.panel {

}

div.single {
background-image: url("../images/top-story-bg.png");
}

div.archive {
background-image: url("../images/top-story-bg.png");
}

div.single div.post-content {
margin-top: 24px;
}

div.single img.photo {
background-image: url("../images/photo-bg-lg.png");
padding: 6px;
background-repeat: no-repeat;
margin: 12px;
}

div.single div.post-content img {
display: none;
}

div.single h2 {
margin: 12px;
}
div.archive h2 {
margin: 12px;
}
div.single h3 {
margin: 12px;
}
div.archive h3 {
margin: 12px;
}

div.single div.post-content p {
font-size: 110%;
margin: 12px;
}

div.archive div.post-content p {
font-size: 110%;
margin: 12px;
}

div.archive div.post-content img {
float: left;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 12px;
padding: 6px;
background-image: url("../images/photo-bg-sm.png");
}


div.breadcrumb {
margin-left: 12px;
margin-bottom: 12px;
}

div.post-header {
background-color: #001f39;
margin: 12px;
margin-top: 18px;
margin-bottom: 24px;
}

div.post-header h2 {
background-color: #ff5c00;
margin-top: 18px;
padding-left: 6px;
}

div.related {
margin: 12px;
}

div.related ul li {
background-image: url("../images/icons/folder_page.png");
}

div.pagination {
margin: 12px;
}

div.pagination div {
display: inline;
margin-right: 24px;
}

div.gallery {
margin: 12px;
}
div.results {

}

div.results table {
margin-left: 12px;
margin-right: 12px;
width: 80%;
}


div.calendar {

}

div.calendar table {
margin-left: 12px;
margin-right: 12px;
width: 80%;
}
tr.header {
font-size: 130%;
}

tr.month {
font-size: 120%;
}

tr.month td {
margin-top: 48px;	
border-bottom: 1px white solid;
}

div.links {

}

div.links ul {
margin-left: 12px;
}

div.links ul li {
background-image: url("../images/icons/link.png");
}

div.sitemap {

}

div.sitemap  ul {
margin-left: 12px;
}

div.sitemap ul li {
background-image: url("../images/icons/calendar.png");
}

div.profile {

}

div.profile div.post-content img.photo {
display: inline;
width: 120px;
height: 160px;
background-image: url("../images/photo-bg-portrait.png");
float: left;
margin-top: 0px;
margin-right: 12px;
margin-left: 0px;
}

div.profile div.post-content a:link img.photo   {
border-bottom: 0px;
}

div.profile div.post-content  a:visited img.photo  {
border-bottom: 0px;
}

div.profile h4 {
margin-left: 12px;
}

blockquote {
color: white;
background-image: url("../images/quote.png");
background-repeat: no-repeat;
background-position: top left;
padding: 12px;
}
