/* A Free Design by Bryant Smith (bryantsmith.com) */

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	background: #000000 url(background.png);
	background-repeat:repeat-x;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#page
{
  display: block; 
  height:auto;
  position: relative; 
  overflow: hidden; 
  /* width of the upper link area */
/* to center upper links, make this the sum of the widths.  5 links at 160px = 800px*/
  width: 850px;
}

.topNaviagationLink
{
text-align:center;
position:relative;
margin-top:30px;
font-size:16px;
margin-left:-10px;
/* width of each link box on top */
width:170px;
height: 35px;
line-height: 35px;
float:left;
color:#000000;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}


.topNaviagationLink a
{
text-decoration:none;
color:#000000;
margin-bottom:0px;
}

.topNaviagationLink a:hover
{
text-align:center;
color:#FFFFFF;
display: block;
/* this has to match the width above */
width:160px;
height: 35px;
line-height: 35px;
/* this is the image that is the background when you hover */
background-image:url(tab.png);
border-bottom:none;
}

#mainPicture
{
clear:both;
width:670px;
height:345px;
background-color:#000000;
}

/* This controls the opening for the main picture on top */
#mainPicture .picture
{
position:relative;
/* 10 px wider, 20px taller than picture */
width:930px;
height:640px;
top:10px;
margin-left:10px;
/* location of jpg file */
background-image:url(20070103-0635.jpg);
background-repeat:no-repeat;
}

/* this is the large text on the main image */
#headerTitle
{
position:absolute;
/* this is how far down to put it */
top:14px;
/* this is how far indented */
left:22px;
font-size:27px;
color:#bbbbbb;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

/* this is the small text on the main image */
#headerSubtext
{
position:relative;
/* this is how far below the main text */
top:46px;
/* this is how far indented */
position:absolute;
left:220px;
font-size:14px;
color:#484848;
font-family:"Adobe Garamond Pro Bold", Georgia, "Times New Roman", Times, serif;
}

/* this is the black box the content text is in */
.contentBox
{
/* this is the gap between the upper pic and this box */
margin-top:10px;
width:940px;
height:auto;
background-color:#000000;
}

/* this is the white text box */
.contentBox .innerBox
{
position:relative;

width:920px;
height:auto;
top:10px;
margin-left:10px;
background-image:url(contentBack.png);
background-color:#FFFFFF;
background-repeat:repeat-x;
}

h1
{
font-size:25px;
margin-bottom:10px;
padding-top:18px;
margin-left:15px;
margin-top:15px;
color:#1F1603;
}

.contentText
{
font-size:13px;
line-height:24px;
margin-left:13px;
margin-right:13px;
font-family:Arial, sans-serif;
}

h4 {
text-align:center;
padding-top:30px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:#777777;
margin:0px;
}

h4
{
text-decoration:none;
font-size:9px;
}

a
{
color:#484848;
border-bottom:dotted 1px;
}

a:hover
{
color:#000000;
text-decoration:none;
border-bottom:dotted 2px;
}
a:visited
{
color:#000000;

}


blockquote {
	font-size:12px;
	text-align:justify;
	width:400px;
	color:#000000;
	padding:15px;
	margin:10px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(blockquote.png);
	background-repeat:no-repeat;
	border:dashed 1px;
	border-color:#484848;
}

html, body {
text-align: center;
}
p {text-align: left;}