/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#2f373a;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Tahoma;
		font-size:11px;
		line-height:1.364em;
		color:#635956;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#262626;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.link {font-size:1.091em; color:#12191c;}

cite {padding:0 20px 18px 157px; display:block; font-size:1.364em; font-family:arial; line-height:1.467em;}
.author {float:right; position:relative; margin:-33px 0px 0 0;}
.extra {font-size:1.364em; font-family:arial; line-height:1.467em; font-style:italic;}

h3 {font-size:1.091em;}

ol {padding-left:26px;}
ol li {font-size:1.091em; line-height:2.417em; color:#c35020;}
ol li a {color:#12191c;}

ul span {color:#c35020; float:right; line-height:1.636em;}
ul a {color:#635956; text-decoration:none; line-height:1.636em;}
ul a:hover {text-decoration:underline; color:#c35020;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:10px;}
.title2 {margin-bottom:6px;}

/* ============================= header ====================== */

.logo {text-align:center; padding:10px 0 0 4px;}
.menu {padding:74px 0 0 13px;}
.navigation {float:right;}
#header .indent {padding:13px 40px 0 40px; color:#fff;}
#header .indent a {color:#fff; text-decoration:none;}
#header .indent a:hover {text-decoration:underline;}

/* ============================= content ====================== */

.row1 {background:#b9ada2; border-bottom:1px solid #9a958b; padding: 33px 0px 0px 0px;}
#page1 .row1 {background:#b9ada2 url(images/baberuth.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#page2 .row1 {background:#b9ada2 url(images/rogermaris.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#page3 .row1 {background:#b9ada2 url(images/kareem.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#page5 .row1, #pagePressRelease .row1 {background:#b9ada2 url(images/lougehrig.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#page4 .row1 {background:#b9ada2 url(images/joedimaggio.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#pagePressRelease .row1, #pagePressKit .row1,#pageItemsAndFacts .row1, #pageGrandOpening .row1, #pageFactSheet .row1, #pageGaryCypres .row1 {background:#b9ada2 url(images/chamberlain.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#pageGalleries .row1 {background:#b9ada2 url(images/mantle.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
#page7 .row1 {background:#b9ada2 url(images/hankaaron.gif) top left no-repeat; padding:33px 0px 0 0px; height:100px;}
.img {margin-bottom:20px;}
.img2 {margin:28px 0 10px 0;}

.row2 {background:#b9ada2 url(images/yellowstarsandstripes.gif) bottom left  no-repeat;}
#page1 .row2 {padding:0px 0 8px 0;}
#page3 .row2, #page5 .row2, #pagePressRelease .row2, #pageGalleries .row2, #pageGrandOpening .row2, #pageFactSheet. row2, #pageGaryCypres .row2 {padding:20px 0 20px 0;}
#page2 .row2, #page3 .row2, #page4 .row2, #page5 .row2, #pagePressRelease .row2, #pageGalleries .row2, #pagePressKit .row2, #pageItemsAndFacts .row2 {padding:0px 0 20px 0;}
#page4 .row2 {padding:0px 0 10px 0;}


#page8 .row2 {padding:30px 40px 50px 37px;}

.special .side-1 {background:#b9ada2; border-right:1px solid #9a958b;}
.special .side-2 {background:#cdc8bd; border-left:1px solid #c1bcb1;}

.padding1 {padding-top:10px;}
.padding2 {padding-top:24px;}
.margin1 {margin-top:35px;}
.fs12 {font-size:1.091em;}
.phone {float:right; margin-right:55px;}

.indent1 { padding:33px 39px 43px 38px;}
.indent2 { padding:33px 38px 31px 39px;}
.indent3 { padding:33px 33px 43px 38px;}

.message {font-size:18px; color: #ffffff; font-family: Tahoma; text-align:center;}
.message1 {font-size:14px; color: #ffffff; font-family: Tahoma; text-align:center;}
.message2 {font-size:12px; color: #ffffff; font-family: Tahoma; text-align:center;}
.message3 {font-size:14px; color: #262626; font-family: Tahoma; text-align:center; font-weight:bold; line-height:16px;}
.message4 {font-size:10px; color: #262626; font-family: Tahoma; text-align:center; line-height:11px;}
.message5 {font-size:12px; color: #262626; font-family: Tahoma; text-align:center;}
.myriadpro {font-family:Myriad Pro Light; font-size: 20px; color: #014983;  font-weight:bold; line-height:22px; text-decoration:none;}
.myriadproSmall {font-family:Myriad Pro Light; font-size: 16px; color: #014983;  font-weight:bold; line-height:22px; text-decoration:underline; text-transform:uppercase;}
.myriadproRed {font-family:CygnetRound, Myriad Pro Light; font-size: 16pt; color: #B5111A;  font-weight:bold;  font-style:italic; line-height: 20pt; text-align:center;}
.marcelleRed {font-family:Marcelle Script, Myriad Pro Light; font-size: 16pt; color: #B5111A;  font-weight:bold;  font-style:italic; line-height: 20pt; text-align:center;}
.imgleft {float:left; padding-right:10px;}
.press {overflow:auto; width:650px; height:250px; text-align:justify; font-weight:bold; padding-left:0px; vertical-align:top; padding-right:20px;}
.marcelle {font-family:Marcelle Script; font-size: 18px; color: #CCD1D5;  font-weight:bold; line-height:22px; text-decoration:none;}
.upcomingevents {overflow:auto; width:450px; height:100px; text-align:justify; font-weight:bold; padding-left:0px; vertical-align:top; padding-right:20px;}

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

#footer a {color:#cdc8bd; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:43px;}
#ContactForm .input {width:198px; height:16px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; font-size:1em;}
#ContactForm textarea {width:198px; height:68px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em; margin-bottom:15px;}
#ContactForm .link {float:right; margin:0 10px 0 5px;}

#ReservationForm .rowi {height:36px;}
#ReservationForm .rows {height:44px;}
#ReservationForm .rowt {height:88px;}
#ReservationForm .link {float:right;}

#ReservationForm .input {width:191px; height:15px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; font-size:1em;}
#ReservationForm textarea {width:191px; height:66px; border:1px solid #717171; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#ReservationForm .select1 {width:88px; font-size:1em;}
#ReservationForm .select2 {width:97px; font-size:1em; margin-left:10px;}
#ReservationForm .cheack {width:17px; height:17px;}