/** CSS for fonts, text display and word-spacing **/

body, html
{
	font-family: "MS trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
	font-size: 13px ;
	text-align : center ;
	color : #000000 ;
}

b
{
font-weight : normal ;
}

#wrapper
{
	text-align: center ;
}

#leftcontent, #rightcontent
{
	color : #000000 ;
}

.clear
{
	clear : both ;
}

.center
{
	text-align: center ;
}

.left
{
	text-align: left ;
}

.right
{
	text-align: right ;
}

a
{
	color : #a50018 ;
	text-decoration : none ;
}

a:link, a:visited
{
	color : #0000ff ;
	text-decoration : underline ;
}

a:hover
{
	color : #a50018 ;
	text-decoration : none ;
}

a:active, a:focus 
{
	color : #0000ff ;
	text-decoration : underline ; 
}


/**  #####################  CSS for page content  #########################  **/


.roundedimagebox
{
    color: #ffffff;
    text-align: left;
}

.mmtextleftside, .mmtextrightside, .indextext
{
	font-family: "MS trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
	font-size : 106% ;
}

.mmtextleftside p, .mmtextrightside p, .indextext p
{
	text-align : justify ;
	word-spacing : 1px ;
	font: 90% "MS trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
}

.mmtextrightside hr, .mmtextleftside hr

{
	text-align : left ;
}


/**  #####################  begin headline style #########################  **/

.mmtextleftside h1
{
	text-align : center ;
	font-size : 103% ;
	color : #a50018 ;
	font-variant : small-caps ;
	font-family : verdana, sans-serif ; 
	font-weight : 600 ;
	text-decoration : none ;
	white-space: nowrap ;
}

.mmtextleftside h2
{
	text-align : center ;
	font-size : 100% ;
	font-variant : normal ;
	color : #a50018 ;
	font-family : verdana, sans-serif ; 
	font-weight : 600 ;
}

.mmtextleftside h3
{
	text-align : left ;
	color : #a50018 ;
	font-size : 100% ;
	font-variant : normal ;
	font-family : verdana, sans-serif ; 
	font-weight : 600 ;
}

.mmtextleftside h4

{
	text-align : center ;
	font-size : 80% ;
	color : #a50018 ;
	font-family : verdana, sans-serif ; 
	font-weight : 500 ;
	text-decoration : none ;
	font-style : italic ;
	margin-top: 5px ;
	margin-bottom : 5px ;
}

.mmtextrightside h1, .indextext h1

{
	text-align : left ;
	font-size : 110% ;
	font-variant : small-caps ;
	color : #a50018 ;
	font-family : verdana, sans-serif ; 
	font-weight : 600 ;
	text-decoration : none ;
}

.mmtextrightside h2, .indextext h2

{
	text-align : center ;
	font-size : 125% ;
	font-variant : small-caps ;
	color : #000000 ;
	font-family : georgia, serif ;  
	font-weight : 600 ;
}

.mmtextrightside h3

{
	text-align : center ;
	font-size : 100% ;
	font-variant : small-caps ;
	color : #a50018 ;
	font-family : georgia, serif ; 
	font-weight : 600 ;
}

.mmtextrightside h4

{
	text-align : center ;
	font-size : 80% ;
	color : #0000ff ;
	font-family : verdana, sans-serif ; 
	font-weight : 500 ;
	text-decoration : none ;
	font-style : italic ;
}

.mmtextrightside h5

{
	text-align : center ;
	font-size : 105% ;
	color : #ab0000 ;
	font-family : verdana, sans-serif ; 
	font-weight : 700 ;
	font-variant : small-caps ;
	font-style : normal ;
	margin-top: 10px ;
	margin-bottom : 5px ;
}


/********* end Headline styles ***********************/


.mmtextrightside li, .indextext li
{
	text-align : justify ;
	word-spacing : 1px ;
	font: 90% "MS trebuchet", "Lucida Grande", "Lucida Sans Unicode", sans-serif ;
}


.mmtextleftside li, .indextext li
{
	text-align : left ;
	font-style : normal ;
	font-variant : small-caps ;
	color : #a50018 ;
	font-family : verdana, sans-serif ; 
	font-weight : 500 ;
	font-size : 90% ;
	text-decoration : none ;
} 

.mmtextleftside li a, .indextext li a,
.mmtextleftside li a:link , .indextext li a:link,
.mmtextleftside li a:visited, .indextext li a:visited, 
.mmtextleftside li a:active, .indextext li a:active
{
	color : #0000ff ;
	text-decoration : none ;
	font-size : 90% ;
}


.mmtextleftside li a:hover, .indextext li a:hover
{
	color : #a50018 ;
	text-decoration : none ;
	font-size : 90% ; 
}


/**  #####################  begin header area CSS  #########################  **/


#quote
{
	color : #000000 ;
	text-align : center ;
	font-weight : 500 ;
	font-size : 90% ;
}

#quote span
{
	font-style : italic ;
	font-size : 95% ;
	font-weight : 500 ;
	color : #000000 ;
}

#leftheader a:hover span
{
	text-decoration : none ;
	font-family : georgia, "times new roman", serif ;
	font-style: italic ;
	font-weight : 500 ;
	font-size : 85% ;
	color : #a50018 ;
	text-align : center ;
}

#rightheader
{
	color : #a62b42 ;
}

#rightheader h1
{
	text-align : center ;
	font-family : georgia, "times new roman", serif ;
	font-style: italic ;
	font-size : 115% ;
	font-weight : 800 ;
	word-spacing : 2px ;
	color : #a50018 ; 
}

#leftheader h1
{
	text-align : center ;
	font-family : georgia, "times new roman", serif ;
	font-style: italic ;
	font-size : 90% ;
	font-weight : 700 ;
	word-spacing : 2px ;
	color : #a50018 ; 
}

/**  #############  CSS for thumbnails and image rollover area  #########################  **/


 /**  normal display of thumbnails  **/
 
#image-container a.gallery,
#image-container a.gallery:link, 
#image-container a.gallery:visited,
#image-container a.gallery:hover, 
#image-container a.gallery:active,
#image-container a.gallery:focus
{
	text-decoration : none ;
	text-align : center ;
}
	
#image-container a.gallery:hover span,
#image-container a.gallery:active span,
#image-container a.gallery:focus span
{
	text-decoration : none ;
}

/**  #####################  CSS for header image rollover  #########################  **/


 /**  position of the container holding all of the images  **/
 /**  normal display properties of the individual slides  **/
 
#header-image-container a.gallery, 
#header-image-container a.gallery:link, 
#header-image-container a.gallery:visited, 
#header-image-container a.gallery:active
{
	color : #000 ;
	text-decoration : none ;
}

 /**  display properties of individual slides on hover  **/
	
#header-image-container a.gallery:hover,
#header-image-container a.gallery:focus

{
	text-align : center ;
}


#header-image-container a.gallery span,
#header-image-container a.gallery:link span, 
#header-image-container a.gallery:visited span,
#header-image-container a.gallery:active span, 
#header-image-container a.gallery:focus span 
{

	text-decoration : none ;
	font-family : georgia,"times new roman", serif ;
	font-weight : 500 ;
	font-size : 85% ;
	font-style : italic ;
	color : #000 ;
	text-align : center ;
}

#header-image-container a.gallery:hover span
{
	text-decoration : none ;
	font-family : georgia,"times new roman", serif ;
	font-style: italic ;
	font-weight : 500 ;
	font-size : 85% ;
	color : #a50018 ;
	text-align : center ;
}

  

/**  #####################  Footer CSS   #########################  **/

#footercontainer
{
	text-align : center ;
}

#roundedfooterbox
{
	text-align : center ;
}


#footer
{
	text-align : center ;
}

#footer h1, #roundedfooterbox h1
{
	text-align : center ;
	font-family : "times new roman", serif ;
	font-size : 160% ;
	font-weight : 600 ;
	font-variant : small-caps ;
	color : #000000 ;
}

#footer p, #roundedfooterbox p
{
	text-align : center ;
	font-family : "Lucida Grande", "Lucida Sans Unicode", verdana, sans-serif ;
	font-size : 110% ;
	color : #000000 ;
	font-weight : 600 ;
}

#footer p.slogan, #roundedfooterbox p.slogan
{
	text-align : center ;
	font-family : "times new roman", serif ;
	font-style: italic ;
	font-size : 120% ;
	font-weight : 600 ;
	word-spacing : 2px ;
	color : #a50018 ;
}

.footerlinks
{
	text-align : center ;
}

.footerlinks a
{
	color : #000000 ;
	font-family : arial, verdana, sans-serif ;
	font-size : 95% ;
	text-align : center ;
}

.footerlinks a:link
{
	color : #0000ff ;
	font-family : arial, verdana, sans-serif ;
	font-size : 95% ;
	text-decoration : none ;
	text-align : center ;
}

.footerlinks a:visited
{
	color : #0000ff ;
	text-decoration : none ;
}

.footerlinks a:hover
{	
	color : #a50018 ;
	text-decoration : none ;
	border-top : 1px dashed #a50018 ;
	border-bottom : 1px dashed #a50018 ;
}

.footerlinks a:active
{
	color : #0000ff ;
	text-decoration : none ;
}