/*

Site Name: JOMC

Version: 1.0

Author: Andy Pearson

Author URI: http://www.binamic.co.uk

Date: 14/10/09

Time: 10:41:14

*/



body {

	font:62.5%/1.7 Verdana, Arial, sans-serif;

	background-color:#fff;

}

h1 {

	font-size:2.2em;

	font-weight:bold;

}

h3 {

	color:#003d54;

	font-size:1.4em;

	font-weight:bold;

	padding-bottom:18px;

}

h4 {

	color:#003d54;

	font-size:1.2em;

	font-weight:bold;

	padding-bottom:12px;

}

p {

	font-size:1.1em;

	padding-bottom:1em;

}

	p.be_form_success {

		clear:both;

		border:1px solid #04B500;

		color:#04B500;

		font-weight:bold;

		padding:6px 9px;

		margin-bottom:1em;

		background-color:#E5FFE4;

	}

	p.be_form_error {

		clear:both;

		border:1px solid #c60000;

		color:#c60000;

		font-weight:bold;

		padding:6px 9px;

		margin-bottom:1em;

		background-color:#fff3f3;

	}

a {

	text-decoration:none;

	border-bottom:none;

	color:#E37816;

}

ul {

	padding:0 0 1em 24px;

	font-size:1.1em;

	list-style:disc;

}



ol {

	padding:0 0 1em 24px;

	font-size:1.1em;

	list-style:decimal;

}



table { width:100% }



img { display:block; }



pre {

	clear:both;

	margin-top:36px;

	font-size:1.2em;

	line-height:1.4;

	color:#e2e1dc;

	background-color:#232323;

	border:3px solid #1c1c1c;

	padding:15px;

	overflow:auto;

	font-family:"Monaco", "Courier New", Courier;

}



/*

---- Structure

*/



#container {

	width:832px;

	margin:0 auto;

	padding:8px 0 36px;

}



#site {

	border:2px solid #e37816;

}



#page-image {

	float:right;

	width:400px;

}

#page-image img { float:right; }





#main-content-additional { 

	float:left;

	width:380px;

	padding:0 0 20px 28px;

}

#main-content {

	float:left;

	padding:0 28px 20px 28px;

}



#breadcrumbs-wrap {

	height:40px;

	padding-top:8px;

}



#additional-content {

	float:left;

	width:136px;

}







/* 

---- main-content width

*/









#content div.additional #main-content {

	width:380px;

}



#page-content {

	width:360px;

	padding:48px 28px 54px 0;

	float:right;

}





/*

---- Header

*/

#header {

	padding:12px 22px 7px;

	border-bottom:4px solid #e37816;

}

	#header h1 {

		float:left;

	}

	#header h1 a {

		float:left;

		display:block;

		border:none;

		width:160px;

		height:84px;

		background:#fff url(../images/jomc.jpg) no-repeat top left;

		text-indent:-99999px;

		overflow:hidden;

	}

	#header p {

		float:left;

		padding:32px 24px 20px;

		width:520px;

		height:32px;

		background:#fff url(../images/tagline.jpg) no-repeat 24px 32px;

		text-indent:-99999px;

		overflow:hidden;

	}



/*

---- Navigation

*/

#navigation {

	padding:10px 0 13px;

	background-color:#013d55;

	overflow:hidden;

	position:relative;

	width:828px;

}

#navigation div,

#sub-navigation div,

#subsub-navigation div {

	float:left;

	position:relative;

	left:50%;

}

#navigation ul,

#sub-navigation ul,

#subsub-navigation ul {

	padding:0;

	line-height:1;

	position:relative;

	left:-50%;

}

#navigation li,

#sub-navigation li,

#subsub-navigation li {

	padding:0 8px;

	float:left;

	display:block;

	position:relative;

	border-right:1px solid #fff;

}

#navigation li.last,

#sub-navigation li.last,

#subsub-navigation li.last {

	border:none;

}

#navigation a,

#sub-navigation a,

#subsub-navigation a {

	border:none;

	color:#fff;

}

#navigation a:hover,

#navigation li.current a,

#sub-navigation a:hover,

#sub-navigation li.current a,

#subsub-navigation a:hover,

#subsub-navigation li.current a { color:#e27916; }



#sub-navigation {

	padding:6px 0 9px;

	background-color:#005e83;

	overflow:hidden;

}



#subsub-navigation {

	padding:6px 0 9px;

	background-color:#298ab0;

	overflow:hidden;

}



#breadcrumbs { padding-bottom:10px; }



#additional-content ul {

	padding:0;

	list-style:none;

	font-weight:bold;

}

	#additional-content li {

		padding:4px 0;

		border-bottom:1px solid #e8e8e8;

	}

	#additional-content li.last { border-bottom:none; }

	

	#additional-content a {

		border:none;

		color:#013d55;

	}

	#additional-content a:hover,

	#additional-content a.current {

		color:#e37816;

	}

	

	#additional-content ul ul {

		font-size:1em;

		padding-left:12px;

		line-height:1.5;

		font-weight:normal;

	}

		#additional-content ul ul a {

			color:#888;

		}

		#additional-content ul ul li {

			padding:0;

			border:none;

		}

		#additional-content ul ul a.current { color:#666; }



/*

---- News

*/

div.be_news-article h4 a { color:#E37816 !important; font-weight:bold !important; }





/*

---- Comments

*/

#comment-list h6 { font-size:1.1em; font-weight:bold; }

#comment-list h6 a { font-size:1em !important; }

#comment-list { font-size:1em; }

#comment-list li { font-size:1em; padding:12px 0 2px !important; background-color:#fff !important; border-bottom:1px solid #ccc; }

#comment-list li.first { padding-top:0 !important; }

#comment-list li.last { border-bottom:none; }

#comment-list p { font-size:1.1em !important; }



#comment-list .comment-details { margin:0 !important; }

#comment-list .comment-details p { font-size:1em !important; color:#666; line-height:1.2; }



#comment-list div { float:right; width:622px; }



/*

---- Footer

*/

#footer p {

	color:#e37816;

	padding:36px 0;

	float:right;

}

#footer p.copyright {

	float:left;

}

#footer p a {

	border:none;

	color:#e37816;

}

.binamic {
	text-decoration:underline;
}



/* ---- Clearfix */

.clearfix:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}

.clearfix { display:inline-block; }

/* Hides from IE-mac \*/

* html .clearfix { height:1%; }

.clearfix { display:block; }

/* End hide from IE-mac */