/* ---------------------------------------------
Screen Stylesheet for http://www.mildandsexperiences.com
Updated: 13/10/08
author: David Sangwell
website: http://www.midlandsexperiences.com
-------------------------------------------------
>> ::COLORS::

>> ::TOC::
Resets
Defaults
Typography
Forms
Tables
Template 
Links
Menus
Global Classes
Content

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

/* ---------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}

fieldset, table {
border:none;
}

/* ---------- ::Document Defaults:: ---------- */
html { 
font-size:100.01%; 
height: 101%;


}

body {
	margin:0 auto;
	height:100%;
	font:100%/1.8em 'lucida sans', trebuchet, 'MS Sans Serif',sans-serif;
	color:#ffffff;
	background-image: url(../siteimages/bg.gif);
	background-repeat: repeat;

}


/* ---------- ::Typography:: ----------------- background: #A3A3A3 url("border/headerbg.png") repeat-x 0 0;*/
blockquote, address, pre {
margin:.5em 2em;
}
blockquote, p, li {
padding:0 0 .4em 0;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
}

h1 {

text-align:center;
font: 150% 'lucida sans', trebuchet, 'MS Sans Serif',sans-serif;
}

#main h2 {
	margin-top:10px;
	margin-left:10px;
	text-transform:uppercase; 
	font-size:120%; display:block; 
	height:30px; 
	padding-top:6px;
	padding-left:5px;
}

h3 {
	font-size:130%;
	text-align:center;
	margin:5px 0;
	font-weight:bolder;
	font: 150% 'lucida sans', trebuchet, 'MS Sans Serif',sans-serif;
}

p, li {font-size:100%;}

li{margin-left:2em;}

#footer p {text-align:center;}

img {border: 0;}


/*----------------- ::Main container headers:: -------------------------------------------------------*/

h1{
	color: #fff;
	margin:10px 0 0 0;
	padding: 0 10px 0px 10px;
	background: #6e7d98 url("h1back.png") repeat-x 0 0;
	text-align:left;
	font-size: 18px;
}
/* ---------- ::shadow containers:: 170px160px border-top: 1px solid #acb5bd;---------------------- */
.outerdiv, .outerdivmucky
{	height:100%;
	margin-top:10px;
	position:relative;
	width:100%;
	padding: 0 0 0 0;
}

#leftlink .boxtop180 { 
        background: #fff url(boxtop1801.png) no-repeat; 
        height:6px; 
        width:180px; 
		margin: 0 0 0 0;
        behavior:url(iepngfix.htc); 
} 
.boxcream { 
		
        background: transparent url(creamback180.png) repeat-y 0 0; 
} 
.boxwhite { 
		
        background: transparent url(whiteback180.png) repeat-y 0 0; 
} 
.boxwhite800 { 
		
        background: transparent url(whiteback800.png) repeat-y 0 0; 
} 
#leftlink .boxbot180 { 
        position:relative;
        background: transparent url(boxbot1801.png) no-repeat; 
		behavior: url(iepngfix.htc);
		clear:both;
        height:6px; 
        width:180px; 
        margin: 0 0 0 0;
}

/* ---------- ::rounded corners::---------------------- */


#sitetitle {
	margin: -10px;
}
#sitetitle.outerdiv {
	background: #4e5963 url("./includes/images/siteimages/site_title.gif") repeat-x 0 0;
}
/* ---------- ::shadow containers:: ---------------------- */
.fullhead {
	margin:0;
	padding:0;
	position:relative;
	width:1000px;
	clear:both;
	font-size:10px;
	
}
.pentheadone, .pentheadtwo, .pentheadthree, .pentheadfour, .pentheadfive {
width: 200px;
margin:0;
position:relative;
}
.pentheadone, .pentheadtwo, .pentheadthree, .pentheadfour {float:left;}
.pentheadfive {float:right;}

.sixtyleft, .sixtyright {
width: 800px;
margin:0;
position:relative;
float:left;
}

.halfheadleft, .halfheadright {
	width: 500px;
	margin:0;
	position:relative;
	font-size:12px;
}
.halfheadleft {	float:left;}
.halfheadright {float:left;}
.locheadleft {
width: 500px;
margin: 0;
position: relative;
float: left;
}
.ghostfull {
width: 1000px;
margin: 0;
position:relative;
background-image: url(images/melogo.png);
}
.image200left {
width:150px;
height:150px;
margin:0;
float:left;
}
.textrest {
width:653px;
margin:0px;
float:left;
}
.textfull {
width:100%;
margin:0px;
float:left;
}

/* ---------- ::Forms:: ---------------------- */
input, label {
vertical-align: middle;
}
#main label {
	cursor:pointer;
	font-weight:bold;
	width: 100px;
	padding-right: 20px;
}
input, select, textarea {
font-size:1em;
font-family:inherit;
font-size:12px;
}
input, textarea {
padding:.2em;
}
#main form {
	margin: 10px auto;
	padding:5px;
}
#leftlink input {
	display: block;
	width: 110px;
	margin-bottom: 5px;
}
#leftlink .okbutton, #register .okbutton {
	width: 80px;
}
/*New forms*/
#register {padding: 0;}

#register label {
	display: block;
	float: left;
	width: 130px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
	cursor:pointer;
}
#register input, select, textarea {
	font-size:12px;
	font-family:inherit;
	font-size:12px;
	clear:right;
	width: 200px;
}
#register .required label 
{font-weight: bold;}
#register .optional label
{font-weight:normal;}
#register fieldset
{
	border-top: 1px solid #000;
	margin-bottom:10px;
	clear: none;
}
#register fieldset legend {
	margin-left:20px;
	color: #000;
	font-size:130%;

}
#register div {
	float:left;
  clear: left;
  display: block;
  width: 380px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;
}
#register fieldset .small {
	width:200px;
	border: 1px solid #000;
	margin-left:150px;
}
#register fieldset .small legend {
	font-size:100%;
}
#register fieldset .small label{
	width:100px;
	clear:none;
}
#register fieldset .small input{
	width:20px;
	float:right;
}
#register .short {
	width:50px;
}
#register .infobox {
	color: #acacac;
	display: block;
	float:right;
	border: 1px solid #000;
	background-color: #fffbc6;
	font-size:80%;
	width:150px;
}
#register .infobox h4 {
	color: #acacac;
	font-weight:bold;
	text-align: center;
	font-size:100%;
	border-bottom:1px solid black;
}
#register .infobox p {
	margin:0px;
}

#register .errorbox, .anerror {
	border: 1px solid #ff0000;
	background-color: #fffbc6;
}
#register .errorbox P {
	color: #ff0000;
	font-size:90%;
	margin-left:150px;
}

/* ---------- ::Tables:: --------------------- */
table {
table-layout:fixed;
overflow:hidden;
}
/* ---------- ::Template:: ------------------- */
#wrap{
position:relative;
margin:0 auto;
margin-top:20px;
padding:10px;
width: 1000px;
border:0;
color:#ffffff;
background-image:url(../siteimages/bg.gif)
font-size:130%;
}
#main {
	clear:both;
	position:relative;
	float:right;
	width:800px;
	background-color:#222222;
	margin:20px 0;
	
}
#toplink {
	clear:both;
	position:relative;
	margin: 5px 10px;
}

#leftlink{
	position:relative;
	float:left;
	width:180px;
	padding:0;
	margin:0;
	text-align:center;
}
#loclist, #footer {
	clear:both;
	position:relative;
	width:1000px;
	text-align:center;
	font-size: 80%;

}
#loclist {
font-size:90%;
}

/* ---------- ::Links:: ---------------------- */
a {
clear:right;
text-decoration:none;
color: #9999ff;
}
a:visited {
text-decoration:none;
color: #3333FF;
}
a:active, a:focus, a:hover {
text-decoration:none;
}


a img {
border:none;
}

#leftlink .links p {
	text-align:center;
	padding-top:5px;
	margin:0;
	width:160px;
	height:30px;
	background: transparent url(../includes/images/vip_logos/splatbutton.png) no-repeat top left;
}
#leftlink .links p{
	margin-left: 10px;
	font-size: 14px;
	font-weight:bold;
}

/* ::loclist Menu:: */
#loclist a:active, #loclist a:focus, #loclist a:link, address a, #main a:link, #leftlink a:link, #leftlink a:focus{
text-decoration: none; 
}
#loclist a:hover, address a:hover, #main a:hover {color: #cc3366; text-decoration: underline;}

/* ---------- ::Global Classes:: ------------- */
.center {
text-align:center;
}
.spacer {
	width:100%;
	height:2px;
	background: #000000 url(spacer.gif) repeat-x center center;
	margin:5px 0;
	clear:both;
}
.centerimg{
position:relative;
margin: 0 auto}

.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}

.floatleft{
float:left;
}
.floatright, .inforight {
float:right;
}
.testinfo{
float:right;
font-size:80%;

}
.hidden {
display:none;
visibility:hidden;
}
.inline {
display:inline;
}

br {clear:left;}
/* ---------- ::Content/Pages:: -------------- */

/* /// specific page rules here /// */

p {
margin:0;
padding:5px 10px;
font-size:100%;
line-height:1.3em;
text-align:left;
}
blockquote p {
margin:0;
padding:0;
font-size:85%;
font-style:italic;
color:#808080;
}
ul {
margin-top:0;
color:#fff;
}
/* Structure and minor style */

.sitenames {font-size:80%}

.errormes {
	color:#ff0000;
	font-size:70%;
}
.flashleft {
	position:relative;
	float:left;
	margin: 5px 30px;
	
}
.spacer {
	margin:20px 0;
	}

address {font-weight: bold;}

.halfwidth {
	width: 390px;
	position:relative;
	clear:both;
}
.halfwidth .moveleft {
	float:left;
}

.contactimg {
	position:relative;
	float:right;
	margin: 0 10px 0 0;
}
.wrapimg {
	float: left;
	clear:both;
	margin: 10px;
}

#sitecover {
	font-style: italic;
	text-align:center;
	color: #ff0000;
}
.globe {
	background: transparent url(../includes/images/siteimages/earth_back.png) no-repeat center center;
	width:100%;
	height:100%;
}
.contact
{
	background: transparent url(../includes/images/siteimages/contact_back.gif) no-repeat center bottom;
	width:100%;
	height:100%;
}
#sitetitle {
	margin: 0 auto;
	clear:both;
	position:relative;
	width:900px;
	background: transparent url(../includes/images/siteimages/site_title.gif) no-repeat center center;
	
}
#sitetitle h1 {
	font-size: 35px;
	font-weight: bold;
}
#sitetitle p { 
	font-weight: bolder;
	font-size:120%;
}
#maptitle {
	font-size:110%;
	font-weight: bolder;
}