/* COLOURS
BODY GREY - #5f6062
GREEN - #c1d82f
*/

html, body { 
height:100%;
}

body {
background-color:#5f6062;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:"Trebuchet MS",Verdana,Sans-Serif;
}


#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
width:780px;
background:white url(images/wrap_bg.gif) repeat-y;
}

#footer {
height: 80px; /* .push must be the same height as .footer */
width:780px;
margin:auto;
background:white url(images/footer_bg.gif) no-repeat;
}

.push {
height:80px;
clear:both;
}

.clear {
clear:both;
margin-top:0;
height:1%;
width:100%;
overflow:hidden;
} 

#header {
width:780px;
height:100px;
background-color:#5f6062;
}

#contentTop {
width:780px;
height:70px;
background:white url(images/content_top.gif) no-repeat top;
}

#mainMenu {
width:150px;
min-height:353px;
background:#c1d82f url(images/menuBottom.gif) no-repeat bottom;
float:left;
}

* html #mainMenu {
height:200px;
}

/*
#mainMenu ul {
width:150px;
}
*/

#mainMenu li {
text-align:right;
font-size:13px;
position: relative;
}

#mainMenu li a {
background:none transparent;
color:#5f6062;
display:block;
width:145px;
padding-right:5px;
height:24px;
padding-top:6px;
border-bottom:1px solid white;
text-decoration:none;
}

#mainMenu li a:hover {
background:white;
color:#5f6062;
padding-bottom:1px;
height:23px;
}

#mainMenu li#alisonsRule_menu a {
height:103px;
text-align:center;
padding-left:5px;
width:140px;
}

#mainMenu li#alisonsRule_menu a {
background:#c1d82f;
}

	li ul {
	position: absolute;
	left: 150px;
	top: -1px;
	display: none;
	border: 1px solid #ddd;
	border-left:0;
	border-bottom:0;
	}

	#mainMenu li li {
	background:#c1d82f;
	}

	li ul li a {
	display: block;
	text-decoration: none;
	}
	
	li:hover ul, li.over ul { 
	display: block; 
	}


#content {
float:right;
width:630px;
}

#contentLeft {
float:left;
width:314px;
clear:both;
border-right:1px solid #ccc;
}

#contentRight {
float:right;
width:315px;
}


#columnSpot {
width:250px;
float:right;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:5px;
}

#archiveSpot {
width:200px;
float:right;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:5px 5px 10px 10px;
background-color:white;
}

/*.showLogo {
float:right;
margin:0 5px;
}
*/


.showLogo {
margin:5px 10px -5px 10px;
}
/* TYPOGRAPHY */

h1 {
width:423px;
height:97px;
margin-left:150px;
padding-top:2px;
}
/*
h1, h2 {
text-transform:uppercase;
font-weight:normal;
}

h1 {
color:white;
font-size:24px;
margin-left:175px;
padding-top:20px;
}

h1 a {
text-decoration:none;
color:white;
}
*/
h2 {
color:#5f6062;
font-size:24px;
padding-top:33px;
padding-right:200px;
text-align:right;
text-transform:uppercase;
font-weight:normal;
}

h3 {
color:#c1d82f;
font-size:18px;
margin:5px 20px;
padding:2px;
}

h3 a {
color:#c1d82f;
text-decoration:underline;
}

h3 a:hover {
text-decoration:none;
}

p {
font-size:12px;
color:#5f6062;
margin:5px 30px;
padding:3px;
}

p a {
color:#899b15;
text-decoration:underline;
}

p a:hover {
text-decoration:none;
}

#columnSpot p {
margin:5px 20px;
}

p.dateline {
text-align:right;
font-style:italic; 
border-bottom:1px solid #ccc;
margin:-32px 20px 5px 20px;
}

p#tagLine {
color:#c1d82f;
font-size:20px;
padding:2px;
border-top:1px solid #c1d82f;
margin-left:175px;
margin-right:280px;
}

#footer p {
text-align:center;
font-size:12px;
color:white;
padding-top:13px;
}

* html #footer p {
padding-top:9px;
}

* + html #footer p {
padding-top:9px;
}

#footer p a {
color:white;
text-decoration:underline;
}

#footer p a:hover {
text-decoration:none;
}

#archiveSpot p {
margin:5px 15px;
}

#archiveSpot h3 {
margin:5px;
}
.mainForm {
width:420px;
padding:5px;
margin:10px;
}

.mainForm fieldset {
border:1px solid #ccc;
padding:5px;
margin-top:5px;
}

.mainForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #ccc;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:white;
}

.mainForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:16px;
text-transform:uppercase;
color:#555;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:160px;
text-align:right;
}

.mainForm .inputField, .textField {
width:220px;
height:20px;
padding:1px;
border:1px solid #c1d82f;
color:#555;
float:left;
margin-bottom:10px;
font-size:12px;
}

.mainForm .textField {
height:100px;
overflow:auto;
}

.submitButton {
float:right;
background:white url(images/submitBG.gif) no-repeat;
width:121px;
height:47px;
cursor:pointer;
color:#5f6062;
font-size:16px;
font-weight:bold;
text-align:center;
margin-top:5px;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
height:16px;
background:white url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:15px;
}

.mainList {
margin:5px 40px;
}

.mainList li {
padding-left:13px;
background:white url(images/mainList_marker.gif) no-repeat left;
font-size:12px;
color:#555;
margin-top:3px;
}