/* ----- RESET DEFAULTS ----- */

*, img, body {
   padding:0;
   margin:0;
   border: 0;
}

ul, ul li {
	list-style: none;
}


/* ----- MAIN LAYOUT BOXES ----- */

body {
   background: #475F88 url(images/bg_body_gradient.png) repeat-x top left;
}

div#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 796px;
}

* html div#wrapper {
   width: 816px;
}

div#container {
   background: url(images/bg_container.png) repeat-y;
}

div#header {
	margin: 0;
}

div#navigation {
	float: left;
	width: 182px;
}

div#maincontent { 
	margin: 0;
	float: left;
	width: 614px;
	height: 1%; /* Holly hack */
   background: #8ea2b6 url(images/bg_maincontent_gradient.png) repeat-x top left;
}

body#homepage div#maincontent { 
   background: #8ea2b6 url(images/bg_maincontent_gradient_homepage.gif) no-repeat top center;
}

div#maincontent div {
   padding-left: 6px;
}

.clear {
	clear: both;
}

/* ----- MAIN TYPOGRAPHY ----- */

body {
	font-family: "lucida grande","lucida sans unicode", tahoma, verdana, helvetica, arial, sans-serif;
	font-size: 76%;/* master font size control */
	}

a {
	text-decoration: none;
	color: #000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1,h2,h3,h4,h5,h6 {
   font-family: georgia, times, serif;
}
h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	}

ol{
   padding-left: 30px;
   float: left;
}

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {
   font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}


/* ----- SIDE NAV MENU (dickerfish) ----- */


#navmenu li {padding: 0;margin:0;}

html body #navmenu ul li a, html body #navmenu ul li a:hover {
   text-decoration: none;
}

#navmenu ul {
		width: 11em;
		
margin: 0;
padding: 0;
list-style: none;
}

#navmenu ul li ul {
   width: 20em;
opacity: 0.9;
}

#navmenu ul li {
			position: relative;
border-bottom: 0;
		
}
#navmenu li ul {
		top: -1px;
		/* visual hide */
			position: absolute;
			left: -9999px;
		/* real hide */
			display: none; /* if you use LimitLinks:0 you should remove this line. */
		
}
#navmenu ul li a, 
#navmenu ul li strong {
font-weight: bold;
display: block;		
text-decoration: none;
color: #000;
background: transparent; /* IE6 Bug */
padding: 4px;
	min-width: 11em;
}

#navmenu ul li ul li a, 
#navmenu ul li ul li strong {
display: block;		
text-decoration: none;
color: #fff;
background: #253247; /* IE6 Bug */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
padding: 4px;
	min-width: 11em;
   
}

#navmenu ul li ul {
border: 0;
}

#navmenu li.parent>a:after {
padding-left: 6px;
content: url(images/rightarrow2.gif);
}
/* Hover/Focus Style */
#navmenu ul li a:hover, #navmenu ul li a:focus, #navmenu ul li a:active,
/* Opera Focus Style */
#navmenu ul li a.ofocus, #navmenu li ul li a.ofocus{ 
color: #253247; background: #f9f9f9;
} 
/* 
	disable normal hover and focus style , if javascript is available
 */
#navmenu .navfxenabled li:hover ul { 
		left: -9999px;
	
}
/* 
	normal hover Style wtihout javascript
*/		
#navmenu li:hover ul,
/* 
	hover and focus style if javascript is available
*/
#navmenu .navfxenabled li.over ul { 
			display: block;
		left: 11em;
		margin-left: 0px;
		
} /* The magic */
/* aktive Kategorie/Unterkategorie anzeigen */
#navmenu li.active a, #navmenu li.activepath a, 
#navmenu li.active a:hover, #navmenu li.activepath a:hover,
#navmenu li.active a:active, #navmenu li.activepath a:active,
#navmenu li.active a:focus, #navmenu li.activepath a:focus,
#navmenu li.active strong {
color: #E2144A; 
background: #f9f9f9;
}
/* oben gemachte Einf‰rbung wieder zur¸cknehmen */
#navmenu li.active ul a, #navmenu li.activepath ul a {
color: #000; 
background: #fff;
}
/* 
	accesible for keyboard- and screenreader- users
 */
#navmenu li.active ul, 
#navmenu li.activepath ul {
			display: block;
		
}
/* Tastaturnutzung 
	Keyboardusage for good browsers
 */
#navmenu a:focus+ul {
		left: 11em; /* Abstand Untermenu */
		margin-left: -2px;
}
/* 	
	keyboard support without javascript
*/
#navmenu li ul li a:focus, #navmenu li ul li a:active {
			position: absolute;
		left: 997px; /* Viewportverschiebung ausschalten */
		margin-left: 11em; /* Abstand Untermenu */
}
/* 
	overwrite the keyboard support, if mouse is in use
*/
#navmenu li ul li a:hover, #navmenu  li ul li a:hover, /* kleinster gemeinsamer Nenner */
#navmenu li:hover ul li a:focus, #navmenu  li:hover ul li a:active,
/* 
	overwrite the keyboard support, if javascript is available
*/
#navmenu .navfxenabled li ul li a:focus, #navmenu .navfxenabled  li ul li a:active
 {
			position: static;
		margin-left: 0;
}
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}


/* ----- MAIN HEADER ----- */

div#header {
   padding-top: 10px;
}

h1{
   background: url(images/header_main.png) no-repeat top left;
   text-indent: -9999px;
}
   

/* ----- SIDE NAVBAR ----- */

span#homelink a {
   display: block;
   width: 181px;
   height: 137px;
   background: url(images/logo_badge.gif) no-repeat top left;
   margin-left: 1px;
   text-indent: -9999px;
}

div#navigation {
   font-family: georgia, times, serif;
   text-align: center;
   color: #fff;
}

div#navigation h3 {
   margin: 0 20px;
   padding: 6px 0;
   font-size: 1em;
   border-bottom: 1px solid #fff;
}

div#navigation ul {
   border-bottom: 1px solid #fff;
   padding-bottom: 6px;
   margin: 0 20px;
}

div#navigation li a {
   color: #fff;
}

div#navigation li a:hover {
   text-decoration: underline;
}


/* ----- SECTION MASTHEADS ----- */

div#masthead {
   display: block;
   width: 602px;
   margin: 16px 0 0 0;
   padding: 0;
}

span.tagline {
   display: none;
   font-family: georgia, arial, serif;
   color: #a6afb6;
   font-weight: bold;
}

#homepage #masthead, #about #masthead, #donate #masthead, #cardinalmanning #masthead, #thriftstore #masthead, #circlev #masthead, #directory #masthead, #volunteer #masthead, #resources #masthead, #vincentians #masthead, #conferences #masthead, #sitemap #masthead, #news #masthead, #latestnews #masthead {
   height: 152px;
}

#headlines #masthead {
   height: 85px;
}

#homepage #masthead {
   background: url(images/masthead_home.jpg) no-repeat top left;
}

#about #masthead {
   background: url(images/masthead_about.jpg) no-repeat top left;
}

#donate #masthead {
   background: url(images/masthead_donate.jpg) no-repeat top left;
}

#cardinalmanning #masthead {
   background: url(images/masthead_cardinalmanning.jpg) no-repeat top left;
}

#thriftstore #masthead {
   background: url(images/masthead_thriftstore.jpg) no-repeat top left;
}

#circlev #masthead {
   background: url(images/masthead_circlev.jpg) no-repeat top left;
}

#directory #masthead {
   background: url(images/masthead_directory.jpg) no-repeat top left;
}

#volunteer #masthead {
   background: url(images/masthead_volunteer.jpg) no-repeat top left;
}

#resources #masthead {
   background: url(images/masthead_resources.jpg) no-repeat top left;
}

#vincentians #masthead {
   background: url(images/masthead_about.jpg) no-repeat top left;
}

#conferences #masthead {
   background: url(images/masthead_conferences.jpg) no-repeat top left;
}

#sitemap #masthead {
   background: url(images/masthead_sitemap.jpg) no-repeat top left;
}

#news #masthead, #latestnews #masthead {
   background: url(images/masthead_news.jpg) no-repeat top left;
}

/* ----- HOMEPAGE BUTTONS ----- */

div#homebuttonsmain ul, div#homebuttonssecondary ul {
   display: block;
   margin: 0;
   padding: 0;
}

div#homebuttonsmain li, div#homebuttonssecondary li {
   display: block;
   float: left;
   margin: 0 4px 0 0;
   padding: 0;
}

div#homebuttonsmain ul{
   background: url(images/home_main_buttons_bg.gif) repeat-x top left;
}

div#homebuttonssecondary ul{
   background: url(images/home_secondary_buttons_bg.gif) repeat-x top left;
}

div#homebuttonsmain li a {
   display: block;
   width: 198px;
   height: 163px;
   font-size: 1.4em;
   font-family: georgia, times, serif;
   font-weight: bold;
   text-indent: 10px;
   color: #bfcad6;
   padding-top: 5px;
}

div#homebuttonsmain li a:hover {
   color: #fff;
   text-decoration: none;
}

div#homebuttonssecondary li {
   padding-bottom: 4px;
}

div#homebuttonssecondary li a {
   display: block;
   width: 188px;
   height: 20px;
   color: #444;
   font-size: 14px;
   font-family: georgia, times, serif;
   font-weight: bold;
   text-align: right;
   padding-top: 67px;
   padding-right: 10px;
   
}

div#homebuttonssecondary li a:hover {
   color: #000;
   text-decoration: none;
}

li#donate a{
   background: url(images/home_main_sprites.jpg) no-repeat 0 0;
}

li#donate a:hover{
   background: url(images/home_main_sprites.jpg) no-repeat 0 -168px;
}

li#volunteer a{
   background: url(images/home_main_sprites.jpg) no-repeat 0 -336px;
}

li#volunteer a:hover{
   background: url(images/home_main_sprites.jpg) no-repeat 0 -504px;
}

li#gethelp a{
   background: url(images/home_main_sprites.jpg) no-repeat 0 -672px;
}

li#gethelp a:hover{
   background: url(images/home_main_sprites.jpg) no-repeat 0 -840px;
   margin-right: 0;
}

li#mission a{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 0;
}

li#mission a:hover{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -87px;
}

li#shelter a{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -174px;
}

li#shelter a:hover{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -261px;
}

li#thrift a{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -348px;
   margin-right: 0;
}

li#thrift a:hover{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -435px;
}

li#camp a{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -522px;
}

li#camp a:hover{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -609px;
}

li#resettlement a{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -696px;
}

li#resettlement a:hover{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -783px;
}

li#members a{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -870px;
   margin-right: 0;
}

li#members a:hover{
   background: url(images/home_secondary_sprites.jpg) no-repeat 0 -957px;
}
   
/* ----- CONTENT - GENERAL ----- */

#maincontent li {
   line-height: 1.4em;
}

#maincontent li a {
}

#maincontent li a:hover {
   font-weight: bold;
   color: #fff;
}

#maincontent ol li {
   list-style-type: decimal;
}

#maincontent ol li ol li {
   list-style-type: lower-roman;
}

#maincontent table{
   width: 500px;
   margin: 0 0 10px 40px;
   background: #8ca0b4;
   border: 1px solid #798b9c;
}

#maincontent table td{
   padding:5px;
}

#maincontent blockquote, .menublock .menulist{
   width: 500px;
   margin: 10px 0 10px 40px;
   background-color: #bbcddf;
   border: 1px solid #ddeeff;
   border-left: 8px double #ddeeff;
   border-right: 8px double #ddeeff;
}

#maincontent .introblock blockquote{
	background-color:#243443;
	border-color:#2D4153;
}

ul.newslist, .newslist li {
   display: block;
   float: left;
   width: 600px;
}

.introblock .newsdate {
   color: #ccdeef;
   font-family: georgia, times, serif;
   font-size: 1.6em;
   font-weight: bold;
}

body#homepage .newsdate {
   color: #2f6692;
   font-family: georgia, times, serif;
   font-size: 1.6em;
   font-weight: bold;
   margin-right: 10px;
}

body#homepage .subblock li {
   list-style-type: none;
   font-weight: bold;
}

body#homepage .subblock li a {
   color: #081f31;
   text-decoration: none;
}

body#homepage .subblock li a:hover {
   color: #ffffff;
   border-bottom: 1px dotted #fff;
}   

/* ----- CONTENT - BLOCKS ----- */

div#maincontent h2 {
   float: left;
   margin: 0;
   padding: 6px;
   font-size: 1em;
   font-weight: bold;
   color: #fff;
   width: 590px;
   background: url(images/bg_section_headers.png) repeat-x top left;  
}

div.contentblock, div.contentblock div, div.menublock, div.menublock div {
   float: left;
   width: 596px;
}

div.contentblock div p, div.contentblock div ul{
   margin: 10px 20px 20px 20px;
}

div.contentblock div h3{
   margin: 20px;
}

div.contentblock div li {
   list-style-type: disc;
   margin: 0px 0px 10px 20px;
}

div.contentblock div h3 {
   font-size: 1.6em;
   font-weight: bold;
}

div.contentblock div h4 {
   font-family: "lucida grande","lucida sans unicode", tahoma, verdana, helvetica, arial, sans-serif;
   font-size: 1.3em;
   font-weight: bold;
   margin: 10px 0px 10px 20px;
}

.right {
   float: right;
}

.left {
   float: left;
}

.contentblock img.right, .contentblock img.left, .contentblock img.center {
   background-color: #3d5063;
   border: 1px double #1b3652;
   padding: 3px;
}

.contentblock img.right{
   margin-left: 10px;
}

.contentblock img.left{
   margin-right: 10px;
}

.contentblock img.center{
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.menublock_old {
   background: #31404f url(images/bg_menublock.gif) repeat-x top left;
}

.introblock {
   background: #3e5871 url(images/bg_introblock.gif) repeat-x top left;
   color: #e6e9ec;
}

.introblock h3, .introblock li {
   color: #ccdeef;
}

.introblock a{
   color: #95BFE0;
}

.introblock a:hover{
   border-bottom: 1 px solid #95BFE0;
   padding-bottom: 3px;
}

.subblock, .menublock {
   background: #b0c1d2 url(images/bg_subblock.gif) repeat-x top left;
   color: #1b3652;
}

.videoblock {
   margin: 20px 0 20px 90px;
}

.importantinfo {}

.homeaddress {
   text-align: center;
   font-weight: bold;
   font-size: 14px;
   font-family: georgia, times, serif;
   font-size: 1.6em;
   margin: 10px;
   padding: 10px;
   background: #8ca0b4;
   border: 1px solid #798b9c;
}

.homeaddresssmall {
   text-align: center;
   font-family: georgia, times, serif;
   font-size: 1.3em;
   width: 200px;
   margin: 10px;
   padding: 10px;
   background: #8ca0b4;
   border: 1px solid #798b9c;
}

/* ----- CONTENT - MENU BLOCKS ----- */
   
.menublock ul.menulist {
     padding: 30px 16px 20px 16px;
     margin-left: 20px;
     background: #bbcddf url(images/menulist_bg.gif) no-repeat top left;
}

.menulist li{
   font-weight: bold;
   font-size: 110%;
   padding: 4px;
   margin-left: 16px;
   list-style-image: url(images/menu_bullet.gif);
   marker-offset: 16px;
}

.menulist li a {
   color: #1b3652;
   border-bottom: 1px dotted #bbcddf;
   text-decoration: none;
}

.menulist li a:hover {
   border-bottom: 1px dotted #1b3652;
}

.menulist ul li ul li {
   font-weight: normal;
}

#directory #maincontent strong{
   color: #fff;
}

/* ----- CONTENT - DOWNLOADS ----- */

a.pdflinklarge {
   display: block;
   margin: 10px 0 10px 130px;
   width: 327px;
   height: 88px;
   background: url(images/pdf_download_icon_large.gif) no-repeat top left;
   text-indent: -9999px;
}

/* ----- FORM - CAR DONATIONS ----- */

div.contentblock .zemContactForm{
   width: 500px;
   margin: 10px 0 10px 40px;
   background-color: #243443;
   border: 1px solid #2D4153;
   border-left: 8px double #2D4153;
   border-right: 8px double #2D4153;
   display: block;
   float: left;
}

div.contentblock .zemContactForm div{
   width: 480px;
   float: left;
}

div.contentblock .zemContactForm input{
   padding:4px;
   margin: 4px;
   width: 126px;
   float: left;
}

div.contentblock .zemContactForm select{
   padding:4px;
   margin: 4px;
   float: left;
}

div.contentblock .zemContactForm label{
   padding:4px;
   display: block;
   float: left;
   clear:both;
}

div.contentblock .zemContactForm .fieldGroup{
	padding: 6px 0;
	float: left;
	clear:both;
}

div.contentblock .zemContactForm .selectGroup, div.contentblock  .zemContactForm .radioGroup{
   width: 400px;
   margin-left:6px;
   float:left;
}

div.contentblock .zemContactForm .selectGroup{
   width: 90px;
   margin-left:6px;
   float:left;
}

div.contentblock .zemContactForm .selectGroup label{
   width:80px;
   margin-right:6px;
   float:left;
}

div.contentblock .zemContactForm .radioGroup label{
   display: inline;
   width:60px;
   margin-right:6px;
   float:none;
}

div.contentblock .zemContactForm .radioGroup input{
   display:inline;
   width: 14px;
   margin-right:6px;
   float:none;
}

div.contentblock .zemContactForm .inputGroup{
   width: 144px;
   float: left;
}

div.contentblock .zemContactForm div .sizeHalf{
	width: 70px;
	float: left;
}

div.contentblock .zemContactForm div .sizeHalf input{
	width: 55px;
	float: left;
}

div.contentblock .zemContactForm div .sizeWide{
	width: 400px;
	float: left;
}

div.contentblock .zemContactForm h5, .zemThanks p{
	display: block;
	float: left;
	padding:10px;
	background-color: #1E2B37;
	text-transform: uppercase;
	letter-spacing: 1px;
	clear:both;
}

div.contentblock .zemContactForm .zemSubmit{
	display: block;
	float: left;
	margin: 10px 80px;
	width: 330px;
}

#maincontent .introblock .zemThanks{
   width: 500px;
   margin: 10px 0 10px 40px;
   background-color: #243443;
   border: 1px solid #2D4153;
   border-left: 8px double #2D4153;
   border-right: 8px double #2D4153;
}

#maincontent .zemRequired, #maincontent .zemRadio{
   font-weight: bold;
}


/* ----- FOOTER ----- */

body div#maincontent div#footer {
   color: #d6dbe4;
   background-color: #344259;
   font-size: .7em;
   float: left;
   margin-top: 10px;
   padding: 6px;
   width: 602px;
}

#footer p{
   padding:0 6px;
}

#footer a {
   font-size: .8em;
   font-weight: bold;
   color: #BCC9D4;
   text-decoration: none;
   border-bottom: 1px dotted #BCC9D4;
}

#footer a:hover{
   color: #fff;
   border-bottom: 1px dotted #fff;
}