/*
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:380px;
	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;
}


/* ---- 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 */