body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #fff url(../images/loac_background.gif) repeat-y center;
}

#page {
	width:  1000px;
	margin-left: auto;
	margin-right: auto;
}

/* @group Header */

#header {
	color: #fff;
	font: bold 1em "Helvetica Neue", Helvetica, Geneva, sans-serif;
	text-align: right;
	background: #4577a5 url(../images/loac_logo_top.jpg) no-repeat left bottom;
	height: 2.5em;
}

/* @group Navigation */

#header ul.nav { float: right; height: 30px; }
#header ul.nav li { float: left; position: relative; }
#header ul.nav li a { display: block; padding: 5px 10px; line-height: 2.5em; color: #fff; }
#header ul.nav li ul { 
	display: none; 
	position: absolute; 
	top: 2.5em; 
	left: 0; 
	width: 200px; 
	background: #4577a5; 
	text-align: left; 
	padding: 0;
  	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15);
  	box-shadow: 0 3px 3px rgba(0,0,0,0.15);
}
#header ul.nav li:hover ul { display: block; }
#header ul.nav li ul li { float: none; line-height: 1em; }
#header ul.nav li ul li a { display: inline-block; line-height: 1em; }
#header ul.nav li ul li a { display: block; }
#header ul.nav li ul li a:hover {
	background-color: #f96668;
}

#footer ul.nav {
	list-style: none;
}

#footer ul.nav li {
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#footer ul.nav li ul {
	display: none;
}

/* @end */

/* @end */

/* @group Layout */

#content {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
}

#content_wrap {
        float:left;
        width:200%;
		position:relative;
		left:200px;
		background-color: #fff;
}

#right_column_wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:200px;
	    padding-bottom:1em;
		background: #6ffecc;
}

#right_column {
        margin:0 0 0 200px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
}

#left_column {
        float:left;
        width:200px;
        position:relative;
        right:200px;
		background: #ca65fc;
}

/* @end */

/* @group Footer */

#footer {
	background-color: #dda958;
	text-align: center;
}

#footer > ul {
	color: #fff;
	font: bold 0.8em/2em "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#footer > ul > li > a, #footer > ul > li > a:visited {
	text-decoration: none;
	color: #333;
}

#footer > ul > li > a:hover {
	text-decoration: underline;
	color: #333;
}

#footer > p {
	color: #333;
	font-size: 0.7em;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

.clear {
	clear: both;
}

#newsfeed h1 {
	font-size: 1.5em;
	margin-bottom: 1em;
}

a, a:visited {
	color: #227ffc;
	text-decoration: none;
}

a:hover, a:active {
	color: #f96668;
	text-decoration: none;
}

p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 1em;
}

div.news_item img {
	border: 1px solid #4c4c4c;
	padding: 10px;
	margin: 10px;
}

div.news_item {
	margin-top: 2em;
}

div.news_item img.signature {
	border-style: none;
	margin: 0;
	padding: 0;
}

div.news_item p {
	font-size: 0.9em;
	line-height: 1.2em;
	margin-bottom: 1em;
}