body
{
	background-color: #E0E0E0;
	background-image: url(http://oncotype.dk/images/backg.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 117px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
}

input
{
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}

b, strong { font-weight: bold; }

h2
{
	font-weight: normal;
	font-size: 12px;
	margin: 6px 0 0 0;
	padding: 2px;
	background-color: white;
}

address
{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #888;
	margin: 21px 0 10px 0;
	font-style: normal;
}

address p { margin: 0 0 4px 0; }

address a
{
	color: #888;
	text-decoration: none;
}

#page-container { width: 532px; }
form { margin: 0px; }

#header
{
	margin: 0px;
	width: 532px;
}

#header table
{
	table-layout: fixed;
	width: 532px;
	vertical-align: top;
}

#header td { vertical-align: top; }

#logic
{
	background-color: #DADADA;
	border-right: 2px solid white;
	width: 178px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 176px;
}

#aesthetics
{
	background-color: #E5E5E5;
	border-right: 2px solid white;
	width: 178px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 176px;
}

#narrative
{
	width: 176px;
	background-color: #EFEFEF;
	border-right: 1px solid white;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 175px;
}

#header h5
{
	font-size: 24px;
	margin: 0px;
	padding: 10px 0 24px 0;
	text-align: center;
	letter-spacing: -0.05em;
}

#logic h5 { color: #EDEDED; }
#aesthetics h5 { color: #D1D1D1; }
#narrative h5 { color: #E5E5E5; }

#header p
{
	margin: 0px;
	padding: 0 9px 14px 14px;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #969696;
}

#header a
{
	display: block;
	margin: 0 0 8px 0;
	color: #4b4a4a;
	font-size: 12px;
	text-decoration: none;
}

#menu
{
	background-color: #F4F3F2;
	margin: 0px;
	padding: 10px 23px 7px 23px;
}

#search-form { float: right; }

#footer
{
	clear: both;
	width: 532px;
	background-color: white;
	color: #888;
	margin: 6px 0 11px 0;
	padding: 4px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 524px;
}

#footer #copy { float: right; }

.sub-nav
{
	width: 532px;
	background-color: #F4F3F2;
	margin: 0;
	padding: 2px;
	color: #888;
	text-align: right;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 528px;
}

.top-sub-nav { margin: 3px 0 0 0; }

.sub-nav a
{
	font-family: verdana, arial, sans-serif;
	color: #888;
	text-decoration: none;
	padding: 0px 2px 0px 2px;
	margin: 0 2px 0 2px;
}

.sub-nav a:hover { background-color: black; }
.sub-nav a:active { background-color: #F4F3F2; }
.sub-nav a:visited { background-color: #FFEA00; }

#story-container
{
	width: 232px;
	margin: -8px 0 0px 0;
}

.story
{
	margin: 19px 0 0 0;
	font-size: 11px;
	line-height: 14px;
}

.story h2
{
	margin: 0 0 2px 0;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
	background-color: transparent;
}

#story-container a
{
	color: #4b4a4a;
	text-decoration: none;
}

#story-container a:hover { color: #888; }
#story-container a:visited { color: #888; }
#story-container a img { border: 1px solid white; }
#story-container a:hover img { border: 1px solid #B8B8B8; }

.story p
{
	margin: 0;
	padding: 2px;
	background-color: white;
	color: black;
}

.story p img { margin: -2px; }

#add-container
{
	float: right;
	width: 259px;
	margin: 55px 0px 10px 0px;
	padding: 0px 19px 0 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px;
}

#add-container .add
{
	margin: 60px 0 0 0;
	padding: 17px 20px 13px 20px;
	background-color: white;
	font-size: 11px;
	color: #A49300;
}

#add-container .more
{
	text-align: center;
	padding: 0 10px 0 0;
}

#add-container .more a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #A49300;
}

#add-container .more a:hover { color: #7D7D7D; }
#add-container .more a:active { color: #A5A5A5; }
#add-container .more a:visited { color: #EADA1D; }

#add-container .add h3
{
	font-weight: bold;
	font-size: 11px;
	margin: 20px 0 0 0;
	color: black;
}

#add-container .add h4
{
	font-weight: bold;
	font-size: 11px;
	color: #A49300;
	margin: 0.2em 0 0 0;
}

#add-container .link { padding: 1.5em 0 0.5em 0; }

#add-container .add a
{
	text-decoration: none;
	color: #A49300;
	font-weight: bold;
}

#add-container .add p { margin: 1em 0 0 0; }
#add-container a:hover { color: #7D7D7D; }
#add-container a:active { color: #A5A5A5; }
#add-container a:visited { color: #EADA1D; }
#add-container .v1 { background-color: #FFEA00; }
#add-container .v2 { background-color: black; }
#add-container .v3 { background-color: white; }
#add-container .v4 { padding: 0px; }
#add-container .v2 h3 { color: white; }

#article-container h1
{
	margin: 11px 0 6px 0;
	padding: 2px;
	background-color: white;
	font-size: 14px;
	font-weight: normal;
	color: #4b4a4a;
}

#article-container p
{
	margin: 0 0 6px 0;
	padding: 2px;
	background-color: white;
	font-size: 11px;
	line-height: 14px;
	color: #4b4a4a;
}


#article-container a
{
	color: #505050;
	background-color: #E5E5E5;
	text-decoration: none;
	font-weight: normal;
}

#article-container a:hover { background-color: #EFEFEF; }
#article-container a:active { background-color: #DADADA; }
#article-container a:visited { background-color: #FFEA00; }
#article-container a.download { background-color: #EFEFEF; }
#article-container a.download:hover { background-color: #DADADA; }
#article-container a.download:active { background-color: #E5E5E5; }
#article-container a.download:visited { background-color: #FFEA00; }

