/* RESET
----------------------------------------------------------------------------------*/
html, body, 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: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* LAYOUT
----------------------------------------------------------------------------------*/
body
{
	background: url('../images/bg_footer.gif') no-repeat center bottom;
	color: #111;
	font: 65%/1.0 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

#container
{
	overflow: hidden;
	width: 100%;
	background: url('../images/bg_body.gif') repeat-x 0 20px;
}
#top
{
	width: 960px;
	margin: 0 auto;
}

/* HEADER
----------------------------------------------------------------------------------*/
#header
{
	position: relative;
	width: 960px; height: 170px;
	background: url('../images/bg_header.gif') no-repeat 450px 0;
}
#ukcla
{
	position: absolute; left: 0; top: 20px;
	width: 170px; height: 130px;
	background: url('../images/ukcla.gif') no-repeat;
}
#ukcla a
{
	display: block;
	width: 170px; height: 130px;
}
#ukcla img
{
	display: none;
}
#strap
{
	position: absolute; right: 0; bottom: 30px;
	width: 400px; 
	font: 18px 'Century Gothic',verdana,sans-serif;
	color: #fff;
	text-align: right;
}

/* NAV
----------------------------------------------------------------------------------*/
#nav
{
	overflow: hidden;
	float: left; display: inline;
	width: 210px;
	margin: 0 0 0 20px;
}
#nav .item
{
	width: 210px;
	margin: 0 0 1em; padding: 0 0 1em;
	border-bottom: 5px solid #3b424b;
	font-size: 120%; font-weight: bold;
}

#menu
{
	overflow: hidden;
}
#menu li
{
	float: left;
	width: 210px;
}
#menu a
{
	display: block;
	padding: 8px 0;
}
#menu a:link, #menu a:visited
{
	color: #143b71;
	text-decoration: none;
}
#menu a:hover, #menu a:active
{
	color: #2c63af;
	text-decoration: none;
}

#menu li ul
{
	overflow: hidden;
	margin-bottom: 1em; padding-left: 10px;
	border-left: 1px solid #e1e1e1;
}
#menu li ul li
{
	width: 200px;
}
#menu li ul a
{
	padding: 6px 0;
}
#menu li ul a:link, #menu li ul a:visited
{
	color: #889;
	text-decoration: none;
}
#menu li ul a:hover, #menu li ul a:active
{
	color: #2c63af;
	text-decoration: none;
}

#photos ul
{
	overflow: hidden;
	list-style: none;
	margin: 1em 0; padding: 0;
}
#photos li
{
	overflow: hidden;
	float: left;
	width: 93px; height: 93px;
	margin: 0 10px 10px 0;
	border: 1px solid #2c63af;
}
#photos .rt
{
	float: right;
}

/* CONTENT
----------------------------------------------------------------------------------*/
#content
{
	overflow: hidden;
	float: right;
	width: 720px;
}
#content .inner
{
	padding: 0 0 0 10px;
	color: #333;
	font-size: 130%; line-height: 1.4;
}

#content h1
{
	margin: 4px 0 10px; padding: 10px;
	font-size: 180%;
	background: #23344b url('../images/bg_h1.gif') repeat-x left bottom;
	color: #fff;
}
#content h2
{
	margin: 1em 0 0.5em; padding: 0 0 0.5em;
	color: #00275e;
	font-size: 120%; font-weight: bold;
	border-bottom: 1px solid #e1e1e1;
}
#content h3
{
	margin: 1.5em 0 0.25em;
	color: #3b424b;
	font-size: 105%; font-weight: bold;
}

#content p
{
	margin: 0 0 1em;
}
#content ul
{
	list-style-type: square;
	margin: 0 0 1em; padding: 0 0 0 2em;
}
#content ol
{
	list-style-type: decimal;
	margin: 0 0 1em; padding: 0 0 0 2em;
}
#content li
{
	margin-bottom: 0.5em;
}

#content strong
{
	font-weight: bold;
}
#content em
{
	font-style: italic;
}

#content a:link, #content a:visited
{
	color: #2c63af; background-color: transparent;
	font-weight: bold; text-decoration: none;
	border-bottom: 1px solid #4f77af;
}
#content a:hover, #content a:active
{
	color: #3b424b; background-color: #fdf6e5;
	border-color: #ecba38;
}

#content .postdate
{
	margin: 0 0 3em; padding: 0 0 1em;
	color: #555;
	font-size: 80%; font-style: italic;
	border-bottom: 1px solid #e1e1e1;
}
#content .postdate:last-child { margin-bottom: 2em; border: 0; }

#content h2 + h3 { margin-top: 0; }

/* BREADCRUMB
----------------------------------------------------------------------------------*/
#bread ul
{
	text-align: right;
	list-style: none;
	margin: 0 0 0.5em; padding: 0;
}
#bread li
{
	display: inline;
}
#bread a:link, #bread a:visited,
#bread a:hover, #bread a:active
{
	border: 0;
}

/* PROCEEDINGS
--------------------------------------------------------------*/
#content .resource
{
	margin: 0 0 1em; padding: 10px;
	overflow: hidden;
	background: #f0f0f0;
	color: #333;
	font-size: 130%; line-height: 1.4;
	border-bottom: 1px solid #e1e1f0;
}
#content .resource img
{
	float: right;
	margin: 0 0 1em 1em;
}
#content .resource h2, #content .resource h3
{
	margin: 0 0 0.1em; padding: 0;
	border: 0;
}
#content .resource a:link, #content .resource a:visited,
#content .resource a:hover, #content a:active 
{
	font-weight: normal;
	text-decoration: none;
}

#content .resource .compact { margin: 0; line-height: 1.8; }

/* ICONS */
#content .download
{
	display: inline-block;
	padding-left: 20px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left center;
}
#content .download:link, #content .download:visited,
#content .download:hover, #content .download:active
{
	text-decoration: none;
	border: 0;
}

#content .pdf { background-image: url('../images/icon_pdf.gif'); }

/* FOOTER
----------------------------------------------------------------------------------*/
#footer
{
	clear: both;
	width: 720px;
	margin: 2em 0 0; padding: 1em 0;
	border-top: 5px solid #3b424b;
	font-size: 80%;
}