/* -----COMMON ELEMENTS----- */

body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
}

img {
border: 0;
}

p {
margin: 10px 0 10px 0;
}

a:link {
color: #4F58CC; 
text-decoration: none;
}
a:visited {
color: #4F58CC; 
text-decoration: none;
}
a:hover {
color: #4F58CC; 
text-decoration: underline;
}

h1 {
color: #339900;
font: 18px Verdana, Arial, Helvetica, sans-serif;
margin: 7px 0 0 0;
}

h2 {
color: #CC6600;
font: 13px Verdana, Arial, Helvetica, sans-serif;
margin: 1px 0 0 0;
font-weight: bold;
}

ul {
margin-top: 10px;
margin-bottom: 10px;
}

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

li {
margin: 5px 0 5px 0;
}


.clear {
clear: both;
}

.bold {
font-weight: bold;
}

/* -----BASIC LAYOUT----- */

.container {
width: 860px;
}

.logo {
width: 860px;
background: left top no-repeat url(images/shamrock-moraira.jpg); 
height: 50px;
}

.left {
float: left;
width: 180px;
text-align: left;
}

.menu {
width: 180px;
margin: 0 0 50px 0;
border-top: 1px solid #999; 
border-bottom: 1px solid #999;
border-left: 1px solid #999;
background: url(images/menubg.gif) repeat-y;
text-align: center;
}
.menu div {
padding: 10px 0 10px 0;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.menu_item {
border-bottom: 1px #B1B1B1 dashed;
}

.hamiltons {
width: 180px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
text-align: center;
}

.hamiltons_top {
border-bottom: 1px dashed #B1B1B1;
padding: 8px 0 8px 0;
}

.hamiltons_bottom {
padding: 8px 0 8px 0;
}


.right {
float: left;
width: 676px;
padding: 0 0 10px 0;
border: 1px solid #999;
text-align: left;
}

.header {
border-bottom: 1px solid #999;
}

.main {
padding: 0 15px 15px 15px;
}

.bottom {
margin: 0 0 30px 0;
}

/* INDEX PAGE */

.welcome {
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
}

.upcoming_left,.upcoming_right {
float: left;
vertical-align: top;
}

.upcoming_left {
margin: 0 15px 5px 0;
}

.latestphotos {

}
.latestphotos div {
margin: 10px 0 10px 0;
float: left;
}

/* */

.quickhighlights {
padding: 10px 10px 10px 0;
}

.spacer {
height: 250px;
}

.events {
width: 100%;
border: 1px solid #CCCCCC;
}
.events td {
padding: 5px 10px 5px 10px;
border-top: 1px dashed #999;
}

.events_top td {
font-weight: bold;
border: 0;
}

.caption {
font-weight: bold;
}



.content {
width: 680px;
float: left; 
text-align: left; 
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 0px solid #999;
border-left: 1px solid #999999;
}
.main2 {
padding: 0 20px 0 20px;
height: 1000px;
}
.intro {
background: no-repeat url(images/intro_bg.jpg);
margin: 0 0 5px 0;
height: 50px;
border-bottom: 1px solid #999999;
}
.findus {
background: no-repeat url(images/findus_bg.jpg);
margin: 0 0 5px 0;
height: 50px;
border-bottom: 1px solid #999999;
}
.moraira {
background: no-repeat url(images/moraira_bg.jpg);
margin: 0 0 5px 0;
height: 50px;
border-bottom: 1px solid #999999;
}
.food {
background: no-repeat url(images/food_bg.jpg);
margin: 0 0 5px 0;
height: 50px;
border-bottom: 1px solid #999999;
}
.photos {
background: no-repeat url(images/photos_bg.jpg);
margin: 0 0 5px 0;
height: 50px;
border-bottom: 1px solid #999999;
}
.spotlight {
width: 100%;
border: 1px dashed #FF0000;
font-weight: bold;
text-align: center;
margin: 13px 0 20px 0;
padding: 10px 0 10px 0;
}
.spotlighttr {
font-weight: bold;
color: #FF0000;
}
.mainimage {
margin: 10px 0 10px 0;
}
.thumbnailscontainer {
margin: 10px 0 0 0;
border-bottom: 1px solid #999999;
border-top: 1px solid #999999;
}
.thumbnails {
margin: 10px 0 10px 0;
text-align: center;
}
.thumbnails table {
border: 0;
}
.thumbnails td {
border: 0;
}
.thumbnails img {
width: 64px;
height: 48px;
}


.photosmain img {
border: 1px solid #000000;
}