/* 
Theme Name: St Marys 2012
Description: St Marys 2012
2012-12-11
*/


/* ============
SET DEFAULTS */
* { margin: 0px; padding: 0px; } 
table { border-collapse: collapse; border-spacing: 0; }
p { margin-bottom: 10px; }

/* "Adobe Caslon Pro" */
body {
  overflow-y: scroll;
  font-family: "Palatino Linotype", "Times New Roman", serif;
  font-size: small;
}

/* ========= 
STRUCTURE */
#wrap {
  margin: 10px auto;
  padding: 0 6px 10px 10px;
  width: 1008px;
}

#header {
  height: 349px;
  width: 1008px;
  float: left;
}

#nav {
  height: 43px;
  width: 1008px;
  float: left;
  border-top: 4px solid white; 
  border-bottom: 3px solid white;
}

#submenu {
  margin-top: 30px;
  float: left;
  clear: left;
  border-right:#FFF solid 4px;
}

#content {
  margin: 30px auto 0px 30px;
  width: 500px;
  float: left;
}

#content_home {
  width: 1004px;
  height: 500px;
  padding: 15px 0 0 0;
  float: left;
  color: white;
  background-image: url(images/stm_home_lower.png), url(images/stm_home_lower_2.png);
  background-repeat: no-repeat, repeat;
  background-position: top left, bottom left;
  background-color: #0F013A;
/*  background-size: 1004px 334px, 1004px 1px; */
}

#content_home a {
  color: white;
  text-decoration: none;
}

#content_home a:hover {
  text-decoration: underline;
}

#content_home #home_lower_times,
#content_home #home_lower_news,
#content_home #home_lower_hours {
  width: 332px; float: left; margin: 0 4px 0 0;
}

#content_home #home_lower_times { height: 500px; text-align: center;  }
#content_home #home_lower_news { width: 302px;  height: 440px; margin: 60px 4px 0 30px; }
#content_home #home_lower_hours { width: 302px;  height: 470px; margin: 0 0 0 30px;  clear: right; }

#content_home #home_lower_times h2, 
#content_home #home_lower_times h3 { margin-bottom: 0; }

#content_home #home_lower_news h2, 
#content_home #home_lower_hours h2 {
	color: white;
}



#content_gallery {
  width: 668px;
  height: 748px;
  float: left;
  background-color: #CCCCCC;
  color: white;
  margin: -399px 0 0 0;
  border-left: 0px solid #FFF
}

#home_ack {
  bottom: 25px;
  float: inherit;
  font-size: x-small;
  position: relative;
  text-align: left;
  width: 332px;
}

#home_ack a {
  color: white;
  margin-left: 30px;
  text-decoration: none;
}

#home_ack a:hover {
  text-decoration: underline;
}


/*===========
COMPONENTS */

h1, h2, h3, h4 { position: relative; width:100%; font-weight: bold; }
h1, h2 { font-size: medium; color:#C4996C; }
h3, h4 { font-size: small; margin-bottom:0.6em; }
h1 { margin-bottom:1em; }
h2 { margin-bottom:0.6em; }
h4 { font-weight:normal; }

img.header_upper {
  width: 332px;
  height: 349px;
  border-right: 4px solid #fff;
}

#content ul {
  list-style-type:disc;
  list-style-position:outside;
  margin-bottom:1.5em;
  margin-left:3em;
}

/*======
Links */
#content a:link, 
#content a:visited { text-decoration: none; color: #C4996C; }

#content a:hover, 
#content a:active { text-decoration:underline; }

/*======
Navs */

#nav ul {
  list-style: none;
  width: 100%;
}

#submenu ul {
  list-style: none;
  width: 332px;
}

#nav li,
#submenu li {
  width:332px;
  height:20px;
  float:left;
  border-right:#FFF solid 4px;
  border-bottom: #FFF solid 2px;
}

#nav li a,
#submenu li a {
  line-height: 20px;
  padding-left: 30px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  color: #FFF;
  background-color: #0F013A;
  text-align: left;
  text-transform: uppercase;
  display: block;
}
 
#nav li a { letter-spacing: 3px }
#submenu li a { letter-spacing: 2px; }

#nav li.current_page_item a, 
#nav li.current_page_item a:hover,
#nav li a:hover,
#submenu li.current_page_item a, 
#submenu li.current_page_item a:hover,
#submenu li a:hover { 
  background-color:#C4996C;
}


/* Romber forms */
.romberbutton {
  min-width: 60px;
}

select.romberinput option {
  padding-right: 7px;
}

td.romberprompt {
  vertical-align: top;
  padding-right: 5px;
  min-width: 110px;
}