/** ###########################################################################
#        General Template                                                     #
########################################################################### **/
body {
    font-family: garamond, trebuchet ms, serif ;
	  background-color: white ;
    color: black ;
}

#templateTopZone {
    position: relative ;
    width: 900px ;
    left: 50% ;
	  height: 50px ;
    margin-left: -450px ;
    z-index: 100 ;
	  background-image: url(/images/template/templateTopZone.gif) ;
	  background-repeat: no-repeat ;
}

#templateCenterZone {
    position: relative ;
    width: 900px ;
    left: 50% ;
    margin-left: -450px ;
    z-index: 100 ;
	  background-image: url(/images/template/templateCenterZone.gif) ;
    background-repeat: repeat-y ;
}

#templateBottomZone {
    position: relative ;
    height: 75px ;
    z-index: 125 ;
	  background-image: url(/images/template/templateBottomZone.gif) ;
	  background-repeat: no-repeat ;
	  display: block ;
	  clear: both ;
}

#templateFooter {
	  position: relative ;
    font-size: 0.5em ;
    z-index: 150 ;
	  padding-top:30px;
	  padding-left:50px;
}

#banner {
    position: relative ;
    width: 800px ;
    height:100px;
    margin: 0 auto ;
}

#wedding-banner {
    position: relative ;
    width: 800px ;
    height:160px;
    margin: 0 auto ;
}

#banner img {
    width: 800px ;
    margin: 0 auto ;
    z-index: 99;
}

.quote {
	position:relative;
	font-size: small ;
	text-align:center ;
	z-index: 150 ;
	margin: 0 0 20px 0 ;
}

#content {
    position: relative ;
    overflow:hidden;
	  clear: left ;
    padding: 10px ;
    width: 780px ;
    margin: 0 50px ;
    z-index:150 ;
}

a:link {
	  text-decoration: none ;
	  color: rgb(0,102,153) ;
}

a:visited {
    text-decoration: none ;
	  color: rgb(0,102,153) ;
}

a:hover {
	text-decoration: underline ;
	color: rgb(50,50,75) ;
}

img {
	  border: 0 ;
}

#content img {
	  padding: 0.5em
}

.pageSelector {
    width: 670px ;
}

.previous {
	  text-align: left ;
	  margin-left: 0px ;
    width: 100px ;
}

.next {
	  text-align: right ;
	  margin-right: 0px ;
	  margin-left: 570px ;
    width: 100px ;
}

hr {
    color: rgb(175,0,0) ;
    background-color: rgb(175,0,0) ;
}

.center {
    display: block ;
    text-align: center ;
    margin: 0 auto ;
}

.content img {
  padding:5px;
}
/** ###########################################################################
#        Styled Table                                                         #
########################################################################### **/
table.styled {
    margin-top: 20px ;
	  background: #333 ;
    width: 100% ;
    table-layout: auto ;
    border: 1px groove black ; 
    overflow: scroll ;
}

table.styled tr {
	  margin: 0 ;
	  padding: 0 ;
	  border: 1px groove #ACBF60 ;
}

table.styled tr td { 
    padding: 2px ;
}

table.styled tr td img {
    display: block ;
    margin-left: auto ;
    margin-right: auto ;
}

table.styled tr th {
	  font-weight: bold ;
	  background: #E6FF80 ;
	  color: black ;
}

table.styled tr {
	  background: #FAFFE6 ;
}

table.styled tr.odd {
	  background: #F2FFBF ;
}

/** ###########################################################################
#        Collapsable                                                          #
########################################################################### **/
div.collapsable div.content { 
    
}

div.collapsable span.collapser {
    position:relative ;
    float:right ;
    background-image:url(/images/template/minimize.jpg) ;
    background-repeat:no-repeat;
    background-position:right top ;
    height:13px ;
    width:13px ;
    cursor:pointer;
}

div.collapsable div {
  clear: right; 
}

/** ###########################################################################
#        Top Menu Bar                                                         #
########################################################################### **/
div#TopMenuBar {
    position: relative ;
		margin-top:0px ;
    margin: 0 auto ;
    width: 650px ;
    z-index:200;
    text-align:center;
  	font-size: 0.8em ;
}

div#TopMenuBar a:link, .buttons a:visited, .buttons a:active, .buttons a:hover {
	color:black ;
}

div#TopMenuBar .staticMenu, div#TopMenuBar .dynamicMenu {
  margin: 0 auto ;
}

div#TopMenuBar .staticMenuItem, div#TopMenuBar .dynamicMenuItem {
	  width: 70px ;
	  height: 20px;
	  padding-left:1px ;
	  padding-right:1px ;
}

div#TopMenuBar .dynamicHover {
  color:red ;
}

/** ###########################################################################
#        News                                                                 #
########################################################################### **/
.newsHead {
  position:relative ;
	font-size: x-large ;
	display:block ;
	margin-left:40px ;
	margin-right:5px ;
	padding-top:5px ;
	width:750px ;
	height:50px ;
  background-repeat: no-repeat ;
	background-position: top left ;
}

.newsHead0 {
	background-image: url(/images/newsheader.gif) ;
}

.newsHead1 {
	background-image: url(/images/newsheader_skirm.gif) ;
}

.newsHead2 {
	background-image: url(/images/newsheader_mouse.gif) ;
}

.newsBody {
	position:relative ;
	width:90% ;
	margin-left:50px ;
	margin-bottom:20px ;
	margin-top:5px ;
}

.newsBody h2 {
	text-align: center ;
}

.newsBody img {
	width:70% ;
	margin-left:15%;
}

.newsDate {
  margin-left:20px ;
}

.newsTime { 
	margin-left:20px ;
	text-align:left ;
}

.newsHeader {
	text-align:center ;
	margin-left:50px ;
	width:300px ;
	display:inline ;
}

.newsHeader h2 {
	font-size:x-large ;
	display:inline ;
	font-family: trebuchet ms, serif ;
	font-weight:normal ;
}

.newsBody h3 {
	position:relative ;
	margin-bottom:-5px ;
	text-align:center ;
}

.quote {
	font-style:italic;
	margin-left: 2em;
}