/********************************************
    IIMS CSS TEMPLTE
	COPYRIGHT© 2007 Apollo Internet Media
	Developed by Justin Kercher
********************************************/

body { 
	background-color: #cccccc;
	background-image: url(../images/layout/iimsbg.jpg); background-position: center center; background-repeat: repeat-x; background-attachment: fixed; 
	color: #210909;
	font-family: arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

a {
	color: #006666;
}

form {
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #000;
}

h1 {
	color: #3D6D9D;
	font-size: 1.4em;
	margin-top: 3px;
}

	 #webview { text-align: center; font-size: 0.8em; color: #666666; margin-bottom: 10px; }	
	 	#webview a { color: #666666; text-decoration: none; }

h2 {
	color: #3D6D9D;
	font-size: 1.2em;
	margin-top: 3px;
	margin-bottom: 0px;
}

#frame {
	width: 901px;
	text-align:left;
}

 #email_frame {
    width: 500px;
	text-align:left;
 }  

#topmenu { color: #ffffff; text-align: right; font-size: 0.8em; padding-right: 30px; margin-bottom: 4px; }
	#topmenu a { color: #ffffff; text-decoration: none; padding: 1px; }
	#topmenu .locked { padding-left: 18px; background-image: url(../images/padlock.png); background-repeat: no-repeat; background-position: left top; margin-left: 3px; }
	
#header {
	background-image:url(http://www.iims.org.uk/images/layout/header.png);
	background-repeat:no-repeat;
	height: 214px;
}

	#email_header {
		background-image:url(http://www.iims.org.uk/images/email/header.jpg);
		background-repeat:no-repeat;
		height: 119px;
	}

#menu {
	background-color: #597FA4;
	color: white;
	height: 28px;
	text-align:center;
	font-size: 0.8em;
}

 #menu a {
 	color: #ffffff;
	text-decoration: none;
 }

#middle {
	/* background-image: url(http://www.iims.org.uk/images/layout/ctile.jpg);*/
	background-repeat: repeat-x;
	background-position:top;
	background-color: white;
}

#footer {
	height: 28px;
	background-image: url(http://www.iims.org.uk/images/layout/footer.png);
	background-repeat: no-repeat;
}

	#email_footer {
		height: 16px;
		background-image: url(http://www.iims.org.uk/images/email/footer.jpg);
			background-repeat: no-repeat;
	}

#leftcol {
	width: 235px;
	float: left;
	clear: none;
}

#leftcol select {
	width: 98%;
	margin: 3px;
	color: #3D6D9D;
}

#content {
	width: 644px;
	float: right;
	clear: none;
	font-size: 0.8em;
}

.breaker {
	clear: both;
}

.padding10 {
	padding: 10px;
}

#copyright {
	color: #ffffff;
	font-size: 0.8em;
}

#copyright a {
	color: #ffffff;
	text-decoration: none;
}

.greybox {
	background-color: #ececec;
	border: solid 1px gray;
	padding: 5px;
	color: gray;
	font-size: 0.8em;
}

.error {
	background-color: #ececec;
	border: solid 1px silver;
	padding: 10px;
	color: red;
}

.msg {
	background-color: #ececec;
	border: solid 1px silver;
	padding: 10px;
	color: green;
}

a img { border: 0px; }


#memberpanel { position: relative; float: right; clear: none; width: 400px; height: 30px; text-align: right; }
	#memberpanel a { text-decoration: none !important; }
	
.listing-entry { height: 220px; clear: both; }	
	.listing-entry .listing-content { float: left; clear: none; height: 200px; width: 400px;  }
	.listing-entry .listing-photo { height: 200px; width: 140px; float: left; clear: none; margin-right: 10px;}
	
/******************************************
	EVENT LAYOUT
******************************************/	
		.eventDetails { float: right; clear: none; width: 520px; }
	
		.date { background-color: #ffffff; color: #ffffff; width: 62px; height: 76px; text-align: center; float: left; clear: none; margin-right: 10px; border: solid 1px #cc3333  }
		    .date .day { font-size: 3.2em; font-weight: bold; text-align: center; color: #000000; }
		    .date .month { font-size: 1.0em; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 0px; background-color: #cc3333; }	
			
.pagination { float: right; clear: none; width: 300px; text-align: right; clear: both; height: 30px; font-size:  0.8em; font-weight: normal; }
	    .pagination .pageOff { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; margin: 0px 1px  }
	    .pagination .pageOn { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; background-color: #ececec;  margin: 0px 1px }			
		
		
#memberPanel { margin: 4px 0px 16px 0px }		
	#memberPanel a { margin-right: 6px; }