/*
Theme Name: UFCW Reusable
Theme URI: http://www.ufcw.org
Description: Tested on WP2.5
Author: By Maura Pond, incorporating the Multi-level Navigation Plugin for Wordpress
*/

    
body {
	margin: 0px;
        width: 100%
	background-color: #ffcc00;
        color: #333333;
        font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #787878;
        
        }
        
/* all curved boxes get the bottom-left corner */

div.rounded {
  background: #b6dafb url(bl_18_b6dafb_ffffff.gif) no-repeat bottom left;
  color: #333333;
  position: relative;
  padding-top: 0;
  padding-bottom: 18px;
  margin: 1em 10px 0 0 ;
  height:100%
}/* all elements in 'div.rounded' gets the B-R corner */

div.rounded * {
  background: #b6dafb url(br_18_b6dafb_ffffff.gif) no-repeat bottom right;
  color: #333333;
  padding: 1em 2em 18px 0;
  margin: 0 0 -18px 18px;
  height:100%;
}/* Scrub that B-R corner from all elements *2+* levels deep*/

div.rounded * * {
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  height:auto
}/* Set up some H's as 'box heads' with the T-R and T-L corners */

div.rounded h1, div.rounded h4 {
  color: #ffffff;
  background: #b6dafb url(tr_18_b6dafb_ffffff.gif) no-repeat top right;
  display: list-item;
  list-style-image: url(tlc_18_b6dafb_ffffff.gif);
  list-style-position: inside;
  list-style-type:none;
  padding: 0;
  margin: 0;
  position: relative;
}

div.rounded h1 {
  font-size: 3.2em;
}

div.rounded h4 {
  font-size: 2em;
}

h1, h2, h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
        text-shadow: 0 0 1px #444;
}

h1 {
	font-size: 3.5em;
	color: #1b3c71;
        text-shadow: 0 0 1px #444;
}

h2 {
	font-size: 2em;
	color: #1b3c71;
}

h3 {
	font-size: 1.6em;
	color: #1b3c71;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
	font-family: Arial, Helvetica, sans-serif;
}

ul, ol {}

a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #417FDA;
}

a:hover {
	background: none;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
}

/* Header */

#header {

    width: 100%; height: 114px;
    margin: 0 auto; 
    background:url(header.jpg);
    background-repeat:no-repeat;

}

/* Logo */

#logo {

	float: left;
	width: 640px;
	color: #002878;

}

#logo h1, #logo p {

}

#logo h1 {

	float: left;
	padding: 0;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-size: 3.4em;

}

#logo p {

	float: left;
	margin: 0;
	padding: 10px 10px;
	font: normal 14px arial, "Arial", Times, serif;
	font-style: italic;

} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #002878;
}

/* Search */

#search {

	float: right;
	width: 230px;
	padding: 0;

}

#search form {
	height: 41px;
	margin: 0;
	padding: 30px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 210px;
	border: none;
	text-transform: lowercase;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #000000;
}

#search-submit {
	display: none;
}

#banner {
	margin: 0 auto;
	padding: 0;
	background: none;
        position: absolute; left: 510px; top: 60px;
}

/* Menu */
  
#menu {
	width: 910px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: #565F68 url(img.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-top: 20px;
	margin-right: 3px;
	padding: 7px 20px 7px 20px;
	background: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border: none;
}
#menu a:hover, #menu .current_page_item a {
}

#menu a:hover {
	text-decoration: underline;
	color:#374f6f;
}

/* Page */

#page {
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
	background: #ffffff;
}
/* Content */
#content {
	float: right;
	width: 70%;
	padding: 20px 75px 0 0;
}
.post {
}
.post .title {
	color: #1b3c71;
}
.post .title a {
	background: none;
	color: #108eb8;
	border: none;
}
.post .title a:hover {
	text-decoration: underline;
}
.post .meta {
	border-bottom: 1px dashed #D2D4C9;
	padding-bottom: 5px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
.post .entry {
	padding: 10px 0 20px 0;
	text-align: justify;
}
/* Sidebar */
#sidebar {
	float: left;
	width: 20%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
	background:#8db9e5;
}
#sidebar ul {
	margin: 0px  0px  10px  0px;
	padding: 0px  0px  0px  0px;
	list-style: none;
}
#sidebar li {
margin-top: 10px;margin-right: 10px;margin-bottom: 0px;margin-left: 10px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;
}
#sidebar li ul {margin-top: 0px;margin-right: 0px;margin-bottom: 25px;margin-left: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 15px;padding-left: 5px;
}
#sidebar li li {
	line-height: 25px;
	border-bottom: 1px dashed #D2D4C9;
}
#sidebar li li span {
	display: block;
	margin-top: 0px;
	padding: 0;
	font-size: 12px;
	font-style: italic;
}
#sidebar h2 {
	letter-spacing: -.5px;
	color: #1b3c71;
	font-size: 18px;
}
#sidebar p {margin-top: 0px;margin-right: 10px;margin-bottom: 10px;margin-left: 10px;padding-top: 0px;padding-right: 0px;padding-bottom: 20px;padding-left: 10px;
	text-align: justify;
}
#sidebar a {
	color: #002878;
	border: none;
}
#sidebar a:hover {
	text-decoration: underline;
	color: #ffcc00;
}/* Calendar */
#calendar {
}
#calendar_wrap {
	padding: 20px;
}
#calendar table {
	width: 100%;
}
#calendar tbody td {
	text-align: center;
}
#calendar #next {
	text-align: right;
}
/* Footer */
#footer {
	width: auto;
	height: 20px;
	margin: 0 0 0 0;
	padding: 20px 0 10px 0px;
	background:;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}
#footer a {
	color: #000000;
}
#commentform {
}
#comment {
	width: 580px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
#respond {
	margin: 0;
	padding-top: 50px;
}
.navigation {
	padding-top: 20px;
}
.pagetitle {
	padding-bottom: 20px;
}
hr {
	display: none;
}
/* Widgets */
.widget { 
    background: #8db9e5} 
 
.widgettitle { 
    background: #8db9e5; 
    padding: 20px 0px 10px 20px; 
   text-shadow: 0 0 1px #444;
} 
 
.widget ul { 
    margin: 0 0px; 
    list-style: none; 
}
/* Feature */
  
#feature {
	
/*        display: none; */
        float: center;
	width: 590px;
        height: 300px;
        background: url(feature.gif) no-repeat top right; 
	padding: 10px 10px 0 0;

}


#feature-slideshow {
    
	width: 576px;
	background-color: #ffcc00;
	text-align: center;
	padding: 10px 0px;
	margin: auto;
    
}

#feature-slideshow object {
    
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    
}

/* Navigation */

#suckerfishnav {
    background:#ffcc00 url("img.jpg") repeat-x;
    font-size:14px;
    font-family:georgia, verdana,sans-serif;
    font-weight:bold;
    text-shadow: 0 0 1px #444;
    width:100%;
    border:0;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:50px;
    padding:0;
    border:0;
    
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#00247a;
    text-decoration:none;
    padding:0px 12px;
    border:0;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    border:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;

    }
#suckerfishnav li li {
    width:99px;
        font-weight:bold;
    font-family:verdana,sans-serif;
    border:0;
    }
#suckerfishnav li li a {
    padding:4px 12px;
    width:80px;
    font-size:12px;
    color:#012a79;
    border:0;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#002979;
    border:0;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ffffff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#012a79;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ffcc00;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#002979;
    }