/***CSS Reset***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,p,blockquote,th,td {
	margin:0; 
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
	outline: none;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6,p {
	font-size:100%;
}

q:before,q:after {
	content:”;
}

/***Layout***/

body{
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background: #D4D7DC url(http://www.stpetrocks.org.uk/images/bg.jpg) top repeat-x;
}

#wrapper{
	margin: 40px auto 0 auto;
	padding: 10px 0 0 0;
	background: transparent url(http://www.stpetrocks.org.uk/images/top.jpg) top center no-repeat;
	width: 960px;
}

#design{
	margin: 0 auto;
	padding: 0;
	width: 1020px;
}


#header {
	position: relative;
	margin: 0;
	padding: 0 10px;
	background: #FFFFFF url(http://www.stpetrocks.org.uk/images/header.png) center center no-repeat;
	width: 940px;
	height: 180px;
}

#logo {
	position: absolute;
	top: 42px;
	left: 156px;
	width: 401px;
	height: 97px;
	overflow: hidden;
}

#slogan {
	position: absolute;
	top: 50px;
	left: 610px;
	width: 250px;
	height: 55px;
	overflow: hidden;
}

#navigation {
	padding: 10px;
	margin:  0;
        background: #FFFFFF;
	width: 940px;
	height: 36px;
}

#slideshow {
	float: right;
	padding: 10px;
	margin: 0;
	width: 600px;
	height: 360px;
	background: url(http://www.stpetrocks.org.uk/images/slideshow-bg.jpg) top center no-repeat;
}

#builder {
	float: right;
	padding: 40px 173px;
	margin: 0;
	width: 274px;
	height: 300px;
	background: url(http://www.stpetrocks.org.uk/images/slideshow-bg.jpg) top center no-repeat;
}

#info {
        position: relative;
	float: left;
	padding: 10px;
	margin: 0 20px 0 0;
	width: 280px;
	height: 360px;
	background: url(http://www.stpetrocks.org.uk/images/info-bg.jpg) top center no-repeat;
}

#sessions {
	margin: 6px 0;
	padding: 0;
}

#content {
	float: left;
	margin: 0;
	padding:  0 10px;
	background: #FFFFFF;
	width: 940px;
}

#sponsors {
	float: left;
	margin: 0;
	padding: 10px;
	margin: 0;
	width: 940px;
        text-align: center;
}

#grey-box {
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	width: 300px;
	background: #5B6978 url(http://www.stpetrocks.org.uk/images/grey-box-bottom.jpg) no-repeat bottom center;
}


#yellow-box {
	margin: 10px 20px 0 20px;
	padding: 0;
	float: left;
	width: 300px;
	background: #FBE6B1 url(http://www.stpetrocks.org.uk/images/yellow-box-bottom.jpg) no-repeat bottom center;
}

#red-box {
	position: relative;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	width: 300px;
	background: #8A3544 url(http://www.stpetrocks.org.uk/images/red-box-bottom.jpg) no-repeat bottom center;
}

#red-box-content {
}

#donate {
        position: absolute;
	top: 10px;
        left: 10px;
        width: 280px;
        height: 48px;
}

#footer {
	margin: 0 auto;
	padding: 0;
        background: transparent url(http://www.stpetrocks.org.uk/images/footer.png) no-repeat bottom center;
	width: 960px;
	height: 20px;
	text-align: center;
}

/**Typography**/
h2 {
	margin: 10px 0;
	padding: 0;
	font-size: 1.4em;
	color: #2A3B4F; 
}

h3 {
	margin: 10px 0;
	padding: 0;
	font-size: 1.2em;
	color: #2A3B4F; 
}

h3 a{
	text-decoration: none;
	color: #2A3B4F; 
}

h4 {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.1em;
	color: #2A3B4F; 
}

#red-box h4{
        padding: 10px;
	margin: 20px 0 0 0;
	font-size: 1.2em;
	color: #FFFFFF; 
}

p {
        padding: 0 0 10px 0;
	font-size: 1em;
        line-height: 1.4em;
	color: #2A3B4F; 
        text-align: justify;
}

p a{
	color: #2A3B4F;
        font-weight: bold;
	text-decoration: none; 
}

#info h2 {
	margin: 0;
	padding: 4px 0;
	font-size: 1.4em;
	color: #2A3B4F; 
}

#info h3 {
	padding: 2px 0;
	margin: 0;
	font-size: 1.1em;
	color: #2A3B4F; 
}

#info p {
        padding: 2px 0;
	font-size: 0.9em;
        line-height: 1.2em;
	color: #2A3B4F; 
}

#grey-box h3 {
	padding: 10px;
	margin: 0;
	background: url(http://www.stpetrocks.org.uk/images/grey-box-top.jpg) top center no-repeat;
	font-size: 1.2em;
	color: #FFFFFF; 
}

#grey-box p{
       padding: 0 10px 10px 10px;
	font-size: 0.9em;
        line-height: 1.2em;
	color: #FFFFFF; 
}

#grey-box p a{
	color: #CCCCCC;
	text-decoration: none;
}

#yellow-box h3 {
	padding: 10px;
	margin: 0;
	background: url(http://www.stpetrocks.org.uk/images/yellow-box-top.jpg) top center no-repeat;
	font-size: 1.2em;
	color: #2A3B4F; 
}

#red-box h3 {
	padding: 10px;
	margin: 0;
	background: url(http://www.stpetrocks.org.uk/images/red-box-top.jpg) top center no-repeat;
	font-size: 1.2em;
	color: #FFFFFF; 
}

#footer p {
       margin:0;
       padding: 30px 0;
	font-size: 0.9em;
	color: #2A3B4F;
        text-align: center;
}

#footer p a{
	color: #2A3B4F;
	text-decoration: none; 
}

/**Lists**/

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 940px;
	height: 36px;
}

#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	height: 36px;
	text-align: center;
	font-size: 1.4em;
	line-height: 1.8em;
	color: #FFFFFF;
}

#navigation li a {
	display: block;
	height: 36px;
	text-decoration: none;
	color: #FFFFFF;
}

#navigation li.home a{
	margin: 0;
	width: 134px;
	background: url(http://www.stpetrocks.org.uk/images/menu/home.jpg) 0 0 no-repeat;
}

#navigation li.home a:hover {
   background-position: -134px 0;
}

#navigation li.about a{
	width: 134px;
	background: url(http://www.stpetrocks.org.uk/images/menu/about.jpg) 0 0 no-repeat;
	color: #2A3B4F;
}

#navigation li.about a:hover {
   background-position: -134px 0;
   color: #FFFFFF;
}

#navigation li.what a{
	width: 135px;
	background: url(http://www.stpetrocks.org.uk/images/menu/what.jpg) 0 0 no-repeat;
}

#navigation li.what a:hover {
   background-position: -135px 0;
}

#navigation li.involved a{
	width: 135px;
	background: url(http://www.stpetrocks.org.uk/images/menu/involved.jpg) 0 0 no-repeat;
}

#navigation li.involved a:hover {
       background-position: -135px 0;
}

#navigation li.news a{
	width: 134px;
	background: url(http://www.stpetrocks.org.uk/images/menu/latest.jpg) 0 0 no-repeat;
	color: #2A3B4F;
}

#navigation li.news a:hover {
   background-position: -134px 0;
   color: #FFFFFF;
}

#navigation li.media a{
	width: 134px;
	background: url(http://www.stpetrocks.org.uk/images/menu/media.jpg) 0 0 no-repeat;
}

#navigation li.media a:hover {
       background-position: -134px 0;
}

#navigation li.contact a{
	width: 134px;
	background: url(http://www.stpetrocks.org.uk/images/menu/contact.jpg) 0 0 no-repeat;
}

#navigation li.contact a:hover {
   background-position: -134px 0;
}

/**Forms**/

#search form {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 130px;
	left: 640px;
	width: 220px;
	height: 30px;
}

#search input[type='text'],#search input.text {
	float: left;
	margin: 0;
	padding: 6px 4px;
	background: transparent url(http://www.stpetrocks.org.uk/images/search-bg.png) 0 0 no-repeat;
	border: 0;
	width: 182px;
	height: 18px;
	font-size: 1.1em;
	color: #2A3B4F;
}

#search input[type='submit'], #search input.submit {
	float: right;
	background: transparent url(http://www.stpetrocks.org.uk/images/search-submit.png) 0 0 no-repeat;
	border: 0;
	width: 30px;
	height: 30px;
}

#contact {
	margin-top: 10px;
	padding: 0;
	text-align: left;
}

#contact p {
	margin-bottom: 10px;
}

#contact label {
	float: left;
	width: 220px;
}

#contact textarea {
	padding: 2px;
	border: 1px solid #2A3B4F;
	width: 240px;
	height: 100px;
	color: #212A15;
}

#contact input[type='text'],#contact input.text {
	padding: 2px;
	border: 1px solid #2A3B4F;
	width: 240px;
	color: #2A3B4F; 
}

#contact input[type='submit'], #contact input.submit {
	margin: 0 220px;
        padding: 2px;
	width: 44px;
	border: 1px solid #2A3B4F;
	background: #2A3B4F;
	color: #FFFFFF;
}

#info form {
       position: absolute;
       left: 10px;
       bottom: 10px;
}

/**Tables**/

table {
	margin: 0 10px 10px 10px;
	padding: 0;
	border: 0;
       empty-cells: hide;
}

tr {
	border: 0;
}

td {
        padding: 2px 0;
	border: 0;
	vertical-align: top;
}

td.date {
	width: 35%;
	vertical-align: top;
}

#content #yellow-box table{
	font-size: 0.9em;
	color: #2A3B4F; 
}

#content #red-box table{
	font-size: 0.9em;
	color: #FFFFFF; 
}


/**Images**/

#sponsors img {
        padding: 20px;
}

#info img {
        float: right;
}


/**Misc**/

.clear {
	clear: both;
}

/**Font Sizer**/

.fontResizer { 
	display: block; 
	position: absolute; 
	top: 0; 
	right: 10px; 
}

.fontResizer a { 
	display: block; 
	float: right; 
	width: 20px; 
	height: 20px; 
	text-align: center;
	border: 1px solid #FFFFFF; 
	color: #FFFFFF;
	line-height: 20px; 
	text-decoration: none;
}

.fontResizer a:hover { 
	color: #000; 
	text-decoration: none; 
}

.smallFont { 
	font-size: 10px;
}

.medFont { 
	font-size: 12px; 
}

.largeFont { 
	font-size: 14px; 
}

.curFont { 
	background: #7AA0B7; 
}

/***jqModal***/

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { 
    background-color: #000; 
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */

* iframe.jqm {
        position:absolute;
        top:0;
        left:0;
        z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

* html .jqmWindow {
       position: absolute;
       top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}