@charset "UTF-8";
/* CSS Document */

*{
padding:0;
margin:0 auto;
}

/*---begin background images---*/

html{
background: url(images/bkg.jpg) top center repeat;
}

body {
background: none;
}

/*---standard---*/

a {
color: #003399;
text-decoration:underline;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
color: #343434;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-style:normal;
font-weight:normal;
color:#003366;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	color:#003366;
	font-weight: normal;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	color:#336699;
	font-weight: normal;
}

.bulletcopy {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
color: #343434;
padding-left:3em;
}

.opening {
font-family: Arial, Helvetica, sans-serif;
font-size:1;
font-weight:normal;
line-height: 1.9em;
color: #343434;
}

.questions {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
font-weight:bold;
color: #336699;
}

.form {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
color: #343434;
}

/*---Website layout---*/

#container {
padding-top: 45px;
width:900px;
}

#occdalogo {
background-image:url(images/OCCDA_logo.jpg);
width:445px;
height:146px;
float:left;
}

#pourin{
background-image:url(images/GodPoursIn.jpg);
width:449px;
height:146px;
float:right;
}


/*---navigation---*/
#nav-block {
clear:both;
padding: 0px;
margin: 0px;
width: 900px;
line-height:0px;
font-size:0;
margin-bottom:0px;
}

#navigation {
float:left;
padding:0;
margin:0;
list-style:none;
background:none;
position:relative;
top: 0px;
line-height:0px;
font-size:0;
}

#navigation span {
display:block;
position::absolute;
text-decoration:none;
}


#navigation a {
display: block;
text-indent: -900px;
position: absolute;
outline: none;
}

#navigation a:hover {
background-position: left bottom;
}

#navigation a:hover span {
display: inline;
}

#navigation .home {
width:80px;
height:33px;
background:url(images/nav-home.jpg) no-repeat;
left:0px;
top:0px;
line-height:0px;
font-size:0;
}

#navigation .about {
width:87px;
height:33px;
background:url(images/nav-about.jpg) no-repeat;
left:80px;
top:0px;
line-height:0px;
font-size:0;
}

#navigation .mosaic {
width:95px;
height:33px;
background:url(images/nav-mosaic.jpg) no-repeat;
left:167px;
top:0px;
line-height:0px;
font-size:0;
}

#navigation .harborshine {
width:134px;
height:33px;
background:url(images/nav-harborshine.jpg) no-repeat;
left:262px;
top:0px;
line-height:0px;
font-size:0;
}


#navigation .partners {
width:105px;
height:33px;
background:url(images/nav-partners.jpg) no-repeat;
left:396px;
top:0px;
line-height:0px;
font-size:0;
}

#navigation .volunteer {
width:114px;
height:33px;
background:url(images/nav-volunteer.jpg) no-repeat;
left:501px;
top:0px;
line-height:0px;
font-size:0;
}

#navigation .blog {
width:121px;
height:33px;
background:url(images/nav-newsletter.jpg) no-repeat;
left:615px;
top:0px;
line-height:0px;
font-size:0;
}


#navigation .contact {
width:164px;
height:33px;
background:url(images/nav-contact.jpg) no-repeat;
left:736px;
top:0px;
line-height:0px;
font-size:0;
}



/*---images---*/

#homeimage {
width:900px;
height:226px;
margin-top:50px;
}

/*---lowerboxes home page---*/


#mosaic {
width:300px;
height:225px;
border-bottom:thin solid #666666;
border-right:thin solid #666666;
float:left;
margin-top:50px;
}

#harborshine {
width:300px;
height:225px;
border-bottom:thin solid #666666;
border-right:thin solid #666666;
float:left;
margin-top:50px;
}

#partners {
width:300px;
height:225px;
border-right:thin solid #666666;
float:left;
}


#coffeecafe {
width:300px;
height:223px;
border-right:thin solid #666666;
float:left;
padding-top:3px;
}

#news {
width:260px;
height:450px;
margin-top:50px;
margin-left:20px;
float: right;
}

/*---secondary content areas---*/


#lower-content {
width:100%;
height:auto;
margin-top:50px;
}

#secondlowerleft {
width:620px;
height:auto;
border-right:thin solid #666666;
float:left;
padding-right:6px;
}

#secondlowerright {
width:260px;
height:auto;
float: right;
padding-left:10px;
}

.board {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
color: #646464;
padding-left:3em;
}

.boardname{
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
color: #646464;
padding-left:3em;
border-bottom:1px solid #336699;
padding-bottom: 1.5em;
}


.board li{
font-family: Arial, Helvetica, sans-serif;
font-size: small;
line-height: 1.6em;
color: #646464;
padding-left:3em;
border-bottom:1px solid #daf0a3;
padding-bottom: 1.5em;
}



/*---footer---*/
#footer {
padding-top:25px;
width:900px;
height:70px;
clear:both;
}

.alignleft {
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color:#3366cc;
}
.alignright {
float: right;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color:#3366cc;
}