/*  © Copyright TheMediaPoint - http://www.themediapoint.co.uk | main stylesheet */

body {
  font-size: 72%;
  font-family:Arial, Helvetica, sans-serif;
  margin:auto;
  color: #000;
  background: #f9efe4 url(../images/body-bg.png) no-repeat center top;
}

/* links ----------------------------------------------------------------------- */

a			{ font-weight:bold; text-decoration:underline; color: #A2651A; background-color: inherit; }
a:hover	{ text-decoration:none; color: #0bc; }

/* headings -------------------------------------------------------------------- */

h1, h2, h3, h4, h5
{
  font-family:Arial black, Helvetica, sans-serif; text-transform:uppercase; color: #A2651A; background-color: inherit; }

h1 { font-size: 2em;	line-height: 1em; 	margin: 0 0 0.2em 0;        letter-spacing:-1px; }
h2 { font-size: 1.5em; 	line-height: 1.3em;	margin: 0;        letter-spacing:-1px; }
h3 { font-size: 1.3em;  line-height: 1.3em;	margin: 0; }
h4 { font-size: 1.2em;	line-height: 1.3em;	margin: 0 0 0.25em 0; }
h5 { font-size: 1.1em;	line-height: 1.3em;	margin: 0 0 0.25em 0; }

/* text ------------------------------------------------------------------------ */
p {
  font-size: 1em;
  margin: 0 0 1em 0;
  line-height: 1.4em;
}

strong, b { font-weight: bold; }
em, i { font-style: italic; }

/* basic layout ---------------------------------------------------------------- */

div { font-size: 1em; }

#wrapper {
	width: 940px;
   padding:0 8px 0 10px;
	margin: auto;
}

#header {  width:315px; margin:50px 18px 0 0;  float:left; height:auto; overflow:auto;
}

#header .logo { margin-bottom:20px; }

#header #contact-info { text-align:right;margin:20px 35px 0 0; }
#nav ul { text-align:right; padding:10px 0; background:#A2651A;margin-right:25px; }

#nav li { list-style:none; display:block; height:36px; }

#nav li a { text-transform:uppercase; color:#fff; text-decoration:none; font-weight:bold; font-size:1.6em; padding:10px 10px 8px 10px;   display:block; background:#A2651A; }

#nav li a:hover { text-decoration:underline; }

#nav li a.active { margin-right:-15px; color:#000; background:#f9efe4; text-decoration:none; border:1px #e1d7cc solid; padding:9px 9px 7px 9px; }

#nav li a:hover:before { 
content: url(../images/cog-white.png); 
}
 
#nav li a.active:before { 
content: url(../images/cog-black.png); 
} 

#content { width:556px; min-height:700px; padding:10px 20px; float:left; border-left:2px #EEDECC solid; border-right:2px #EEDECC solid; background:#F9EFE4;
}

#content img { border:3px #A2651A solid; }
#content img:hover { border:3px #f1b871 solid; }

#content #random-quote { margin-bottom:20px;}
#content #random-quote p { text-align:right; margin-right:60px;}
#content #random-quote h3 { text-align:center; font-style:italic; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;  }
#content .half-l { width:250px; padding-right:10px; }
#content .half-r { width:250px; padding-left:10px; }
#footer {
}

/* jquery styles --------------------------------------------------------------- */


/* additional styles ----------------------------------------------------------- */

.clear	{ clear: both; }
.f-left	{ float: left; }
.f-right	{ float: right; }

/*  © Copyright TheMediaPoint - http://www.themediapoint.co.uk | main stylesheet */

.msg_list {
	width:500px;
	height:auto;

}

.msg_head {
	cursor:pointer;
	height:auto;
	color:#000;
	font-size:18px;
	text-decoration:underline;
	text-align:left !important;
	padding-top:10px;
}


.msg_body {
	height:auto;
	font-family:Arial, Helvetica, sans-serif !important;
	padding-top:10px;
	}
	
#message {margin: 5px 10px; padding: 4px; display:block;text-align:center;}
#message.error {background:#FFEBE8;border: 1px solid #CC0000;color:#CC0000;}
#message.success {border:solid 1px #349534; background:#C9FFCA;color:#008000;}