/* A CSS Framework by Mike Stenhouse of Content with Style */

/* SITE SPECIFIC LAYOUT */
html, body {
	margin: 0;
	padding: 0;
	background: #f8f8f8 url(../images/background2.png) repeat-y;
	background-position: top center;
	text-align: center;
	height: 100%;
}

div#page {
	width: 948px;
	margin: 0 auto;
	padding: 0px;
	background: #f1f1f1;
	text-align: center;
}

/* HEADER */
div#header {
	/*_margin: 0 0 5em 0;
	padding: 40px 20px; */
	margin: 0;
	padding: 0;   
	text-align: left;
	margin-bottom: 60px; /* This value needs to be the same as the height of #nav .wrapper */
	padding: 5px 0;
	float: left;
	display: block; 
	background: white;    
	width: 100%;
}

#header img, #footer img {
	float: left;
}
div#branding {
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	/*_width: 40%;
	margin: 0;
	padding: 10px 0 10px 20px;*/
	text-align: left;
	color: white;
}
div#organisation-details {
	float: right;
	margin-right: 15px;
	margin-top: 5px;
	/*_width: 40%;
	margin: 0;
	padding: 10px 0 10px 20px;*/
	text-align: right;
	color: #333333;
}

div#details {
	float: right;
	display: inline;
	margin-right: 0px;
	margin-top: 0px;
	color: #000;
	width: 180px;
}

div#details p {
	width: 180px;
	margin-right: 20px;
	margin-top: 0px;
}

div#branding h1 {
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
}
div#search {
	float: right;
	width: 49%;
	margin: 0;
	padding: 16px 20px 0 0;
	text-align: right;
}
/* END HEADER */


/* CONTENT */
div#content {
}


div.content-single-col {
	background: url(../images/content-base_bg.png) bottom no-repeat;
	float: left;
	width: 720px;
	display: inline;
}

div#login_logout {
	float: left;
	padding: 0px 0px 20px 10px;
	margin: 0px;
}

/* MAIN */
div#main {
}

div#message_message_note {
	float:right;
	margin-right:100px;
}

span#message_message_limit.form_limiter_error {
	color:red;
}

.content_wrapper {
	background-color: #ededec;
	padding: 0px 0px 10px 0px;
}

/* END MAIN */

ul li {
  padding-right: 10px;
}

#main img {
  padding: 0px;
  padding-left: 10px;
}

/* SUB */
div#sub {
}
/* END SUB */

/* END CONTENT */

/* POPUP */
div.popup-page {
	text-align: left;
}

/* FOOTER */
div#footer {
	color: white;
	height: 48px;
	text-align:left;
	padding-left:20px;
}
div#footer p {
}
/* END FOOTER */
/* END LAYOUT */

/* Hack(s) */
p {
  margin-bottom: 1em;

  /* IE6 crap. when there is an answer/question with an extremely
     long word, the nav box goes to the bottom of the screen.  This
     should stop it. */
  word-wrap: break-word;
}