/*
	All CSS compatible browsers
*/

body {
	background: white;
	color: black;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 90%;
}

/*
	CSS2 compliant browsers only
*/

@media screen {
	
	a img {
		border: 0px solid white;
	}
	
	/*
		Address section
	*/
	
	address {
		background: white;
		border: 1px solid black;
		border-width: 1px 0px;
		color: rgb(51, 46, 104);
		font-size: 75%;
		font-style: normal;
		margin: 10px 0px 10px 168px;
		padding: 4px 23px 5px 23px;
	}
		
		address span {
			color: white;
		}
		
	/*
		Main body section
	*/
	
	body {
		background-attachment: fixed;
		background-image: url("/common/images/cpc_main_bg.gif");
		background-position: bottom left;
		background-repeat: repeat-y;
		margin: 0px;
		padding: 0px;
	}
	
	.toupperc {
		text-transform: uppercase;
	}
	
	.center {
		text-align: center;
	}
	
	.small {
		font-size: 80%;
	}
	
    div.boxright {
        background: white;
        border: 1px solid #A3A0BB;
        float: right;
        margin: 0px 15px 10px 10px;
    }
    
	#twitterwidget { float: right; margin: 0px 15px 10px 10px; }
	#UKCPlogo { float: left; margin-right: 12px; border: 1px solid #cce; }
	
	/*
		Highlighted news sections
	*/
	
	.hilite {
		background: #CFCFFF; border-left: 4px solid #CFCFFF;
	}
	
	div.hilite {
		padding: 1px 20px;
	}
	
	li.hilite {
		font-weight: bold;
		padding: 5px;
		text-transform: uppercase;
	}
	
	dt.hilite {
		font-weight: bold;
		margin: 0px;
		padding: 5px 10px 2px 5px;
		text-transform: uppercase;
	}
	
	dd.hilite {
		font-weight: bold;
		margin: 0px;
		padding: 2px 10px 5px 40px;
	}
	
	/*
		Main header section
	*/
	
	div#header {
		background-color: white;
		height: 95px;
		margin: 0px;
	}
	
	/*
		Main menu section
	*/
	
	div#menu {
		background: rgb(163, 160, 187);
		font-size: 90%;
		left: 0px;
		position: absolute;
		text-align: left;
		top: 108px;
		width: 168px;
	}
		
		div#menu ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			
			div#menu ul li {
				margin: 20px 0px 20px 15px;
			}
				
				div#menu ul li a {
					color: rgb(51, 46, 104);
					font-weight: bold;
					text-decoration: none;
					text-transform: lowercase;
				}
				
				div#menu ul li.hilite a {
					color: red;
					text-transform: uppercase;
				}
				
				div#menu ul li a:hover {
					color: white;
				}
				
	/*
		Main content section
	*/
	
	div#content {
		margin: 10px 0px 35px 168px;
		padding: 0px 23px 0px 23px;
	}
		
		div#content h1 {
			color: rgb(51, 46, 104);
			font-size: 130%;
			text-transform: none;
		}
		
		div#content h2 {
			color: rgb(51, 46, 104);
			font-size: 110%;
			font-style: italic;
		}
		
		div#content h3 {
			color: rgb(51, 46, 104);
			font-size: 90%;
			text-transform: uppercase;
		}
			
			div#content h3 small {
				font-weight: normal;
			}
		
		div#content p {
			padding: 0px 1em;
		}
		
		div#content p.big {
			font-size: 120%;
			font-weight: bold;
			text-align: center;
		}
		
		div#content .no-bullet {
			list-style: none;
			list-style-image: none;
		}
			
			div#content .no-bullet img {
				margin-right: 20px;
				vertical-align: middle;
			}
			
		div#content ul {
			list-style-image: url("/common/images/bullet.gif");
		}
			
			div#content ul li {
				padding: 4px 0px;
			}
			
		div#content dl.indent {
			margin-left: 60px;
		}
			
			div#content dl dt {
				color: rgb(51, 46, 104);
				font-weight: bold;
				margin: 8px 0px;
			}
				
				div#content dl dt small {
					font-weight: normal;
				}
				
			div#content dl dd {
				
			}
			
		div#content span.left {
			float: left;
			margin: 3px 10px 0px 15px;
		}
		
		div#content div.indent {
			margin-left: 30px;
		}
			
			div#content div.indent p {
				padding: 0px;
			}
			
		div#content div.event {
			border-bottom: 1px solid rgb(51, 46, 104);
			border-top: 1px solid rgb(51, 46, 104);
			font-weight: bold;
		}
		
		div.right-float-feature {
			background: rgb(163, 160, 187);
			float: right;
			font-size: 75%;
			margin: 0px 0px 10px 8px;
			padding: 10px 6px;
			text-align: center;
			width: 260px;
		}
			
			div.right-float-feature p {
				margin: 10px 0px;
			}
			
		/*
			Visually displayable tables
		*/
		
		table.display {
			background: white;
			border: 5px solid rgb(163, 160, 187);
			width: 100%;
		}
			
			table.display th, table.display td {
				font-size: 90%;
				padding-left: 12px;
				vertical-align: top;
			}
			
			table.display th {
				background: rgb(163, 160, 187);
				border-bottom: 5px solid rgb(163, 160, 187);
				color: rgb(51, 46, 104);
				text-align: left;
			}
			
		/*
			Tables in the forum
		*/
		
		table.forum-message {
			border: 5px solid rgb(163, 160, 187);
			width: 100%;
		}
			
			table.forum-message caption {
				background: rgb(163, 160, 187);
				color: white;
				font-size: 120%;
				font-weight: bold;
				padding-top: 5px;
				text-align: center;
			}
			
			table.forum-message .head {
				background: rgb(163, 160, 187);
				border: 5px solid rgb(163, 160, 187);
				color: rgb(51, 46, 104);
				font-size: 120%;
				font-weight: bold;
				text-align: left;
			}
				
				table.forum-message .head input.text {
					color: rgb(51, 46, 104);
					font-size: 110%;
					font-weight: bold;
				}
				
			table.forum-message td.message {
				background: white;
				padding: 1em;
			}
				
				table.forum-message td.message textarea {
					padding: 5px;
					width: 99%;
				}
				
			table.forum-message tr.foot td {
				background: rgb(163, 160, 187);
				color: lightgrey;
				font-weight: bold;
			}
				
				table.forum-message tr.foot td a {
					color: rgb(51, 46, 104);
				}
				
				table.forum-message tr.foot td a:hover {
					color: white;
				}
				
			table.forum-message td.left {
				text-align: left;
			}
			
			table.forum-message td.center {
				text-align: center;
			}
			
			table.forum-message td.right {
				text-align: right;
			}
			
			table.forum-message tr.list-row td {
				padding: 5px;
			}
			
		/* 
		 * New bbpress forum styles
		 */
		
		div.login-form {
			 background: rgb(163,160,187);
			 font-size: 80%;
			 padding: 1px 20px 5px;
		}
		
		div.login-form form {
			text-align: center;
		}
		
		div.login-form p.fields {
			float: left;
			margin-top: 5px;
		}
		
		div.login-form p.options {
			padding-top: 7px;
			text-align: left;
		}
		
		ul#profile-menu {
			text-align: center;
		}
		
		ul#profile-menu li {
			display: inline;
			margin: 1px 3px 2px;
			padding: 1px 3px 2px;
		}
		
		ol#thread {
			background: rgb(163,160,187);
			border: 5px solid rgb(163,160,187);
			margin-bottom: 0px;
		}
		
		ol#thread li {
			margin: 0px 10px;
			padding: 10px;
		}
		
		ol#thread div.threadpost {
			background: white;
			padding: 5px 10px;
		}
		
		ol#thread div.threadmeta {
			float: left;
		}
		
		ol#thread div.toolbar {
			text-align: right;
		}
		
		fieldset {
			border: 5px solid rgb(163,160,187);
			margin-bottom: 15px;
		}
		
		legend {
			font-weight: bold;
		}
		
		p.submit {
			text-align: center;
		}
		
		form.postform {
			background: rgb(163,160,187);
			border: 5px solid rgb(163,160,187);
			padding: 1px 10px;
		}
		
		form.postform textarea {
			font-family: verdana, helvetica, arial, sans-serif;
			font-size: 100%;
			padding: 5px;
			width: 100%;
		}
		
		form.search-form {
			background: rgb(163,160,187);
			border: 5px solid rgb(163,160,187);
			padding: 1px 10px;
			text-align: center;
		}
		
		ol.search-results {
			background: rgb(163,160,187);
			border: 5px solid rgb(163,160,187);
		}
		
		ol.search-results li {
			background: white;
			margin: 10px;
			padding: 1px 10px;
		}
		
		ol.search-results li p.resultmeta {
			background: rgb(163,160,187);
			margin: 0px -10px -1px;
		}
		
		table.forum-message {
			margin-bottom: 1em;
		}
		
		div.nav {
			text-align: right;
		}
}