/* CSS Document */
@charset "utf-8";
/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   * Based on the typography.css portion of Blueprint CSS @ http://blueprintcss.org/
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */
*{ padding:0px; margin:0px; }
body { 
  font-size: 75%;
  color: #1f1f1f; 
  font-family: "Arial", Helvetica, sans-serif;  
  margin:0;
  padding:0;
}
a:focus, 
a:hover     { color: #000; }
a           { color: #000; text-decoration: none; }
/*
h2{
	font-size: 1.167em;
	display: block;
	margin-bottom:5px;	
}
*/
/* Headings
-------------------------------------------------------------- */
/*
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}
*/
li ul, 
li ol       { margin:0; }
ul, ol      { margin: 0;  padding:0; list-style:none; list-style-type:none; list-style-position:outside}

/* Text elements
-------------------------------------------------------------- */
/*
p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }



blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

*/
/* Lists
-------------------------------------------------------------- */
/*
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

*/
/* Tables
-------------------------------------------------------------- */
/*
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
*/

/* Misc classes
-------------------------------------------------------------- */
/*
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
*/
/*SPECIFIC ITEMS*********************************************************************************/
#site{
padding-left:50px;
}
#header {
/*display:block;*/
width:835px;
background:#fff;
margin-bottom:10px;
margin-top:10px;
text-align: right;
}
.header_image{
border:0px;
margin-left:5px;
}
#menu{
	background-color:#fff;
}
.vmenu  {
	list-style-type: none;
	font-weight:bold;
	font-size:1em;
/*	line-height: 2.8em;*/
	color:#546872;
	
}
.vmenu img{
	border:0px;
}
.vmenu li{
display:block;
width:100%;
padding:0px;
/*padding-top: 3px;
padding-bottom: 3px;
*/
height:18px;
}
.vmenu li img{
	vertical-align: top;
}
.vmenu li:hover{
	/*background-color:#ccc;*/
}
.vmenu li.selected {
	background-color:#ecebe2;
}
.vmenu li.listspace {
	background-color:#fff;
	font-size:0.6em;	
	line-height:0.6em;
	height:10px;
}
.vmenu a{
	color:#1f1f1f;	
}
.vmenu a:hover{
	color:#546872;
	background-color:#ecebe2;
}
.vmenu .menu-selected {
	color:#546872;
}
.hlist{
left:210px;
position:absolute;
}
.hlist-hidden{
	visibility:hidden;
	left:210px;
	position:absolute;
}
.hitem-selected {
	color:#546872;
	padding-left:1.5em;	
}
.hitem-selected a{
	color:#546872;	
}
.hitem-selected a:hover{
	color:#546872;
	background-color:#838d8f ;
	
}
.hitem {
	color:#575757;
	padding-left:1.5em;
	/*padding-top: 3px;
	padding-bottom: 3px;*/
}
.hitem a{
	color:#575757;
	/*padding-left:2em;*/
}
#menuclear{
	width:100%;
	display:block;
}
#content{
margin-top:20px;
}
#contenttext{
	width:325px;
	float:left;
	text-align: justify;
	/*padding-top:10px*/
}
#contenttext .title{
	font-weight: normal;
	font-size: 1.167em;
	margin-bottom:5px;
}
#contenttext h2{
	font-size: 1.167em;
	/*display: block;*/
	margin-bottom:5px;
	margin-top:0px;	
}
#contenttext h2 small{
	font-weight: normal;
	font-size: 1em;
}
#contenttext table{
	width:100%;
	padding-top:10px;
	text-align: left;
}
#contenttext table td{
	padding-bottom:2px;
	padding-right:12px;
	vertical-align: top;
}
#contentmedia{
	position:absolute;
	left:400px;
	float:left;
	/*margin-top:20px;*/
	width:550px;
}
#breadcrumb{
	font-size:0.85em;
	color:#546872;
}
#breadcrumb a{
	color:#1f1f1f;
}
#breadcrumb a:hover{
	color:#546872;
}
/*SINGLE DETAIL VIEW******************************************************************/
#singlelogo{
	padding-right:100px;
	padding-top:10px;
	margin-top:-19px;	
	color: #575757; 	
	margin:auto;	
	width:605px;
	text-align: right;
}
#singleouter{ 
	background-color:#fff;
	/*border:1px solid #CECECE;*/
	padding:18px 14px 14px 28px;
	margin-top:-19px;	
	color: #575757; 	
	margin:auto;	
	width:605px;
	height:350px;
	background-image:url(../img/detail-window2.jpg);
	background-repeat:no-repeat;		
		
}
/*DETAIL WINDOW***********************************************************************/
#detailouter{
}
#controls a:focus, 
#controls a:hover{ 
	color: #41381f; 
	font-weight:bold;
	font-size:0.917em;
}
#controls a{ 
	color: #a8a782; 
	font-weight:bold;
	font-size:0.917em;	
	text-decoration: none; 
}
#outer{ 
	background-color:#fff;
	/*border:1px solid #CECECE;*/
	padding:18px 14px 14px 28px;
	margin-top:-19px;	
	color: #575757; 	
	position:absolute;
	left:380px;
	z-index:101;
	/*
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	*/
	width:605px;
	height:350px;
	background-image:url(../img/detail-window2.jpg);
	background-repeat:no-repeat;		
	overflow:hidden;	
}

#controls{
	height:20px;
	width:100%;
}
#mediaouter{
	width:380px;
	height:286px;
	float:left;
}
#pages_media_outer{
	width:493px;
	height:287px;
	float:left;
}
#media{
	width:380px;
	height:286px;
}
#captions{
	float:left;
	margin-left:5px;
}
#download{
	float:left;
	display:block;
	bottom:10px;
	width:100%;
	margin-top:10px;
}
#previous{
	float:left;	
	/*visibility:hidden;*/
}
#next{
	float:left;
	margin-left:260px;
	/*visibility:hidden;*/
}
.close{
	float:right;
	margin-right:50px;
}
.texttitle{
	color:#a7a783;
	display:block;	
	font-size:0.917em;
	font-weight:bold;
	line-height:1.7em;	
}
.texttitle a:hover{
	color:#546872;
}
.textcontent{
	display:block;
	width:165px;
}
.warning{
	font-style:italic;
	font-size:0.8em;
	color:red;
}
/*style for dynamic content pages*/
.elevated{
	margin-top:-20px;
	margin-left:160px;
}
.elevated .left {	
	margin-right:20px;	
	float:left;
	width:auto;
	font-size:0.9em;
}
.elevated .left a{
	color:#546872;
}
.elevated .left a:hover{
	color:#546872;
}
.contactnewton{
	margin-top:-100px;
	margin-left:450px;
}
/*pagination arrows***********************/
#boxpaging{
	float:right;
	width:15px;
}
/*
#boxpaging #top{
	position:absolute;
	top:7px;
	right:0px;
}
#boxpaging #bottom{
	position:absolute;
	bottom:25px;
	right:0px;
}
*/
#arrowup{
	position:absolute;
	top:7px;
	right:0px;
	display: block;
	width: 15px;
	height: 18px;
	background: url(../img/arrowup.jpg) no-repeat 0 0;
}
#arrowup:hover
{ 
  background-position: 0 -19px;
}

#arrowup span
{
  display: none;
}
#arrowdown{
	position:absolute;
	bottom:25px;
	right:0px;
	display: block;
	width: 15px;
	height: 18px;
	background: url(../img/arrowdown.jpg) no-repeat 0 0;
}
#arrowdown:hover
{ 
  background-position: 0 -19px;
}

#arrowdown span
{
  display: none;
}
#imagebottom{
	position:absolute;
	bottom:25px;
	right:0px;
}
#imagetop{
	position:absolute;
	top:7px;
	right:0px;
}