/* Global styles

---------------------------------------*/

body {

	background: #eee url("img/pageBack.gif") no-repeat 5% 0%;

	color: #444;

	font-family: verdana;

	font-size: 82%;

	margin: 0;

	padding: 0;
	min-width: 770px;

	}

#page {

	margin: 0;

	padding: 0;

	}

a:link,

a:visited {

	/*color: #3C4C6A;*/
	color: #f70;

	text-decoration: underline;

	}

a:hover,

a:focus {

	/*color: #666;*/
	color: #f40;

	text-decoration: none;

	}



/* Header

---------------------------------------*/

#prelude {

	background: #eee url("img/prelude.gif") no-repeat right bottom;

	color: #666;

	font-size: .8em;

	margin: 0 30px 0 auto;

	padding: 30px 0 0 30px;

	width: 730px;

	width: 710px;

	}

#prelude a:link,

#prelude a:visited {

	/*color: #555;*/
	color: #f70;

	}

#prelude a:hover,

#prelude a:focus,
#prelude a:active {

	color: #f40;

	}



/* Header

---------------------------------------*/

#header {

	margin: 0 30px 0 auto;

	padding: 0;

	width: 760px;

	width: 740px;

	}

#header h1 {

	height: 100px;

	margin: 0;

	padding: 0;

	overflow: hidden;
	text-align: center;

	}

#header h1 a {
	color: #121E33;

	font-size: 2em;
	padding: 0;

	}

#header h1 a img {
	border: none;

	}



/* Content

---------------------------------------*/

#content {

	background: #fff url("img/contentBack.gif") repeat-y left top;

	margin: 0 30px 0 auto;

	padding: 1px 10px 80px 10px;

	width: 740px;

	width: 720px;

	}

#content #film {

	margin: 0;

	padding: 0;

	}

#content #film object {

	margin: 0;

	padding: 0;

	}

#content h2.filmAlt {

	color: #444;

	}

#content p.filmAlt {

	color: #112244;

	}

#content p.plugin {

	color: #444;

	font-size: .9em;

	}

#content hr.clear {

	border: none;

	clear: both;

	margin: 0;

	visibility: hidden;

	width: 20%;

	}



/* Menu

---------------------------------------*/

#menu #submit {

	display: none;

	margin-left: 5px;

	vertical-align: top;

	}

#menu #q {

	background: transparent url("img/searchField.gif") no-repeat left top;

	border: none;

	color: #666;

	font-size: 1em;

	height: 19px;

	overflow: hidden;

	margin: 12px 0 5px 0;

	padding: 2px 10px 0 20px;

	width: 150px;

	}

#menu li.search fieldset {

	border: none;

	margin: 0;

	padding: 0;

	}

#menu {

	background: transparent url("img/menuBack.gif") repeat-x left top;

	float: left;

	list-style: none;

	margin: 0 0 1em 0;

	padding: 0;

	width: 200px;

	}

#menu li {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #d8d8d8;

	padding: .2em 0 .2em 10px;

	}

#menu li:hover {

	background: #f2f2f2;
	}

#menu li.search {

	border-top: none;

	}

#menu li.search:hover {

	background: transparent;

	}

#menu li a:link,

#menu li a:visited {

	color: #f70;

	}

#menu li a:focus,

#menu li a:hover {

	color: #f40;

	}

#menu .desc {

	color: #777;

	display: block;

	font-size: .9em;

	font-style: italic;

	padding: .2em 0 .2em 0;

	}

	

/* mainContent

---------------------------------------*/

#mainContent {

	margin: 10px 8px 0 208px;

	}

#mainContent h2 {

	color: #3C4C6A;

	font-size: 1.6em;

	font-weight: normal;

	margin: 0;

	padding: .5em 1em .8em 0;

	text-align: left;

	}

#mainContent h2 .section {

	font-size: .8em;

	color: #888;

	}

#mainContent h3 {

	color: #3C4C6A;

	font-size: 1.2em;

	font-weight: normal;

	margin: 0;

	padding: .5em 1em .5em 0;

	}

#mainContent p {

	margin: 0 0 1em 0;

	}

#mainContent .illustrationr {

	float: right;

	margin: 0 0 5px 10px;

	}

#mainContent .illustrationl {

	float: left;

	margin: 0 10px 5px 0;

	}

#mainContent ul {

	list-style: none;

	margin: 0;

	padding: 0;

	}

#mainContent ul.list {

	width: auto;

	list-style: square;

	margin: 0 1em;

	padding: 0 1em;

	}

#mainContent ul li {

	background: #eee;

	padding: .3em 2px;

	border-bottom: 1px solid #ddd;

	text-align: right;

	}

#mainContent ul li.alt {

	background: #fff;

	}

#mainContent ul.list li {

	background: transparent;

	border: none;

	text-align: left;

	}

#mainContent ul li .desc {

	color: #555;

	font-size: .9em;

	font-style: italic;

	text-align: right;

	}
#mainContent ul.list li .desc {
	text-align: left;
	padding-left: 2em;
	}

#mainContent ul li a {

	float: left;

	}

#mainContent ul.list li a {
	float: none;
	}

#mainContent .searchKeyWord {

	color: #3C4C6A;

	font-weight: bold;

	}

#mainContent .disconnect {
	margin: 0;
	padding: 0;

	text-align: right;

	}

#mainContent h3.sources {

	border-top: 1px solid #bbb;

	margin: 1.5em 0 0 0;

	padding: .4em 0;

	width: 60%;

	}

#mainContent p.sources {

	color: #555;

	font-size: .9em;

	font-style: italic;

	padding: 0 0 0 1em;

	}

#mainContent address {

	margin: 1em 0 1em 2em;

}



/* Forms

---------------------------------------*/

#mainContent fieldset {

	border: 1px dotted #bbb;

	margin-bottom: 1em;

	padding: .8em .5em .5em .5em;

	}

#mainContent fieldset legend {

	background: #fff;

	color: #3C4C6A;

	font-size: 1.2em;

	padding: .5em;

	}

#mainContent form label {

	display: block;

	float: left;

	width: 10em;

	}

#mainContent form input,
#mainContent form select {

	background: #eee;

	border: 1px solid #bbb;

	border-left-color: #999;

	border-top-color: #999;

	font-size: 1em;

	margin: 0 0 .5em 0;

	}
#mainContent form input.field {
	width: 12em;
	}
#mainContent form .readonly {
	background: #fff;
	border-color: #ccc;
	color: #777;
	}

#mainContent form input:focus,
#mainContent form select:focus {

	background: #fff;

	border-color: #3C4C6A;

	}

#mainContent form .readonly:focus {
	background: #fff;
	border-color: #ccc;
	}

#mainContent form fieldset.submit {

	text-align: right;

	}

#mainContent form fieldset.submit input {

	border: 1px solid #aaa;

	border-bottom-color: #777;

	border-right-color: #777;

	}

#mainContent .error {

	color: #a00;

	font-weight: normal;

	}



/* Footer

---------------------------------------*/

#footer {

	color: #253656;

	font-size: .8em;

	line-height: 1.4em;

	margin: -60px 0 0 0;

	text-align: right;

	}

#footer p {

	background: transparent url("img/footerBack.gif") repeat-x right top;

	margin: 0;

	padding: 65px 40px 0 0;

	}

#footer a:link,

#footer a:visited {

	color: #f70;

	}
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #f40;
	}



/* Copyright

---------------------------------------*/

#copyright {

	background: #eee;

	border: 1px dotted #e2e2e2;

	color: #e2e2e2;

	font-size: .8em;

	line-height: 1.4em;

	margin: 2em auto 1em auto;

	padding: 1em;

	text-align: center;

	width: 50em;

	}

#copyright:hover,

#copyright:focus {

	background: #fff;

	border-color: #999;

	color: #666;

	}

#copyright a:link,

#copyright a:visited {

	color: #e2e2e2;

	}

#copyright:hover a,

#copyright:focus a {

	color: #444;

	}