/*  Styles for Crewe Amateur Musicals Society - screen layout*/
/*  Site designed by Nick Beech - www.nbWebsiteDesign.co.uk */
/*  Copyright 2008-2010 - All rights reserved */

* {padding:0; margin:0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; text-align:center;}

a:link {color: #000}
a:visited {color: #000}

.infolink {font-size:0.8em}
.backtotop {text-align:center; padding-top:10px;}
.imagespaceright {padding-left:15px; padding-top:5px; float:right}
.imagespaceleft {padding-right:10px; padding-top:5px; float:left}

ul{margin:10px 0px 10px 40px;}
li{margin:5px 0px; text-align:left;}

table {margin:10px 0 0 0; padding:0;}
table tr {margin:0; padding:0; text-align:center}
table td {margin:0; padding:0;}

#wrapper {margin:0px auto 0px; width:902px; padding:0px; position:relative; text-align:left;}

#container {margin:0px; left:0; width:900px; padding:0px; position:relative; text-align:left; }

#header {}
#header h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:200%; margin:0px; text-align:left; padding:0px; line-height:1.5em; }
#header p {font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; text-align:left; padding:0px; line-height:1.5em; }
#header img {padding:0; margin:0; display:none}

#maincontentwide {margin:5px auto -10px; width:690px; text-align:left; font-size:120%}
#maincontentwide ul{margin:10px 0px 10px 40px;}
#maincontentwide li{margin:5px 0px; text-align:left;}
#maincontentwide h1 {font-size:1.8em; font-weight:bold; margin:5px 0px 5px 0px; padding:0px; text-align:left}
#maincontentwide h2 {font-size:1.8em; font-weight:bold; margin:10px 0px 5px 0px; padding:0px; text-align:left}
#maincontentwide h3 {font-size:1.5em; font-weight:normal; margin:15px 0 0 0; padding:0px; text-align:left}
#maincontentwide h4 {font-size:1.25em; font-weight:bold; margin:3px 3px 5px 0; padding:0px; text-align:left; clear:both}
#maincontentwide p {margin:0px 0px 5px;}
#maincontentwide p.spacer{padding:10px 0px; text-align:center; clear:both}
#maincontentwide p.showtitle{font-size:1.8em; font-weight:bold; margin:15px 0 0 0; padding:0px; text-align:center}
#usefullinks{font-weight:bold; padding:15px 0 0 0; text-align:center}
#usefullinks p{padding:6px 0 6px 0;}


#poster {margin:5px 0px -10px 0px; width:900px; text-align:left; font-size:120%}
#maincontentwide ul{margin:10px 0px 10px 40px;}
#maincontentwide li{margin:5px 0px; text-align:left;}
#maincontentwide h1 {font-size:1.8em; font-weight:bold; margin:5px 0px 5px 0px; padding:0px; text-align:left}
#maincontentwide h2 {font-size:1.8em; font-weight:bold; margin:10px 0px 5px 0px; padding:0px; text-align:left}
#maincontentwide h3 {font-size:1.5em; font-weight:normal; margin:15px 0 0 0; padding:0px; text-align:left}
#maincontentwide h4 {font-size:1.25em; font-weight:bold; margin:3px 3px 5px 0; padding:0px; text-align:left; clear:both}
#maincontentwide p {margin:0px 0px 5px;}
#maincontentwide p.spacer{padding:10px 0px; text-align:center; clear:both}
#maincontentwide p.showtitle{font-size:1.8em; font-weight:bold; margin:15px 0 0 0; padding:0px; text-align:center}
#usefullinks{font-weight:bold; padding:15px 0 0 0; text-align:center}
#usefullinks p{padding:6px 0 6px 0;}


#footer {clear:both; border-top:0px solid #000; width:900px; height:60px; margin:0 auto 0; text-align:center; background-color:#000; padding:25px 0 0 0; background: url("../images/cams-footer.png") no-repeat; text-align:center }
#footer p {padding-left:0px}


/* Settings for drop down vertical menu */
#menu {display:none}

.leftfloatnospace {float:left; border-right:1px solid #333; margin:0; padding:0}
.leftfloat {float:left; margin-right:10px; margin-bottom:10px}
.rightfloat {right:0; float:right; margin-left:10px; margin-bottom:10px}
.tablealign {text-align:center}
.tablealign img {border:1px solid #000}
.pdf_bg {background-image:url(../images/pdf.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:20px }

#credits p {clear:both; text-align:center; color:#fff; font-size:0.8em; padding:5px 0;}
#credits a {color: #fff; text-decoration:underline}
#credits a:hover{color: #ffff00; text-decoration:underline}
.tradingname {font-size:0.8em; font-weight:bold; text-align:center; padding-top:20px}
.mapright {border:1px solid #666; padding:2px; float:right}
.dontshow {display:none}

#showphotos {width:360px; border:3px solid #333; float:right; text-align:center; margin:5px; padding:0}
#showphotos .large {margin:5px; border-top:3px solid #ccc; border-left:3px solid #eee; border-right:3px solid #666; border-bottom:3px solid #666}

#showphotos .small {margin:0 5px 5px; border-top:2px solid #ccc; border-left:2px solid #eee; border-right:2px solid #666; border-bottom:2px solid #666}

#showphotos p {margin:0; padding:0}

#dollyphotos {width:400px; border:3px solid #333; text-align:center; margin:5px auto 5px; padding:0}
#dollyphotos .large {margin:5px; border-top:3px solid #ccc; border-left:3px solid #eee; border-right:3px solid #666; border-bottom:3px solid #666}

#dollyphotos .small {margin:0 5px 5px; border-top:2px solid #ccc; border-left:2px solid #eee; border-right:2px solid #666; border-bottom:2px solid #666}

#dollyphotos p {margin:0; padding:0}


#thecast {margin:0px; margin-left:10px; padding:0px; width:300px; float:left}

#kmk_review {width:600px}

.kmk-review-text {color:#000; font-size:80%; width:700px}

.eightypercenttext {font-size:80%; text-align:justify}
.eightypercentcenter {font-size:80%; text-align:center}

.eightypercentleft {font-size:80%; text-align:left}
.eightypercentright {font-size:80%; text-align:right}

.highlights {border:1px solid #eee; margin:0px; margin-left:10px; padding:0px; background-color:#888; width:290px}

.leftfloat {float:left; margin-right:10px; margin-bottom:10px}
.rightfloat {right:0; float:right; margin-left:10px; margin-bottom:10px}
.poster {margin-top:10px}