/* ---------------- DIV skip ------------------------------------------------------------------------------------------ */

div#skip 
{
	left: -2000px;
	position: absolute;
	font-size: 1.2em; /* .8em ?px */
}
div#skip ul li 
{
	margin: 0;
	padding: 0;
	display: block;
}
div#skip ul li a:focus,
div#skip ul li a:active 
{
	left: 2000.5em;
	position: relative;
	border: 1px solid black;
	background-color: white;
	padding: .5em .75em;
	margin-top: .5em;
	display: block;
}

/* ---------------- DIV wrapper ------------------------------------------------------------------------------------------ */
/* The DIV wrapper encloses everything */

div#wrapper 
{

	width: 935px;
/*
	width: 57.5em;
*/
}

div#topnav
{
	text-align: right;
	margin-bottom: .5em;
	font-size: 1.2em; /* 12.8px */
	color: #0F0F6B;
}
div#topnav a
{
	text-decoration: underline;
}
div#topnav a:hover
{
	text-decoration: none;
	background-color: #FFFF99;
}

/* ---------------- DIV Accessibility ------------------------------------------------------------------------------------------ */
div#font-size
{
	float:right;
	margin-right: 5px;
	margin-top: 10px;
}
div#font-size ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#font-size ul li
{
	float:left;
}
div#font-size a
{
	font-size: 12px;
	padding: 4px;
	float:left;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #40409C;
	color: #FFF;
}
div#font-size a:hover
{
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
div#font-size a.inactive,
div#font-size a.inactive:hover
{
	background: #4D4D8E;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/* ---------------- DIV header ------------------------------------------------------------------------------------------- */

div#header 
{
	background-color: #0F0F6B;
	margin: 0;
	padding: 0;
	height: 100%;
}
div#header p 
{
	margin: 0;
	padding: 0;
	border-bottom: 2px solid white;
}
div#header h1 
{
	margin: 0;
	padding: 0;
	left: -2000px;
	position: absolute;
}

/* ---------------- DIV navigation --------------------------------------------------------------------------------------- */
/* The DIV navigation encloses both mainnavigation and submenu but not the DIV search_short */

div#navigation 
{
	background: #0F0F6B;
	margin: 0;
	padding: 0;
	float: left;
	width: 78%;
/*
	width: 45.1em;
*/
	border-right: 2px solid white;
	font-family: Arial, Helvetica, sans-serif;
}
div#mainnavigation {
	font-size: 1.6em; /* 16px */
	font-weight: bold;
	margin: 0;
	padding: 0;
}
div#submenu 
{
	margin: 0;
	padding: 0;
	font-size: 1.2em; /*11.533px*/
	font-weight: bold;
	border-top: 1px solid white;
}
div#mainnavigation h2,
div#submenu h3 
{
	margin: 0;
	padding: 0;
	left: -2000px;
	position: absolute;
}
div#mainnavigation ul,
div#submenu ul 
{
	padding: 0;
	margin: 0;
	line-height: normal;
}
div#mainnavigation ul li,
div#submenu ul li 
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	border-right: 1px dashed white;
}
div#mainnavigation ul li a,
div#submenu ul li a 
{
	color: #F2F2F2;
	margin: 0;
	padding: .5em 1em;
	text-decoration: none;
	display: block;
	border: 0;
	background: #0F0F6B;
}
div#mainnavigation ul li a:hover,
div#submenu ul li a:hover 
{
	color: #FFFFFF;
	background: #1919B3;
}
div#mainnavigation ul li a#active,
div#submenu ul li a#active 
{
	background: #CCC8FF;
	color: #000000;
	font-weight: bold;
}
div#mainnavigation ul li a#active:hover,
div#submenu ul li a#active:hover 
{
	color: #FFFFFF;
	background: #1919B3;
}
div#subnavigation 
{
	background: #CCC8FF;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
div#submenu ul li a 
{
	background: #CCC8FF !important;
	color: #000000;
	padding: .6em 1em;
}
div#submenu ul li a:hover 
{
	background: #1919B3 !important;
}

/* ---------------- DIV search_short ------------------------------------------------------------------------------------ */

div#search_short 
{
	margin: 0;
	float:right;
	width: 21.5%;
	background-color: #0F0F6B;
}
div#search_short h3
{
	margin: 0;
	padding: 0;
	left: -2000px;
	position: absolute;
}
div#search_short form 
{
	margin: 5px .5em;
 	padding: 0;
}
div#search_short a 
{
	margin: 0;
 	padding: 0;
	font-size: 1.2em; /* 12.8px */
	color: white;
	background-color: #0F0F6B;
	text-decoration: underline;
}
div#search_short a:hover 
{
	text-decoration: none;
}
div#search_short input.submit 
{
	font-size: 10px;
}

/* ---------------- DIV main_box ---------------------------------------------------------------------------------------- */
/* The DIV main_box encloses the DIV content, mid_column and right_column, not the DIV footer */

div#main_box 
{
	clear: both;
	margin: 0;
	padding: .75em 0 0 0;
}

/* ---------------- Content Column -------------------------------------------------------------------------------------- */

div#content 
{
	margin: 0 10px 0 0;
	padding: 0 0 0 .75em;
	line-height: 1.75;
	float: left;
	width: 62%;
/*
	width: 31em;
*/
}
body#wide div#content 
{
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
}

div#content h2 
{
	margin: 0 0 1em;
	padding: 0;
	font-size: 1.6em; /*16px*/
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #000000;
}
div#content h2 span.header2ndline
{
	display: block;
}
div#content h3 
{
	margin: 0;
	padding: 0;
	font-size: 1.4em; /* ? */
	font-weight: bold;
	color: #000000;
}
div#content h4 
{
	margin: 12px 0 0 0;
	padding: 0;
	font-size: 1.3em; 
	font-weight: bold;
	color: #000000;
}
div#content a:link, 
div#content a:active, 
div#content a:focus 
{
	color: #1515a8;
	text-decoration: underline;
}
div#content a:visited 
{
	color: #41417C;
	text-decoration: underline;
}
div#content a:hover 
{
	color: #1515a8;
	text-decoration: none;
	background-color: #FFFF99;
}
div#content a.readmore 
{
	padding-left: 20px;
	background: url(/layout/layout_images/page_white_go.png) no-repeat;
	display:block;
}
div#content p {
	margin: .5em 0 1em;
	padding: 0;
	font-size: 1.2em; /* .8em 12.8px */
}
div#content ul,
div#content ol 
{
	margin: .5em 3em 1.5em;
	padding: 0;
	font-size: 1.2em;
}
div#content li 
{
	margin-bottom: .75em;
}
div#content ul ul,
div.tabulator ul ul,
div#content ol ol,
div#content ul ol,
div.tabulator ul ol,
div#content ol ul
{
	font-size: 1em; /* .8em 12.8px */
}
div#content ul p, div#content table p 
{
	font-size: 1em; /* ? */
}

div#content span.workshop-link 
{
	display: block;
}

/* This style is for the bottom navigation on many pages, eg Awards and Network */

div#content p#bottomlinks {
	font-size: 1.1em; /* .7em 11.2px */
	margin-top: 3em;
}
div#content p.linklist a.active {
	border-bottom: 0 none;
	font-weight: bold;
}

/* ---------------- DIV mid_column / right_column ----------------------------------------------------------------------- */

div#right_column 
{
	margin: 0;
	padding: 0;
	float: right;
	width:35%;
}

div#right_column h2 {
	left: -2000px;
	position: absolute;
	font-size: 1em; /* .8em ?px */
}

.column_box 
{
	line-height: 1.75;
	margin: 0 0 .5em 0;
	padding: 0 0 .4em;
	background: #FFFDF4;
	border: 1px solid #EAEAEA;
}
.column_box h3 
{
	margin: 0;
	padding: .4em;
	font-size: 1.3em; /* .8em 12.8px */
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #EAEAEA;
	background-color: #FFFCE5;
}
#searchh3,
#userh3,
h3#audioh3,
h3#exech3,
h3#memberh3,
h3#quickh3,
h3#webh3,
h3#wsh3 {
	padding-left: 24px;
	background-position: 4px center;
	background-repeat: no-repeat;
}

h3#searchh3 {
	background-image:url(/layout/layout_images/find.png);
}
h3#userh3 {
	background-image:url(/layout/layout_images/user.png);
}
h3#exech3 {
	background-image:url(/layout/layout_images/report.png);
}
h3#memberh3 {
	background-image:url(/layout/layout_images/text_signature.png);
}
h3#quickh3 {
	background-image:url(/layout/layout_images/information.png);
}
h3#webh3 {
	background-image:url(/layout/layout_images/world_link.png);
}
h3#wsh3 {
	background-image:url(/layout/layout_images/date.png);
}
h3#audioh3 {
	background-image:url(/layout/layout_images/page_audio.png);
}

.column_box p 
{
	font-size: 1.2em; /* .8em 12.8px */
	margin: 0 .8em 0 .4em;
	padding: .4em 0;
}
.column_box form 
{
	font-size: 1.2em; /* .8em 12.8px */
	margin: 0 .8em 0 .4em;
	padding: .4em 0;
}
.column_box ul 
{
	font-size: 1.2em; /* .8em 12.8px */
	margin: .5em 2em;
}
.column_box li {
	padding: .2em;
	list-style: square;
}

.column_box a:link,
.column_box a:active,
.column_box a:focus
{
	color: #000000;
	text-decoration: underline;
}
.column_box a:visited 
{
	color: #666666;
	text-decoration: underline;
}
.column_box a:hover 
{
	color: #000000;
	text-decoration: none;
	background-color: #FFFF99;
}
.column_box span.date
{
	font-size: 1.2em; /* .8em 12.8px ?? */
}

div#partners 
{
	background: #0F0F6B;
}
div#partners h3 
{
	background: #0F0F6B;
	border-bottom: 1px solid #f2f2f2;
	color: #F2F2F2;
}
div#partners p 
{
	text-align: center;
}
div#partners img 
{
	margin: .4em;
	border: 0 none;
	vertical-align: middle;
}
div#partners a 
{
	border: 0 none;
}

p.column_box_bottom 
{
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	border-top: 1px solid #EAEAEA;
}

/* ---------------- DIV statement -------------------------------------------------------------------------------------- */

div#statement,
div.statement 
{
	line-height:1.2 !important;
}
div#statement span.s, 
div#statement span.p, 
div#statement span.a, 
div#statement span.r, 
div#statement span.c, 
div.statement span.s,
div.statement span.p,
div.statement span.a,
div.statement span.r,
div.statement span.c
{
	font-size: 1.8em; /* 1.4em 17.9333px */
	font-weight: bold;
}
div.statement span.s,
div#statement span.s 
{
	color: #0331CD;
}
div.statement span.p,
div#statement span.p 
{
	color: #6864FF;
}
div.statement span.a,
div#statement span.a 
{
	color: #C603CC;
}
div.statement span.r,
div#statement span.r 
{
	color: #C63698;
}
div.statement span.c,
div#statement span.c 
{
	color: #F40500;
}

/* ---------------- DIV footer ------------------------------------------------------------------------------------------- */

div#footer 
{
	clear: both;
	font-size: 1.1em; /* .7em 11.2px */
	line-height: 1.4em;
	color: #333333;
	text-align: center;
	margin-top: 2em;
}
div#footer a:link, 
div#footer a:active, 
div#footer a:focus 
{
	color: #1515a8;
	text-decoration: underline;
}
div#footer a:visited 
{
	color: #41417C;
	text-decoration: underline;
}
div#footer a:hover 
{
	color: #1515a8;
	text-decoration: none;
	background-color: #FFFF99;
}

/* ---------------- workshop -------------------------------------------------------------------------------------- */
#h2workshop {
	margin: 0;
	padding: 0;
}
#h2workshop h2 {
	margin: 0 0 .5em;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	border: none;
}
#workshopcontainer {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#content ul#workshop  {
	font-size: 1em;
	padding: 0 0 5px 1em;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #0F0F6B;	
}
#workshop li {
	list-style: none;
	margin: 0;
	display: inline;
	padding: 0px;
}
ul#workshop li a, #workshop li a:visited {
	color: #0F0F6B;
	padding: 7px .4em;
	margin: 0;
	background: #FFFFFF;
	text-decoration: none;
	border: 1px solid #0F0F6B !important;
}
#workshop li a:hover, #workshop li a.active:hover {
	color: #FFFFFF;
	background-color: #A42A95;
}
#workshop li a.active {
	color: #FFFFFF;
	background-color: #0F0F6B;
}
.veryimportant 
{
	padding: .75em;
	margin: 0 2em 2em;
	border: 1px solid red;
	color: red;
}
div#wslogos a {
	border: none 0;
}

/* ---------------- common CLASSES -------------------------------------------------------------------------------------- */
.sublinks {
	margin: 2em 0;
}

/* Used to indent P and DIV */
.tabulator 
{
	margin: 0 2em 2em 2em;
	padding: 0;
}

/* Used to increase the bottom margin of P and DIV */
.marginbottom 
{
	margin-bottom: 2em;
}
div.clear 
{
	clear: both;
	height: 0;
	width: 0;
}
span.keybordkey {
	background-color: #F0EDE3;
	border: 1px solid #CECEC3;
	padding: 0 .15em;
}

ul.simplelist {
	list-style:none;
}
ul.simplelist li {
	padding-bottom: .75em;
}
div#content div.notice 
{
	border: 1px solid red;
	background: #FFFDF4 url(/layout/layout_images/error.png) no-repeat left center;
	padding: 1em 2em 1em 5em;
	margin-bottom: .75em;
}

table.simpletable th {
	text-align: left;
}
table.simpletable td {
	vertical-align: top;
	border-bottom: 1px dashed #ccc;
	padding: .75em .25em .5em;
}
.simplelist .file-title,
.simpletable .file-title {
	font-size: 1.2em;
	display:block;
}
table.complex {
	font-size: 1.1em;
	width:100%;
	border-collapse:collapse;
	margin-bottom: 2em;
}
table.complex th {
	border-bottom: 1px solid #0F0F6B;
	padding: .75em .5em .5em;
	color: #0F0F6B;
}
table.complex td {
	vertical-align: top;
	border: 1px dotted #ccc;
	border-bottom: 1px solid #999;
	padding: .75em .5em .5em;
}
table.complex tr.odd td {
	background-color: #EAE6FF;
}
table.complex tr.even td {
	background-color: #CCC8FF;
}
table.complex tr.over td, table.complex tr:hover td {
	background-color: #CCC8FF;
}

.center {
	text-align: center;
}

.ol_a {
	list-style: lower-alpha;
}
.ol_i {
	list-style: lower-roman;
}
.printOnly {
	display: none;
}

form.member-form {
	font-size: 1.2em; /* .8em ?px */
	margin-bottom: 1.5em;
}
div#content form.member-form p,
div#content form.member-form ol,
div#content form.member-form ul {
	font-size: 1em;
}
form.member-form div,
form.member-form fieldset {
	clear: left;
}
form.member-form fieldset {
	border: 1px solid #CCC;
	padding: 1em 2em;
	margin: 2em 0;
}
form.member-form fieldset legend {
	border: 1px solid #EAEAEA;
	background-color: #FFFCE5;
	font-weight: bold;
	padding: .25em .5em;
}
form.member-form fieldset.bordered {
	border-bottom: 1px solid black !important;
	margin-bottom: 1em !important;
	padding-bottom: .5em !important;
}
form.member-form label.block {
	clear: left;
}

form.member-form span.label {
	padding-top: .75em;
	display: block;
}
form.member-form span.description {
	display: block;
	font-size: .833em; /* .8em ?px */
	margin: 0.75em;
}
form.member-form .line label {
	float: left;
	margin-right: 1em;
}
form.member-form fieldset.legend {
	border: 1px solid #EAEAEA;
	background-color: #FFFDF4;
}
form.member-form fieldset.legend legend {
	border: 1px solid #EAEAEA;
	background-color: #FFFCE5;
	font-weight: bold;
}

form.member-form fieldset.questions label {
	border: 1px solid #EAEAEA;
	background-color: #FFFDF4;
	display: block;
	margin: 0 0 .5em 0;
}
form.member-form fieldset.questions span.label {
	border-bottom: 1px solid #EAEAEA;
	background-color: #FFFCE5;
	padding: .4em;
}
form.member-form fieldset.questions textarea {
	margin: .75em;
}
.inline-filter {
	margin: 1.5em 0.5em;
}
div.info {
	background-color:#EEEEEE;
	border:1px solid #0F0F6B;
	padding: 0.5em 10px;
	color:#0F0F6B;
}
div.info ul {
	list-style: none;
	margin: 0 !important;
}

div.info ul li {
	list-style: none;
	background-position:left 0.3em;
	background-repeat:no-repeat;
	padding: 0 0 0 26px;
	margin: 0;
}
div.info ul li.info {
	background-image: url(/layout/layout_images/information.png);
}
div.info ul li.error {
	background-image: url(/layout/layout_images/info-error.png);
}
div.listing {
	margin-top:1.5em;
	border-top: 1px dotted #000;
	padding-top:1em;
}
div.img-left {
	float:left;
	padding:0 2em 1em 0;
}
div.img-center {
	clear:left;
	padding: 1em 0;
	text-align: center;
}