html {background-color: #797979;}

body {
	margin:0px;
	font:78%/120% trebuchet ms, lucida grande, arial, verdana, sans-serif;
	color:#051E37;
	}
	
.siteContainer {
	background:transparent url(/media/images/site-bg.gif) repeat-y top left;
	width:971px;
	position:relative;
	margin:0px;
	border-bottom:1px solid #5C5C5C;
	}
	
p {margin:0px 6px 10px 0px;}	
a {color:#0D63B8;font-weight:bold;text-decoration:none;}
a:hover  {color:#0574E3;}

ul {list-style-image:url(/media/images/list-key.gif);list-style-position:outside;position:relative;top:5px;left:-10px;margin-top:1px;margin-bottom:16px;line-height:110%;}
ul ul {list-style-image:url(/media/images/list-item.gif);}
ul.red {list-style-image:url(/media/images/list-red.gif);}
ul.blue {list-style-image:url(/media/images/list-blue.gif);}
ul.rates {list-style-image:url(/media/images/list-bluekey.gif);color:#cd1212;font-style:italic;}
ul.rates li {margin:8px 2px 11px 2px;}
ul li {margin-bottom:4px;}
ul a {color:#173882;font-weight:normal;text-decoration:none;}
ul a:hover  {color:#004fff;}

h1, .h1 {font:130%/125% arial, sans-serif;margin:0px 2px 1px 0px;font-weight:bold;}
h2, .h2 {font:120%/125% arial, sans-serif;margin:0px 2px 1px 0px;font-weight:bold;}
h3, .h3 {font:110%/125% arial, sans-serif;margin:0px 2px 1px 0px;font-weight:bold;}

/*-------------- header layout classes ---------------------------------------------------------------------------------------------*/
.header {
	position:relative;
	width:971px;
	height:170px;
	}
#logo {position:absolute;top:47px;left:14px;}
#tabs {position:absolute;top:98px;left:276px;}
#links {position:absolute;top:146px;left:325px;text-align:right;width:456px;}
#links img {margin-left:10px;}

/*-------------- menu layout classes ---------------------------------------------------------------------------------------------*/
.menu {position:relative;width:280px;vertical-align:top;}
.menu #topper {position:absolute;top:0px;left:191px;}

.menu .menuitem-prior {
	background-image:url(/media/images/menuitem-bg-a.gif);
	background-repeat:no-repeat;
	width:191px;
	height:35px;
	}
.menu .menuitem-prior:hover {background-position:0px -35px;cursor:pointer;}
.menu .menuitem-prior div	{
	margin-top:12px;
	margin-left:25px;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	}

.menu .menuitem-on {
	background-image:url(/media/images/menu-highlight.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:54px;
	}
.menu .menuitem-on div	{
	margin-top:25px;
	margin-left:33px;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	width:auto;
	}
	
.menu .menuitem {
	background-image:url(/media/images/menuitem-bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:relative;
	width:191px;
	height:36px;
	margin:0px;
	clear:both;
	}
.menu .menuitem:hover {background-position:0px -36px;cursor:pointer;}

.menu .menuitem div {
	margin-top:12px;
	margin-left:25px;
	color:#fff;
	font-weight:bold;
	font-size:90%;
	}

/*-------------- content layout classes ---------------------------------------------------------------------------------------------*/
.content {
	width:502px;
	padding:12px 14px 6px 8px;
	}

/*-------------- subtopic and special case layout classes -------------------------------------------------------------------*/
.topicBox {
	background:transparent url(/media/images/imageBox-br.gif) no-repeat bottom right;
	background-color:#fff;
	padding:0px;
	}
.topicBox .topicBody {background:transparent url(/media/images/imageBox-bl.gif) no-repeat bottom left;padding:12px 14px 10px 14px;}

.topicTitle {background:transparent url(/media/images/imageBox-tl.gif) no-repeat top left;background-color:#fff;height:auto;padding:0px;border-bottom:1px solid #fff;}
.topicTitle div {
	background:transparent url(/media/images/imageBox-tr.gif) no-repeat top right;
	height:auto;
	padding:5px 8px 1px 8px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	}
	
.headingBox {background:transparent url(/media/images/headingBox-br.gif) no-repeat bottom right;background-color:#E7E6E6;padding:0px;margin-bottom:10px;}
.headingBox .headingBody {
	background:transparent url(/media/images/headingBox-bl.gif) no-repeat bottom left;
	padding:0px 8px 2px 8px;
	font-weight:bold;
	color:#000033;
	}
.headingTitle {background:transparent url(/media/images/headingBox-tl.gif) no-repeat top left;padding:0px;}
.headingTitle div {background:transparent url(/media/images/headingBox-tr.gif) no-repeat top right;height:5px;}

.photoBoxDetail {
	float:right;
	width:206px;
	padding:2px;
	margin:10px 0px 6px 6px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px 1px 2px 1px;
	font-family:  Tahoma, Verdana, Helvetica, Sans-Serif; 
	color:#999999;
	text-align:center;
	position:relative;
	}
.photoBox img {margin:0px 0px 2px 0px;border:1px solid #85DDE7;clear:both;}
	
.enlargePhoto {
	position:absolute;
	top:126px;
	left:173px;
	width:23px;
	height:21px;
	}
.photoBox .enlargePhoto img {border-style:none;}

/*=============================================================*/
/*  thumbnail image container */
/*=============================================================*/
.thumbContainer {
	position:relative;
	width:112px;
	float:left;
	margin:4px 5px 14px 4px;
	}
.thumbContainer a {text-decoration:none;}

.thumbOuter {
	background-image:url(/media/images/thumb-bg.gif);
	background-repeat:no-repeat;
	width:112px;
	height: 112px; 
	overflow:hidden;
	position: relative;
	display: table;
	position: static;
	}
#thumbOuter[id] {display: table;position: static;}

#thumbMiddle {
	position:absolute;
	width:112px;
	top: 50%;
	text-align:center;
	} 
#thumbMiddle[id] {display:table-cell;vertical-align:middle;position: static;}

#thumbInner { 
	position:relative;
	top:26%;
	text-align:center;
	} 

#thumbInner img {
	border:1px solid #999999;
	position:relative;
	top:-2px;
	}
	
#thumbOptions {
	position:relative;
	top:-2px;
	width:112px;
	text-align:center;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	color: #003366; 
	font-size: 10px;
	overflow:visible;
	word-wrap: break-word;
	}

/*------------ footer classes ---------------------------------------------------------------------------------------------------*/
.footer {position:relative;}
.footer #submenu {
	position:relative;
	background:transparent url(/media/images/footer-bg-a.gif) repeat-y top left;
	padding:0px;
	width:971px;
	height:24px;
	}
.footer #submenu .linkbox {
	position:absolute;
	left:216px;
	top:4px;
	width:580px;
	text-align:center;
	vertical-align:middle;
	}

.footer #info {
	position:relative;
	background:transparent url(/media/images/footer-bg-b.gif) repeat-y top left;
	padding:0px;
	width:971px;
	height:65px;
	}
.footer #info #narpm {position:absolute;left:228px;top:8px;width:auto;}
.footer #info .linkbox {
	position:absolute;
	left:534px;
	top:10px;
	width:260px;
	text-align:right;
	font-size:11px;
	color:#fff;
	}

/*------------ form classes ----------------------------------------------------------------------------------------------------*/
fieldset {width:90%;padding:20px 12px;border:1px solid #ccc;}
legend {color:#4848c0;font-weight:bold;}

form{display:inline;} 
.input {background-color: #cbf7f7;color: #333;font-size: 11px;	}
.submit {background-color: #cbf7f7;color: #333;font-size:100%;}
.button {background-color: #cbf7f7;color: #557979;font-size:100%;border:1px outset #fff;margin-top:2px;}

/*------------ ad classes ----------------------------------------------------------------------------------------------------*/
#banner {
	background:transparent url(/media/images/banner-bg.png) no-repeat top left;
	position:absolute;
	top:7px;
	left:378px;
	width:407px;
	height:80px;
	}
#banner img {position:relative;top:2px;left:10px;}
	
#skyscraperBg {
	background:transparent url(/media/images/ad-bg-right.gif) no-repeat top left;
	position:absolute;
	top:170px;
	left:805px;
	width:166px;
	height:167px;
	}
#skyscraper {
	background:transparent url(/media/images/skyscraper-bg.png) no-repeat top left;
	position:absolute;
	top:7px;
	left:823px;
	width:129px;
	height:433px;
	}
	
.googleAds {
	position:absolute;
	top:452px;
	left:826px;
	width:120px;
	}
	
	/*-------- section template --------------------------------------------------------------------------------------*/
.sectionContainer {
	background-color:#FFFFFF;
	padding:0px;
	border:1px solid #8CAED6;
	margin:0px 6px 6px 0px;
	width:90%;
	}
	
.sectionTitle {
	background-color:#E6ECF4;
	background-image:url(/media/images/manualdocument.gif);
	background-repeat:no-repeat;
	background-position:4px 3px;
	font-family:  Arial, Tahoma, Verdana, Helvetica, Sans-Serif; 
	color: #496A90; 
	font-weight:bold;
	padding:4px 4px 4px 20px;
	}
	
.sectionTitle a {color:#0066FF;text-decoration:none;}
.sectionTitle a:hover {color:#0066FF;text-decoration:underline;}