/* CSS Document */

body {
	background-color:#eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #444;
}

* {
padding:0px;
margin:0px;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, address {font-family: Arial, Helvetica, sans-serif;
margin:0px; font-weight: normal;}

h1 {
font-size:15px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}

h3 {
font-size:17px;
font-weight:normal;
letter-spacing:.0em;
line-height:1.3em;
font-family: Arial, Helvetica, sans-serif;
}



a img {margin:0px; border:0px; padding:0px;}

img {margin:0px; border:0px; padding:0px;}


a {color: #333333;
text-decoration:none;
}
a:hover {color: #FFA620;
text-decoration:underline;
}

a:focus {
  outline: none ;
}
a:active {
  outline: none ;
}

.bold {
font-weight:bold;
color:#000;}

.red {
color:#DE2110;
}

.green {
color:#319400;
}

.green a {
color:#319400;
font-weight:bold;
}

#mainbody {
margin:20px auto 0px;
width:903px;
overflow:hidden;
padding:50px 30px 30px 30px;
background-color:#fff;}

#header {
height:55px;
text-align:right;
}

#header img {float:left;}

#header p {
font-weight:bold;
font-size:12px;
letter-spacing:.1em;
font-family: Arial, Helvetica, sans-serif;
}

#yellowdots {
	width:903px;
	height:4px;
	margin:0px 0px 0px 0px;
	background-image:url(/media/yeldot.gif);
	background-repeat: repeat-x;
	overflow:hidden;
}

#leftcontent {
width:300px;
height:280px;
margin:0px;
float:left;
display:inline;
border-bottom:18px solid #aaa;
}

#rightcontent {
width:600px;
height:280px;
overflow:auto;
float:right;
border-bottom:18px solid #aaa;
color: #333;
font-size:1.1em;
}

#rightcontent p {
line-height:1.3em;
margin:10px 0px 5px 15px;
}

#rightcontent ul {
padding-left:0px;
list-style:none;
margin:10px 0px 5px 15px;
}

#rightcontent li {
padding: 0px 0 5px 15px;	
	background-image: url(/media/greydot.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#rightcontent li.green {
	background-image: url(/media/greendot.gif);
}

#rightcontent li.red {
	background-image: url(/media/reddot.gif);
}

#leftcolumn {
width:580px;
height:115px;
float:left;
margin:20px 0px 0px 0px;
font-size:16px;
color: #888;
}

#splashtext {
height:40px;
}

#rightcolumn {
width:300px;
height:115px;
float:right;
margin:20px 0px 0px 0px;
text-align:right;
}

#rightcolumn h4 {
font-size:1em;
color:#333}

#rightcolumn p {
font-size:.9em;
line-height:1.2em;
margin:4px 0px;
color: #555;
}

#footer {
padding-top:40px;
clear:both;
}

#footer p{
font-size:.7em;
color:#333;
font-family: Verdana;}

/* MAINNAV */

#mainnav {
height:100px;
overflow:hidden;
list-style: none;
margin: 0px 0px 20px 0px;
}

#mainnav ul {margin:0px; padding:0px}

#mainnav li {display:inline; float:left; list-style: none;}

#mainnav li a {
display:block;
text-decoration:none;
}

#mainnav li a {
background-position: 0px 100px;
width:100px; height: 100px;
padding:120px 0 0 0;
overflow:hidden;
}

a.home{
background-image:url(/media/mainnav/home.gif);
margin-right:200px;
}

a.about{
background-image:url(/media/mainnav/aboutus.gif);
margin-right:25px;}

a.space{
background-image:url(/media/mainnav/space.gif);
margin-right:25px;}

a.find{
background-image:url(/media/mainnav/findus.gif);
margin-right:25px;}

a.restaurant{
background-image:url(/media/mainnav/restaurant.gif);
margin-right:25px;}

a.gallery{
background-image:url(/media/mainnav/gallery.gif);
}

#mainnav li a:hover, #home .home, 
#about .about, #find .find,
#space .space, #restaurant .restaurant {
background-position: 0px 0px;
}

/* END MAINNAV */