/* ------------- "global" styles */
body  {    
	font-family: Georgia, serif;    /* default page font */
    background: #fff url(images/fbluefabric150.jpg) top left;
	background-repeat:	repeat;
    margin: 0;          /* shorthand for all margins = 0 */
    padding: 0;         /* no padding */
}


p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}


/* outer div wraps around everything but the footer */
div#outerDiv  {
	width:	800px;
	height:	700px;
	margin-left: auto;
	margin-right: auto;
	margin-top:	10px;
	border:	3px dotted #000;
	background: #fff;      /* white content background */ 
}


/* white content background, header image */
div#header {
    height: 175px;      /* set size equal to height you need for header  -- important - main nav sits on bottom of this */
    position: relative;
	}

div#content {
    padding: 5px;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #5190cc;
	border-bottom: 1px dotted #5190cc;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #666;
    border-bottom: 1px dotted #666;
}

/* ===== Facebook link ===== */
#outerDiv #facebookButton {
    position: absolute;
	top:	8px;
	right: 10px;
 }

#facebookButton a:link, #facebookButton a:visited{
    height: 53px;
    width: 125px;
    display: block;         /* make it a block element */
    text-indent: -1000em;   /* keep the text out of the display */
    background: url(images/facebookLogoDualWhite.gif) no-repeat left top;
    border: none;           /* don't display a border */
	outline: none;
}

#facebookButton a:hover, #facebookButton a:active{
    background-position: left bottom;   /* relocate the image to show the rollover image */
}

 /* ===== header phonenumber ===== */
 div#header p.headerNumber{
	position: absolute;
	color:	#666;
	top: 110px;
	right: 10px;
	font-family: arial, geneva, san serif;
	font-size: 1.1em;
	}
	
	
/* ===== main navigation links ===== */

#header #mainMenu {          /* set the position for the nav elements */
    position: absolute;
	bottom: 0px;
	background-color: #5190cc;
	width:	800px;
    border-top:  2px dotted #333; 
	border-bottom: 2px dotted #333;
	}

#mainMenu ul {               /* turn off all the normal list behavior */
    list-style: none;
    margin: 0;
    padding: 0;
	border: none;
	}

#mainMenu li {               /* turn off the normal list item behavior */
    float: left;
    margin: 0;
    padding:0;
	border: none;
	}

#mainMenu li a:link, #mainMenu li a:visited {
    font-family: Georgia, serif;
	font-size:	.95em;
    display: inline;  
	color: #fff;            /* white text */
    text-decoration: none;  /* no underline */
	padding: 0 38px 0 38px; 
    line-height: 24px;
	outline: none;
	border: none;
	}

#mainMenu li a:hover, #mainMenu li a:active {
    color: #999; 
	text-decoration: none;	
	border: none;
    }
	
#mainMenu  li.mainMenuFirst {
	margin-left: 155px;
	}

#mainMenu ul li a.current {  /* different look for "current" link */
    color: #333;
	text-decoration: none;
	font-weight: bold;
	border: none;
    }

#mainMenu ul li a.current:hover {
    cursor: default;
	text-decoration: none;
	outline: none;
	border: none;
}	
	
/* ===== Second  (Events)  Menu navigation links ===== */

#secondMenu {
	margin-top: -10px;
	padding: 0;
	text-align:	center;
	text-decoration: none;
	}
	
#secondMenu li {
	font-family: Georgia, serif;
	font-size:	.75em;
	display: inline;
	margin: 0 10px 0 10px;
	padding: 0 15px 0 15px;
	text-align:	center;
	text-decoration: none;
	}

#secondMenu li a:link, #secondMenu li a:visited {
	color: #5190cc;
	text-decoration: none;
	outline:	none;
	border-bottom: 2px dotted #5190cc;
}

#secondMenu li a:hover, #secondMenu li a:active {
	color: #666;
	text-decoration: none;
	outline:	none;
	border-bottom: 2px dotted #666;
}
 
 #secondMenu  li.secondMenuFirst {
	margin-left: -22px;
	}
 
#secondMenu li a.secondCurrent {
	color:	#333;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	border-bottom: 2px dotted #333;
		}

 #secondMenu li a.secondCurrent:hover  {
	cursor: default;
		}
	
	
	
/* ===== Third  (Services)  Menu navigation links ===== */
	#thirdMenu {
	margin-top: -10px;
	padding: 0;
	text-align:	center;
	text-decoration: none;
	}
	
#thirdMenu li {
	font-family: Georgia, serif;
	font-size:	.75em;
	display: inline;
	margin: 0 10px 0 10px;
	padding: 0 15px 0 15px;
	text-align:	center;
	text-decoration: none;
	}

#thirdMenu li a:link, #thirdMenu li a:visited {
	color: #5190cc;
	text-decoration: none;
	outline:	none;
	border-bottom: 2px dotted #5190cc;
}

#thirdMenu li a:hover, #thirdMenu li a:active {
	color: #666;
	text-decoration: none;
	outline:	none;
	border-bottom: 2px dotted #666;
}
 
 #thirdMenu  li.thirdMenuFirst {
	margin-left: -22px;
	}
 
#thirdMenu li a.thirdCurrent {
	color:	#333;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	border-bottom: 2px dotted #333;
		}

 #thirdMenu li a.thirdCurrent:hover  {
	cursor: default;
		}
	
	
	
	
/* ====- Main content ===== */
#content div#mainContent {
    float: left;
    width: 465px;
	height: 160px;
    margin: 0 0;
    padding: 0 15px;
	}

#mainContent p {
    font-family: Georgia, serif;
    font-size: 0.9em;
    line-height: 1.4em;
    color: #333;
    margin: 1ex 0;
}

#mainContent h1, #Content h2, #Content h3, #Content h4 {
    font-family: Georgia, serif;
}

#mainContent h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #5190cc;
    margin: 0 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1.2em;
    color: #5190cc;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    margin: 1ex 0 -.2ex 0;
}

#mainContent ul {
    font-family: Georgia, serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}


/* ===== sidebar ===== */

#content div#sideBar {
    float: right;
    width: 265px;
	height: 155px;
    padding: 0 10px;
    margin: 0;
    border-left: dotted #666 2px;
}

#sideBar p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #333;
    margin: 0 0 3ex 0;
}

#sideBar h3 {
    font-family: Georgia, serif;
    font-size: .90em;
    color: #5190cc;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBar ol {
    margin: .5em 0 1.5em 0 ;
}

#sideBar li {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #333;
    margin: .2em .5em;
}


/* ====- main Wide content ===== */
#mainWide {
float: left;
width: 780px;
height: 350px;
padding: 8px 5px;
}
	

 #mainWide img.barbatPhoto {
 float: right;
 }

 #mainWide a img {
    border: 0;           /* don't display a border */
	outline: none;
	text-decoration: none;
}

#mainWide a {
border: 0;
outline: none;
text-decoration: none;
}

#mainWide img.mainPhoto {
float: right;
padding:	0 4px;
    border: 0;           /* don't display a border */
	outline: none;
	text-decoration: none;
}

#mainWide img.weddingPhoto {
float: left;
padding: 0 5px;
}

#mainWide img.detailsPhoto {
float: left;
padding: 0 5px;
}

#mainWide img.eventsPhoto {
float: left;
padding: 5px 5px 0 5px;
}

#mainWide  a:link, #mainWide a:visited {
	text-decoration: none;
	border: 0;
	outline:	none;
	}
	
	
 
/* ===== 3 Column Overview  ===== */
#threeColumnWideTop {
	width:	760px;
	float:	left;
	margin: 5px 20px 5px 20px;
	}
	
#threeColumnLeft {
	width:	236px;
	float:	left;
	margin: 5px 10px 5px 20px;
}

#threeColumnMiddle {
	width:	236px;
	float:	left;
	margin: 5px 3px 5px 5px;
	padding: 0 8px 0 14px;
	border-right:	1px dotted #666;
	border-left:	1px dotted #666;
	}


#threeColumnRight{
	width:	236px;
	float:	right;
	margin: 5px 20px 5px 10px;
}

#threeColumnRight p, #threeColumnMiddle p, #threeColumnLeft p {
    font-family: Georgia, serif;
    font-size: 0.9em;
    line-height: 1.4em;
    color: #333;
    margin: 1ex 0;
}

#threeColumnRight p.smallText, #threeColumnMiddle p.smallText, #threeColumnLeft p.smallText { /* ===== for small text ===== */
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #333;
    margin: 0 0 3ex 0;
}

#threeColumnRight h3, #threeColumnMiddle h3, #threeColumnLeft h3 {
    font-family: Georgia, serif;
    font-size: .90em;
    color: #5190cc;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#threeColumnRight ul, #threeColumnMiddle ul, #threeColumnLeft  ul {
    font-family: "Trebuchet MS", sans-serif;
	font-size:	0.8em;
	margin-left: 0;
	padding-left: 20px;
	}

	
#threeColumnRight li, #threeColumnMiddle li, #threeColumnLeft  li {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #333;
    }
	
#threeColumnWideBottom {
	width:	760px;
	float:	left;
	margin: 5px 20px 5px 20px;
	}

#threeColumnWideBottom  img.photo {
	padding: 0px 20px 0px 20px;
	}


	/* ====- Day of Services Main content ===== */
#mainServicesContent {
   width:	550px;
	float:	left;
	margin-left: 10px;
	margin-right: 15px;
	padding-right: 10px;
	}


#mainServicesContent h3 {
    font-family: Georgia, serif;
    font-size: .90em;
    color: #5190cc;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#mainServicesContent h2 {
    font-size: 1em;
    color: #5190cc;
    margin: .4ex 0;
}

#mainServicesContent ul , #servicesSidebar ul {  /* ------------- used to minimize the normal indent */
	font-family: "Trebuchet MS", sans-serif;
	font-size:	.80em;
	margin-left: 0;
	padding-left: 20px;
}

/* ===== Services sidebar ===== */

#servicesSideBar {
    float: right;
    width: 180px;
	padding: 0 10px;
    margin: 0 10px;
	border-left:  1px dotted #ccc;
    }

#servicesSidebar p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #333;
    }

#servicesSidebar h3 {
    font-family: Georgia, serif;
    font-size: .90em;
    color: #5190cc;
   }


/* ===== Contact left side main page ===== */
#leftMainContact {
	width:	265px;
	float:	left;
	margin: 20px 10px 0 15px;
	padding-left:	10px;
}

 #leftMainContact p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.9em;
    color: #333;
    margin: 0 0 3ex 0;
}

#leftMainContact h3 {
    font-family: Georgia, serif;
    font-size: .90em;
    color: #5190cc;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#leftMainContact a.textsizeA {
	font-family: "Trebuchet MS", sans-serif;
    font-size: 0.9em;
}

 
/* =====Contact right sidebar  page===== */

#rightContact {
	width:	480px;
	height:	500px;
	float:	left;
	margin:	20px 5px 0px 15px;
}
	
#rightcontact img {
	margin: 5px 5px 5px 0px;
}


/* ===== footer ===== */

div#footer {
    clear: both;
    background: transparent;
    margin: 0 auto;
    padding: 5px;
}

#footer p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: #666;
    margin: 0;
    padding: 0;
    text-align: center;
}


/* ===== miscellaneous styles ===== */

.clear { clear: both }

/* ====maybe use this code later         hidden { display: none; ===*/