/* * * * MAIN * * * */

*{
	border: 0;
	margin: 0;
}

body{
	background: #000;
	padding: 0;
}

#bigcontainer{
	color: #000;
	/*background: #00599c;*/
	background: #013054 url("bodybg.png") bottom left repeat-y;
	/*font: 10pt Arial, Helvetica, sans-serif;*/
	font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#container{
	margin-right: 30px;
	background: transparent url("leftside.png") top right repeat-y;
}

#header, #footer{
	color: #fff;
}

#header{
	height: 140px;
	background: #fff url("header.jpg") top left no-repeat;
}
#insideheader{
	background: transparent url("leftside.png") top right repeat-y;
	width: 100%;
	height: 140px;
}
#insideheader h1{
	display: none;
}
#bookthumb{
	position: absolute;
	top: 6px;
	left: 55px;
	height: 125px;
	width: 200px;
	text-align: center;
}

#contentcontentcontainer{
	background: transparent url("marionette.png") bottom left no-repeat;
}

#contentcontainer{
	background: transparent url("leftside.png") top right repeat-y;
}

a, a:visited{
	text-decoration: none;
}

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



/* * * * LINKS * * * */

#sidebar a{
	color: #eee;
}

#sidebar a:visited{
	color: #004066;
}

#sidebar a:hover{
	color: #fff;
	text-decoration: underline;
}

#content a{/*
	color: #00199c;*/
	color: #03b;
}
/*
#content a:hover{
	color: #00599c;
}*/

#content a:visited{/*
	color: #0199c;*/
	color: #63a;
}

#footer a{
	color: #00599c;
}

#footer a:hover{
	color: #00599c;
}



/* * * * SIDEBAR * * * */

#sidebar{
	float: left;
	width: 240px;
	position: relative;
	color: #fff;
	padding: 0;
	font-weight: bold;
	margin-left: 40px;
}

#sidebar h3{
	margin-left: 26px;
	font: 14pt Georgia,Times,serif;
	color: #fff;
	font-weight: normal;
	letter-spacing: -1px;
	border-bottom: solid 1px #fff;
	margin-bottom: 5px;
}

#sidebar a{
	display: block;
	padding: 3px 15px;
}

#sidebar ul, #sidebar li{
	list-style-type: none;
}

#sidebar a.selected{
	color: #000;
}/*
#sidebar li a.selected, #sidebar li a.selected:hover{
	background: transparent url(images/sidebar_selected.jpg) top left repeat-y;
}
#sidebar li a:hover, #sidebar li ul li a:hover{
	background: transparent url(images/sidebar_high.jpg) top left repeat-y;
}*/
/* This prevents nested menu items from appearing
highligted when the parent item is highlighted */
/*#sidebar li:hover ul li{
	background: transparent url(sidebar.jpg) top left repeat-y;
}*/

#sidebar a.selected:hover{
	color: #000;
}

#sidebar ul{
	/* up right down left */
	margin: 0 0 0 0;
	padding: 0;
}
#sidebar ul li a{
	margin-left: 20px;
	padding-left: 11px;
}
#sidebar ul li ul li a{
	padding-left: 24px;
	font-size: 8pt;
}
#sidebar ul li ul li ul li a{
	padding-left: 37px;
}



/* * * * SIDEBAR ICONS * * * */

#sidebar a.new:before{
	content: url("../images/star.gif");
	display: block;
	float: left;
	position: relative;
	margin-top: 4px;
	margin-right: 4px;
}
#sidebar li ul li a.new:before{
	margin-top: 3px;
}

/* Compensating for additional indentation */
#sidebar li a.new{
	padding-left: 0;
}
#sidebar li ul li a.new{
	padding-left: 13px;
}
#sidebar li ul li ul li a.new{
	padding-left: 26px;
}

/* External now */
#sidebar a.external:after{
	content: url("../images/external_content.gif");
	display: inline;
	margin-left: 4px;
}
#sidebar a.external:hover:after{
	content: url("../images/external_high.gif");
	display: inline;
	margin-left: 4px;
}

/* Now for the content */
#content a.external:after{
	content: url("../images/external_content.gif");
	display: inline;
	margin-left: 3px;
}



/* * * * CONTENT * * * */

#content{
	margin-left: 250px;
	margin-right: 20px;
	background: #fff url("rightside.png") top left repeat-y;
	/* up right down left */
	padding: 5px 20px 25px 30px;
}

#content h1, h2, h3 {
	color: #ff6100;
}

#content h2{
	margin-bottom: 20px;/*
	font: 1.6em Helvetica,Arial,sans-serif;*/
	font: 1.6em Georgia,Times,serif;
	color: #00599c;
	font-weight: normal;
	line-height: 85%;
	letter-spacing: -1px;
}

#content h3{
	margin-bottom: 15px;
	color: #00599c;
	font: 1.2em Georgia,Times,serif;
}

#content p, #content ul, #content ol, #content h4, #content h5, #content h6, #content table, #content dl{
	margin-bottom: 15px;
	margin-left: 15px;
}

#content dl dd{
	margin-left: 13px;
}

#content ul, #content li{
	list-style-type: square;
}

#content table{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #256caf;
    border-spacing: 0;
    border-collapse: collapse;
}

#content table tr td, #content table tr th{
	border-color: #256caf;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	margin: 0;
	padding: 4px;
}

#content table tr th{
	background: #256caf;
	color: #fff;
}



/* * * * NAVIGATION * * * */

#navigation{
	text-align: right;
}

#navigation a img{
	width: 30px;
	height: 30px;
}



/* * * * DISCARDED FOOTER * * * */

/*#footer{
	background: #256caf url("images/footer.jpg") 220px 187px repeat-x;
	height: 50px;
}
#footer-middle{
	background: #256caf url("images/footer.jpg") top left repeat-x;
	float: left;
	position: relative;
	padding-top: 15px;
	text-align: center;
	font-size: .9em;
	height: 35px;
	margin: 0;
	margin-left: 12px;
	margin-right: 9px;
	color: #fd6;
	font-weight: bold;
}
#footer-right{
	float: right;
	position: relative;
	width: 30px;
	height: 50px;
	background: transparent url(images/footerright.gif) top right no-repeat;
}
html>body #footer-right{
	background: transparent url(images/footerright.png) top right no-repeat;
}*/



/* * * * FOOTER * * * */

#footer{
	padding-top: 8px;
	border-top: solid 1px #ccc;
	letter-spacing: 1px;
	text-align: center;
	font-size: .9em;
	height: 18px;
	margin-top: 25px;
	margin-left: 12px;
	margin-right: 9px;
	color: #888;
	font-weight: bold;
}



/* * * * INFOBOX * * * */

.infobox{
	float: right;
	width: 160px;
	padding: 20px;
	text-align: justify;
	font-size: .85em;
}
.infobox h4{
	margin: 0;
	margin-right: 10px;
	margin-top: 4px;
	margin-bottom: 6px!important;
	padding: 0;
	text-align: center;
	font-size: 1.2em!important;
	letter-spacing: 1px;
}
.blue{
	background: #fff url(../images/boxbg_blue.jpg) top right no-repeat;
}
.blue h4{
	color: #00244c;
}
.yellow{
	background: #fff url(../images/boxbg_yellow.jpg) top right no-repeat;
}
.yellow h4{
	color: #600;
}



/* * * * EXTRAS * * * */

#extra1{ /* This is the marionette */
	width: 284px;
	height: 200px;
	position: absolute;
	top: 0;
	right: 45px;
	/* IE 6 doesn't support PNG transparency: this gif is for him: */
	background: transparent url(images/headerrightborder.gif) top right no-repeat;
}
/* Gecko-based browsers and Opera do support PNG transparency
and the direct child selector (>); this PNG is for them: */
html>body #extra1{
	background: transparent url(images/headerrightborder.png) top right no-repeat;
}

#extra2{ /* This preloads the background for highlighted items in the sidebar */
	display: none;
}
#extra2:after{
	display: none;
	content: url("images/sidebar_high.png");
}

#extra3{ /* This preloads the "external" icon for highlighted items in the sidebar */
	display: none;
}
#extra3:after{
	display: none;
	content: url("images/external_high.png");
}