html{height: 100%;}



body

{ font-family: "lucida sans", arial, sans-serif;

  padding: 0px;

  margin: 0px;

  font-size: .78em;

  background: #F6F4F0;

  color: #635B53;}



p

{ margin: 0px;

  padding: 0px 0px 16px 0px;

  line-height: 1.7em;}



h1, h2, h3, h4

{ font-size: 150%;

  padding: 7px 0px 5px 0px; 

  margin: 0px 0px 12px 0px; 

  font-weight: bold;

  color: #00297A; /* blue color for page titles */

  font-family: "lucida sans", arial, sans-serif;}



h1, h3

{ text-transform: none;	

  font-weight: bold;

  font-size: 2em;

  margin: 0px 0px 10px 0px;

  padding: 0px 20px 5px 0px;}

 

h1

{	

	font-size: 1.5em;}



a, a:hover

{ color: #440016; /* Burgundy color for links */

	font-weight: bold;

  text-decoration: none;}



a:hover

{ border-bottom: 1px solid;

	font-weight: bold;}

	

.black

{ 	color: black;

	font-weight: normal;}

	

.green

{ 

	color: #b8bd20;

}



.border

{

	border-bottom: 1px solid black;

	padding-bottom: 0px;

}



.borderVerse

{

	border-bottom: 1px solid black;

	padding-top: 5px;

}



.space

{

	padding-top: 16px;

}



img

{ border: 0px; 

  margin: 0px; 

  padding: 0px;}



a

{ outline: none;}



form

{ padding: 0; 

  margin: 0;}



.left

{ float: left;
box-sizing:border-box;

  padding-bottom: 15px;

  padding-top: 17px;

  padding-right: 15px;

  width: 100%;}



.right

{ float: right; 

  margin-left: 10px;

  padding-bottom: 5px;

  padding-top: 17px;

  padding-left: 5px;

  border-bottom: 1px solid black;}



.center

{ display: block;

  text-align: center;

  margin: 0 auto;}

  

.desc

{	

	text-align: left;

	font-size: 9pt;

	font-style: italic;

	color: black;

	padding-top: 5px;

	line-height: normal;}	



blockquote

{ margin: 20px 0px 20px 0px; 

  padding: 10px 20px 0px 20px;

  border: 1px solid #E5E5DB;

  background: #FFF;}



ul

{ /* width: 178px; */

  margin: -10px 0px 0px 0px;

  padding-left: 35px;}



ul li

{ list-style-type: none; 

  padding: 0px 0px 2px 0px;}

  

ul li a, ul li a:hover

{ text-decoration: none; 

  padding: 0px 0px 0px 0px;

  display: inline;

  color: #440016;

  border: none;} 



ul li a:hover

{

	font-weight: bold;

	border-bottom: 1px solid;

}	





ol

{ margin: 8px 0px 0px 24px;

  padding: 0px;}



ol li

{ margin: 0px 0px 11px 0px; 

  padding: 0px;}



#main, #logo, #menubar, #site_content, #footer

{ margin-left: auto; 

  margin-right: auto;}



#header

{ background: url(back.png) repeat-x;}



#logo

{ width: 875px;

  height: 127px;

  position: relative;

  background: transparent url(logo.jpg) no-repeat right;}



#logo #logo_text 

{ position: absolute; 

  top: 0;

  left: 0;}



#logo h1, #logo h2

{ font: normal 300% 'century gothic', arial, sans-serif;

  border-bottom: 0;

  text-transform: none;

  margin: 0 0 0 9px;}



#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 

{ padding: 22px 0 0 0;

  color: #777;

  letter-spacing: 0.1em;

  text-decoration: none;}



#logo_text h1 a .logo_colour

{ color: #B8BD20;}



#logo_text a:hover .logo_colour

{ color: #777;}



#logo_text h2

{ font-size: 120%;

  padding: 4px 0 0 0;

  color: #BBB;}



#logo h1, #logo h2

{ margin: 0;

  font-family: "century gothic", arial, sans-serif;}



#logo h1

{ font-size: 300%;

  padding: 22px 0px 0px 0px;

  color: #777;}



#logo h2

{ font-size: 120%;

  padding: 4px 0px 0px 0px;

  color: #BBB;}



#logo a

{ border: none;}



#menubar

{ 

width: 870px;

  height: 46px;

  padding-top: 4px;

  padding-left: 4px;

} 



#sddm

{	margin: 0;

	padding: 0;

	z-index: 30;

	height: 46px;

	padding-top: 4px;

	padding-left: 4px;

	margin-left: auto;

	margin-right: auto;

	width: 871px;

	font-family: "lucida sans", arial, sans-serif;}



#sddm li

{	margin: 5px 0 0 0;

	padding: 0 12px 0 6px;

	list-style: none;

	float: left;

	width: auto;



	}



#sddm li a

{	letter-spacing: 0.1em;

	display: block;

	padding: 9px 22px 5px 16px;

	width: auto;

	height: 20px;

	font-family: "lucida sans", arial, sans-serif;

	font-size: 14px;

	color: #FFF;

	text-align: center;

	text-decoration: none;

	text-transform: none;

	border: none;}



#sddm li a:hover

{	background: #00297A;}



#sddm div

{	position: absolute;

	visibility: hidden;

	margin: 0;

	margin-top: -1px;

	padding: 0;

	background: #777;

	/*border: 1px solid #5970B2 */}



	#sddm div a

	{	position: relative;

		display: block;

		margin: 0;

		padding: 5px 10px;

		width: auto;

		white-space: nowrap;

		text-align: left;

		text-decoration: none;

		background: #777;

		color: #fff;

		font: 11px arial}



	#sddm div a:hover

	{	background: #00297A;

		color: #FFF}



#site_content

{ max-width: 875px;
width:100%;
  margin-top: -10px;
  box-sizing:border-box;
  
  padding:0 20px 0;
  overflow: hidden;} 

#site_content img { max-width:100%; }

.sidebar

{ float: right;

width:50%;
  padding: 0px 0px 5px 0px;
  box-sizing:border-box;

  margin-top: 12px; box-sizing:border-box;}

  

.sidebar p

{ text-align: justify; }



#content

{ text-align: left;
box-sizing:border-box;

width:50%;
  float: left;

  padding: 0px 10px 5px 3px;}

  

#content_header

 {	


	max-width: 875px;
	width: 100%;
	margin-left: auto;

	margin-right: auto;
	box-sizing:border-box;

	padding: 5px 20px 10px;
	text-align: justify;}

	

#content_footer

 {	width:100%;

	margin-left: auto;

	margin-right: auto;
	padding:0 20px 10px;
	box-sizing:border-box;

	text-align: justify;}



#footer

{ width: 100%;

  font-family: sans-serif;

  font-size: 90%;

  height: 100%;

  padding: 20px 20px 4px 20px;
  box-sizing:border-box;

  margin-bottom: 0px;

  text-align: center; 

  background: #313131;

  color: #A8AA94;

  border-top: 4px solid #00297A; /* #A4AA04;*/

  letter-spacing: 0.1em;}



#footer a

{ color: #A8AA94;

  text-decoration: none;}



#footer a:hover

{ color: #FFF;

  text-decoration: none;}

  

#footer p

{

	margin-left: auto;

	margin-right: auto;}



.search

{ width: 122px;

  border: 1px solid #CCC6B4;

  padding: 4px;

  color: #635B53;}



.form_settings

{ margin: 15px 0 0 0;}



.form_settings p

{ padding: 0 0 4px 0;}



.form_settings span

{ float: left; 

  width: 200px; 

  text-align: left;}

  

.form_settings input, .form_settings textarea

{ padding: 5px; 

  width: 299px; 

  font: 100% arial; 

  border: 1px solid #E5E5DB; 

  background: #FFF; 

  color: #47433F;}

  

.form_settings .submit

{ font: 100% arial; 

  border: 1px solid; 

  width: 99px; 

  margin: 0 0 0 212px; 

  height: 33px;

  padding: 2px 0 3px 0;

  cursor: pointer; 

  background: #3B3B3B; 

  color: #FFF;}



.form_settings textarea, .form_settings select

{ font: 100% arial; 

  width: 299px;}



.form_settings select

{ width: 310px;}



.form_settings .checkbox

{ margin: 4px 0; 

  padding: 0; 

  width: 14px;

  border: 0;

  background: none;}



.separator

{ width: 100%;

  height: 0;

  border-top: 1px solid #D9D5CF;

  border-bottom: 1px solid #FFF;

  margin: 0 0 20px 0;}

  

table

{ margin: 10px 0 30px 0;}



table tr th, table tr td

{ background: #3B3B3B;

  color: #FFF;

  padding: 7px 4px;

  text-align: left;}

  

table tr td

{ background: #FFF;

  color: #47433F;

  border-top: 1px solid #FFF;}

  

/* Unused menu styles. Marked for deletion 

ul#menu

{ float: left;

  margin: 0px;}



ul#menu li

{ float: left;

  margin: 5px 0 0 0;

  padding: 0 0 0 6px;

  list-style: none;}



ul#menu li a

{ letter-spacing: 0.1em;

  font-family: serif;

  font-size: 100%;

  display: block; 

  height: 20px;

  text-decoration: none; 

  padding: 9px 22px 5px 16px;

  text-align: center;

  color: #FFF;

  text-transform: none;

  border: none;} 



ul#menu li.selected a

{ height: 20px;

  padding: 7px 22px 4px 16px;}



ul#menu li.selected

{ margin: 7px 0 0 0;

  background: #635B53 url(tabs.png) no-repeat 0 0px;}



ul#menu li.selected a, ul#menu li.selected a:hover

{ 

color: #FFF;

}



ul#menu li a:hover

{ color: #A4AA04;} */

  

@media (max-width: 600px) {
	#content,
	.sidebar { width:100%; }	
	
}