/*

general text and roll-over 

*/

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

body
{
background: #CC9933 url('images/a1.gif') repeat-x;
font-size: 10px;
font-family: verdana, helvetica, sans-serif;
color: gray;
line-height: 18px;
}

a
{
color: black;
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
sup
{
font-size: 0.5em;
}
p
{
margin-bottom: 14px;
text-align: left;
}

/*

heres the code for the header and image

*/

#outer
{
position: relative;
width: 894px;
margin: 0 auto;
top: 15px;
background: white ;
}


#inner
{
position: relative;
padding: 5px 5px 5px 5px;
z-index: 2;
}

#header
{
	position: relative;
	background: white url('images/banner-terese-tanner-celebrant.jpg') no-repeat;

	height: 227px;
	color: #fff;

}

#header h1
{
position: absolute;
font-family: "Rage Italic" , Times, serif;
font-size: 50px;
letter-spacing: -1px;
top: 80px;
left: 410px;
line-height: normal;
}

#header h2
{
position: relative;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;

}

/*

start of navbar 

*/

#menu
{
position: relative;
text-align: center;
background: #CC9933;
height: 30px;
margin: 5px 0px 20px 0px;
line-height: 32px;
}

#menu ul
{
}

#menu ul li
{
display: inline;
}


#menu ul li a
{
background-color: transparent;
background-repeat: repeat-x;
padding: 0px 25px 8px 8px;
font-size: 16px;
font-weight: bold;
color: white;
}

#menu ul li a:hover
{
color: black;
text-decoration: none;
}

#menu ul li a.active
{
color: black;
}


/*

start of centre columncontent 

*/
#centercontent
{
position: relative;
width: 380px;
float: left;
left: 50px;
font-size: 11px;
color: #666666;
}

#centercontent a
{
color: #CC9933;
text-decoration: underline
}

#centercontent a:hover
{
text-decoration: none
}

#centercontent .post
{
margin-bottom: 100px;
}
#centercontent .post .header
{
position: relative;
}
#centercontent h3
{
position: relative;
top: 4px;
font-size: 20px;
font-weight: normal;
line-height: 25px;
color: #CC9933;
letter-spacing: -1px;
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
background: url('images/a22.gif') bottom repeat-x;
}

#centercontent h2
{
position: relative;
top: 4px;
font-size: 18px;
font-weight: normal;
line-height: 20px;
color: black;
letter-spacing: -1px;
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
}

#centercontent h4
{
position: relative;
top: 4px;
font-size: 18px;
font-weight: normal;
line-height: 20px;
color: black;
letter-spacing: -1px;
padding: 0px 0px 10px 0px;
margin-top: 10px;
background: url('images/a22.gif') bottom repeat-x;
}

/*

start of left columncontent 

*/
#leftcontent
{
position: relative;
width: 220px;
float: left;
left: 10px;
bottom: 0px;
font-size: 10px;
color: black;
}
#leftcontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

#leftcontent .contactdetails
{
position: relative;
width: 220px;
height: 100px;
background: #FFFFC2;
margin-bottom: 20px;
left: 10px;
border-style: dashed;
border-width: 1px;
border-color: #999999;
}
#leftcontent .contactdetails h3
{
padding-top: 15px;
text-align: center;
font-family: verdana;
font-size: 16px;
color: black;
vertical-align: middle;
}
#leftcontent .contactdetails h4
{
padding-top: 15px;
text-align: center;
font-family: verdana;
font-size: 13px;
color: black;
vertical-align: middle;
font-weight: normal;
}



#leftcontent a
{
color: black;
text-decoration: none
}

#leftcontent a:hover
{
text-decoration: underline
}


img.picB
{
position: relative;
width: 150px;
border-style: solid;
border-width: 1px;
border-color: black;
}

/*

start of right column content 

*/
#rightcontent
{
position: absolute;
width: 150px;
left: 730px;
font-size: 14px;
line-height: 20px;
color: #CC9933;
text-align: center;
font-style: italic;
}
img.picC
{
position: relative;
width: 150px;
margin-bottom: 30px;
}

#rightcontent h1
{
font-size: 13px;
line-height: 20px;
color: #CC9933;
text-align: center;
font-weight: normal;
}

img.picD
{
position: relative;
width: 100px;
margin-top: 100px;
}

#secondmenu
{
position: relative;
text-align: left;
background: white;
height: 120px;
width: 150px;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;

}


#secondmenu ul li
{
display: block;
line-height: 23px;
background: url('images/a22.gif') bottom repeat-x;
}


#secondmenu ul li a
{
background-color: transparent;
padding: 8px 8px 8px 8px;
font-size: 14px;
font-weight: bold;
color: #666666;
font-style: normal;
}

#secondmenu ul li a:hover
{
color: #333333;
text-decoration: underline;
}

#secondmenu ul li a.active
{
color: black;
}

/*

footer and link bar

*/

#footer
{
position: relative;
clear: both;
height: 60px;
text-align: center;
line-height: 40px;
background: #CC9933;
color: #FFFF99;
font-size: 10px;
}




#footer a
{
color: black;
}