/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

* THE PLAZA STOCKPORT 2008
* Filename: style.css
* Version: 1.0.0 (06-05-2008) DD-MM-YYYY
* Website: http://www.stockportplaza.co.uk/
* Author: Dave Musgrove
* Description: Handles the site layout.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* _Body
==========================================*/

html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	background: #feeeae;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #feeeae;
	font-size: 100%;
}
p { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	line-height: 11px; 
	font-size: 11px;
	margin: 0 0 12px 0; 
}
img { border: 0px; }
img.left { float: left; }
img.right { float: right; }


/* _Wraps
==========================================*/

#wrap { width: 800px; margin: 0 auto; background: #000; }


/* _Containers
==========================================*/

#header { height: 128px; background: #000 url(../images/back-header.gif) no-repeat; }
#main { height: 710px; background: #f1b45f url(../images/back-main.gif) repeat-x; position: relative; }
#contact { height: 50px; background: #5e5039; text-align: center; }
#contact p { padding-top: 10px; font-size: 12px; line-height: 16px; }
#footer { height: 31px; background: #000; text-align: center; }
#footer p { padding-top: 10px; font-size: 9px; }

.titles { height: 28px; border: 1px solid #000; background: #000 url(../images/back-titles.gif) repeat-x; }
.titles p { padding: 9px 0 0 12px; margin: 0; font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; }

.block-footer { height: 29px; background: #5e5039 url(../images/back-block-footer.gif) no-repeat right; }
.block-footer p { padding: 9px 0 0 12px; margin: 0; font-size: 12px; }
.block-footer p a { color: #feeeae; text-decoration: none; }

.block-footer2 { height: 21px; background: #5e5039 url(../images/back-block-footer.gif) no-repeat center right; }
.block-footer2 p { padding: 6px 0 0 10px; margin: 0; font-size: 10px; }
.block-footer2 p a { color: #feeeae; text-decoration: none; }

#upcoming { width: 314px; height: 289px; background: #6d3c37; position: absolute; top: 8px; right: 8px; }
#upcoming-list { height: 206px; padding: 12px; overflow: auto; }

#edu-arts { width: 314px; height: 206px; background: #6d3c37; position: absolute; top: 314px; right: 8px; font-size: 0; }
#plaza-youth { width: 152px; height: 172px; background: #6d3c37; position: absolute; top: 529px; right: 8px; font-size: 0; }
#film-club { width: 152px; height: 172px; background: #6d3c37; position: absolute; top: 529px; right: 169px; font-size: 0; }

#flash-block { width: 462px; height: 289px; background: #9f8e66; position: absolute; top: 8px; left: 8px; }
#bulletin { width: 462px; height: 206px; background: #6d3c37; position: absolute; top: 314px; left: 8px; }
#bulletin a { color: yellow; }
.bulletinscroll { width: 462px; height: 175px; overflow: auto; font-size: 12px; }
#featured { width: 462px; height: 172px; background: #6d3c37; position: absolute; top: 529px; left: 8px; font-size: 0; }

#content-block { width: 454px; height: 693px; background: #feeeae; border: 8px solid #9f8e66; position: absolute; top: 1px; left: 0; }

.text-block { width: 424px; height: 632px; padding: 15px; overflow: auto; }
.text-block p { color: #000; font-size: 11px; line-height: 14px; }
.text-block h3 { 
	font-size: 14px; color: #000; line-height: 18px; font-weight: bold; 
	margin: 0 0 10px 0; border-bottom: 1px solid #000; text-transform: uppercase;
	clear: both;
}
.text-block h4 { 
	font-size: 12px; color: #000; line-height: 14px; font-weight: bold; 
	margin: 0 0 10px 0; text-transform: uppercase;
}
.text-block2 { width: 424px; height: 632px; padding: 15px; overflow: auto; }
.text-block2 p { color: #000; font-size: 11px; margin: 0; line-height: 14px; }
.text-block2 h3 { 
	font-size: 14px; color: #000; line-height: 18px; font-weight: bold; 
	margin: 0 0 10px 0; border-bottom: 1px solid #000; text-transform: uppercase;
	clear: both;
}
.text-block2 h4 { 
	font-size: 12px; color: #000; line-height: 14px; font-weight: bold; 
	margin: 0 0 10px 0; text-transform: uppercase;
}
.list { padding-left: 20px; }

.clr { clear: both; font-size: 2px; }

.info-block1 { background: #7e5336; color: #feeeae; font-size: 16px; line-height: 19px; text-align: center; }
.info-block1 p { color: #feeeae; font-size: 11px; line-height: 13px; text-align: center; }
.info-block1 h2 { color: #feeeae; font-size: 16px; line-height: 19px; text-align: center; }


/* _Navigation
==========================================*/

#topnav { height: 30px; background: #000 url(../images/back-topnav.gif) no-repeat; }
#topnav table { width: 800px; height: 30px; }
#topnav table tr td { text-align: center; font-size: 11px; }
#topnav table tr td a { color: #fff; font-weight: bold; text-decoration: none; }
#topnav table tr td a:hover { color: #feeeae; }


#dropmenudiv{
	position: absolute;
	margin-top: 8px;
	margin-left: -10px;
	border-bottom-width: 0;
	font-size: 11px;
	line-height: 18px;
	z-index: 100;
	text-transform: uppercase;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 12px;
	background: #500;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#dropmenudiv a:hover{ background: #900; }



/* _Images
==========================================*/

#logo { margin: 25px 0 0 327px; }

.images-right { float: right; margin: 0 8px 10px 8px; }
.images-left { float: left; margin: 0 8px 10px 0; }