/*
*********************************************************************

Media Type: screen

Description: Main stylesheet.

Change Log:

30/01/2009 - Created - IP

*********************************************************************
*/

/* Reset *********************************************************/
html, body
{
font-size: 125%; /* Reset 1em to 10px */
margin: 0;
padding: 0;
}

body
{
	font-size: 50%
}


div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 1em;
font-family: inherit;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

body {
line-height: 1;
color: #786A67;
 
}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:" ";
}

blockquote, q {
quotes:" ";
}
/***************************************************************************/


/* Layout */
body 
{
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  background:url(/assets/borders.gif) repeat-y center top;
}

#site 
{
	background:#fff;
	width: 99.5em;
	margin:auto;
	text-align:left;
	position:relative;
}

#content
{
  width:73.8em;
  float:left;
}

#east
,#west
{
  float:left;
}

#west
{
  width:23.2em;
}

.home #content
{
  width:73.8em;
}

.home #west
,.home .signpost .header
,.home .signpost .content
,.home .signpost .footer
{
  display:none;
}

/* Branding */
#branding
{
  position:absolute;
  left:3.5em;
  width:13.6em;
}

#branding img
{
  width:13.6em;
}

#banner img
{
  width:99.5em;
}

/* Navigation */
#navigation
{
	padding-left:3.5em;
	float: left;
	width: 800px;
}

#navigation ul 
{
    list-style-image:none; 
}

#navigation li
{
	display:block;
	float:left;
	width:9.6em;
	background:#e2e2e2 url(elson_primary-nav-bg.jpg) no-repeat left top;
	margin-right:0.4em;
}

#navigation li a
{
	font-size:1.4em;
	padding:.5em .14em; /* .7em .2em @ f-s:1em */
	background:url(elson_primary-nav-right.jpg) no-repeat right top;
	color:#575757;
	text-decoration:none;
	text-align:center;
	width:6.64em; /* 9.3em @ f-s:1em */
	display:block;
}

#navigation li.selected
{
	background:#ea2038 url(elson_primary-nav-bg-selected.jpg) no-repeat left top;
}

#navigation li.selected a
{
  background:url(elson_primary-nav-right-selected.jpg) no-repeat right top;
  color:#FFFFFF;
}

/* signposts */
.signpost
{
  float:left;
  padding:0 0 1.5em 3.5em;
  margin-top:.5em;
}

#content .signpost .image
{
    margin-bottom:0;
}

.home #content .signpost img
{
  width:33.4em;
}

#east .signpost
{
  width:auto;
  float:none;
  padding-left:2.5em;
}

#east .signpost img
{
  width:19.7em;
}


#footer
{
  clear:both;
  padding:0 3.5em 1em 3.5em;
}

#footer img
{
  float:right;
}


/* contentpage styles ----------------------------------*/
.contentpage #content
{
  padding-top:.8em;
  width:48.1em;
}

.contentpage #content
{
  margin-left:2.5em;
}

#content .article
{
  margin-bottom:1.5em;
}

#content .content
,#content .flash
,#content .image
,#content .item
,#content .download

{
  margin-bottom:2.5em;
}

p
{
  margin-bottom:1em;
}

#content .article h2
{
  margin-bottom:.2em;
}

#content .article li
{
  padding-bottom:1em;
}

#content .article table
{
  margin-bottom:1em;
}


.column p
{
  margin-top:0;
  margin-bottom:1em;
}

.contentpage #west .menu
{
  margin:.5em 0 1.5em 0;
  padding-left:3.5em;
}

#west .signpost img
{
  width:19.7em;
}

.contentpage #content .column
{
  float:left;
  width:23em;
  margin-right:1em;
}

.contentpage #content .signpost
{
  float:none;
  padding:0;
}

#content ul
{
  list-style-type:disc;
  list-style-position:outside;
  padding-left:2.5em;
}

#content ol
{
  list-style-type:decimal;
  list-style-position:outside;
  padding-left:2.5em;
}

#content table
{
  border-collapse:collapse;
  width:100%;
}

#content caption
{
  padding:0 0 .5em 0;
}

#content th
{
  background:#DEE7FE;
}

#content th
,#content td
{
  padding:.3em;
  border-bottom:solid 1px #ededed;
}

/* image */
#content .image
{
  overflow:hidden;
}

/* item */

#content .item
{
  position:relative;
  padding-left:11em;
  border-bottom:solid 1px #ededed;
  padding-bottom:1em;
}

#content .item .header
{
  float:right;
  width:37em;
}

#content .item .header h2
{
  margin:0;
}

#content .item .content
{
  margin-bottom:0;
}

#content .item .image
,#content .item .footer
{
  margin:0;
  float:left;
}

#content .item .image
{
  margin-left:-11em;
}

#content .item .image img
{
  width:10em;
}

#content .item .footer p
{
  margin-top:.5em;
}

#content .item .footer a:link
,#content .item .footer a:visited
,#content .item .footer a:active
{
  text-decoration:none;
}

#content .item .footer a:hover
{
  text-decoration:underline;
}





/* download */

#content .download
{
  padding:1em 1em 1em 5.2em;
   
}

#content .download .header
{
  float:right;
  width:100%;
}

#content .download .header h2
{
  margin:0;
  font-size:1.3em;
}

#content .download .header a
,#content .download .header a:visited
,#content .download .header a:active
{
  text-decoration:none !important;
}

#content .download .header a:hover
{
  text-decoration:underline !important;
}

#content .download .image
{
  margin:0;
  float:left;
}


#content .download .image
{
  margin-left:-4.2em;
}

#content .download .image img
{
  width:3.2em;
}

#content .download .content
{
  margin-bottom:0;
}

#content .download .footer
{
  display:none;
}


/* menu */
.menu li
{
  padding:.7em 1em;
  border-bottom:solid 1px #ededed;
}

.menu a:link
,.menu a:visited
,.menu a:active
{
  
  font-size:1.2em;
  line-height:1.3em;
  text-decoration:none;
  color:#786A67;
}

.menu a:hover
{
	color:#786A67;
	text-decoration:underline;
}

.menu li.selected a:link
,.menu li.selected a:visited
,.menu li.selected a:active
{
  
  font-size:1.2em;
  text-decoration:none;
  color:#786A67;

}

.menu li.selected a:hover
{
  color:#786A67;
  text-decoration:underline;
}


/* content styles */

#content h1
{
	font-size:2.8em;
	line-height:1.2em;
	color:#E11E29;
	font-family:Arial;
	font-weight:lighter;
	margin-bottom:0.5em;
	margin-top:0.5em;
}

#content h2
{
	margin-bottom:0.4em;
	margin-top:0.4em;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.2em;
	color:#E11E29;
	font-family:Arial;
}

#content p
,#content li
,#content td
,#content th
,#content caption
{
  font-size:1.2em;
  line-height:1.2em;
}

#content caption
{
  color:#0066CC;
  font-weight:bold;
}

#content th
{
  font-weight:bold;
}

#content a:link
,#content a:visited
,#content a:active
{
  color:#0067B3;
  text-decoration:none;
  font-weight:bold;
  text-decoration:underline;
}

#content a:hover
{
  color:#005596;
  font-weight:bold;
}



/* Clear Fixes
----------------------------------------------- */
#navigation ul:after
,#footer:after
,.contentpage #content .article:after
,.contentpage #content .item:after
{
  clear:both;
  content:".";
  display:block;
  height:0pt;
  visibility:hidden;
}

/* Editing
----------------------------------------------- */
.edit {
	color:Red;
	z-index:100;
}

.edit a {
	display:inline !important;
}

.edit img {
	width:12px !important;
	height:11px !important;
}




/* 

Test TestTestTestTestTestTestTestTestTest



 */


/* 

Test TestTestTestTestTestTestTestTestTest



 */

/* 

Test TestTestTestTestTestTestTestTestTest



 */