/****
	General body styles.
****/
body
{
	background: #132e3f url("../tplimg/background.jpg") top center no-repeat;
	padding: 36px 0;
	margin: 0;
	font-family: Verdana, Tahoma, Helvetica, Arial, Sans-serif, serif;
	font-size: 9pt;
	letter-spacing: 1px;
	color: #272727;
	text-align: center;
}
p { line-height: 12pt;}

/** No image should have a border. **/
img, a img { border: 0px; }

/** Regular text links. **/
a:link { color: #0081d2; text-decoration: none; } /* Ooh, a link! */
a:active { color: #0081d2; text-decoration: none; } /* Just clicked. */
a:visited { color: #0081d2; text-decoration: none; } /* Been there, done that. */
a:hover { color: #0081d2; text-decoration: underline; } /* Hovered over. */

/** The page titles. **/
h1
{
	clear: both;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	padding: 18px 0 15px 0px;
}
h2
{
	clear: both;
	font-size: 14px;
	font-weight: normal;
	line-height: 33px;
	vertical-align: middle;
	color: #e6e6e6;
	padding: 0 0 0 41px;
	margin: 35px 0 5px 0;
	background: url("../tplimg/pagetitle-bg.jpg") 8px 0 no-repeat;
}

/** The copyright text at the bottom of the page. **/
p.copyright, .footer-links
{
	font-size: 7pt;
	color: #519dcc;
	line-height: 15pt;
}
p.copyright a, div.copyright a
{
	color: #aeccdf;
}
.footer-links
{
	text-align: right;
	margin: 0 auto;
	width: 800px;
}
.footer-links a
{
	color: #aeccdf;
}

/****
	Template styles for the layout.
****/

/**	The backgrounds throughout the site. Page specific! **/
.body-filler
{
	background: url("../tplimg/body-filler.gif") top left repeat-y;
	width: 900px;
	margin: 0px auto;
}
.body-bottom { background: url("../tplimg/body-bottom.jpg") bottom left no-repeat; }
.body-top { background: url("../tplimg/body-top.jpg") top left no-repeat; }
.body-padder { padding: 7px 30px 45px 30px; text-align: justify; }
.body-padder p { color: #272727;}

/** The blocks for clearing floats. **/
.clear-left { display: block; clear: left; }
.clear-right { display: block; clear: right; }
.clear-both { display: block; clear: both; }

/** Special floaters **/
.floatright { float: right; }
.floatleft { float: left; }

/** When we should hide some things visually. **/
.no-display { display: none; }

/** This is used when thumbnails are present. **/
.thumb-noshow a
{
	display:block;
	background-position: 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
}

/** The info box on the top left containing author and review info. **/
p.infobox
{
	padding: 8px;
	letter-spacing: 1px;
	font-size: 8pt;
	line-height: 10pt;
}

/** Styles for unordered lists. **/
ul.with-bullets
{
	list-style-type: disc;
	list-style-image: url("../tplimg/list-bullet.gif");
}
ul.with-bullets li
{
	padding-top: 4px;
	padding-bottom: 4px;
	color: #272727;
}
ul.no-bullets
{
	list-style-type: none;
}
ul.no-bullets li
{
	padding-top: 4px;
	padding-bottom: 4px;
	color: #272727;
}

/** These are the corners that round off the images inside the article. **/
.corner-topleft { background: url("../tplimg/corner-topleft.png") top left no-repeat; }
.corner-topright { background: url("../tplimg/corner-topright.png") top right no-repeat; }
.corner-bottomright { background: url("../tplimg/corner-bottomright.png") bottom right no-repeat; }
.corner-bottomleft { background: url("../tplimg/corner-bottomleft.png") bottom left no-repeat; }
.thumb-zoom { background: url("../tplimg/zoom-icon.png") bottom right no-repeat; }

/** These are the pieces for the bordered box around images in articles. **/
.border-top { background: url(../tplimg/border-top.jpg) top left repeat-x; }
.border-left { background: url(../tplimg/border-left.gif) top left repeat-y; }
.border-right { background: url(../tplimg/border-right.gif) top right repeat-y; }
.border-bottom { background: url(../tplimg/border-bottom.jpg) bottom right repeat-x; }
.border-topleft { background: url(../tplimg/border-topleft.png) top left no-repeat; }
.border-topright { background: url(../tplimg/border-topright.png) top right no-repeat; }
.border-bottomleft { background: url(../tplimg/border-bottomleft.png) bottom left no-repeat; }
.border-bottomright { background: url(../tplimg/border-bottomright.png) bottom right no-repeat; }

/** Theses are for when special coloring or sizing is needed. **/
.color-blue { color: #0ca4dc; }
.color-green { color: #71c500; }
.color-orange { color: #ff8400; }
.smalltext { font-size: 8pt; }
.largetext { font-size: 12pt; }

/** The boxes for the other thoughts sections. **/
.other-thoughts
{
	background: #e2e4e6 url("../tplimg/thoughts-quote.png") top left no-repeat;
}
.other-thoughts p { color: #272727; }
.thoughts-title
{
	font-size: 12pt;
	color: #272727;
	padding-left: 60px;
	font-style: italic;
}
.thoughts-box
{
	padding: 20px;
}

/** The main navigation on the top right of the page. **/
.top-nav
{
	float: right;
	/*width: 506px;*/
}
.top-nav, .top-nav dt
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.top-nav dt
{
	height: 19px;
	float: left;
}
dt.nav-rage3d, dt.nav-print, dt.nav-discuss
{
	padding-right: 30px;
}
dt.nav-plfirst, dt.nav-plprevious, dt.nav-pagelist, dt.nav-plnext, dt.nav-plfirstnone, dt.nav-plpreviousnone, dt.nav-plnextnone
{
	padding-right: 8px;
}
.top-nav dt a
{
	display:block;
	background-position: 0 0;
	padding: 19px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height: /**/:19px; /*for IE5.5's bad box model */
}
.top-nav dt.nav-rage3d
{
	background: url("../tplimg/nav_rage3d.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-rage3d a
{
	background: url("../tplimg/nav_rage3d.gif") 0 0 no-repeat;
	width: 53px;
}
.top-nav dt.nav-rage3d a:hover
{
	background: transparent;
}
.top-nav dt.nav-print
{
	background: url("../tplimg/nav_print.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-print a
{
	background: url("../tplimg/nav_print.gif") 0 0 no-repeat;
	width: 42px;
}
.top-nav dt.nav-print a:hover
{
	background: transparent;
}
.top-nav dt.nav-discuss
{
	background: url("../tplimg/nav_discuss.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-discuss a
{
	background: url("../tplimg/nav_discuss.gif") 0 0 no-repeat;
	width: 56px;
}
.top-nav dt.nav-discuss a:hover
{
	background: transparent;
}
.top-nav dt.nav-plfirst
{
	background: url("../tplimg/nav_pl-first.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-plfirst a
{
	background: url("../tplimg/nav_pl-first.gif") 0 0 no-repeat;
	width: 21px;
}
.top-nav dt.nav-plfirst a:hover
{
	background: transparent;
}
.top-nav dt.nav-plfirstnone
{
	background: url("../tplimg/nav_pl-first.gif") 0 -38px no-repeat;
	width: 21px;
}
.top-nav dt.nav-plprevious
{
	background: url("../tplimg/nav_pl-previous.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-plprevious a
{
	background: url("../tplimg/nav_pl-previous.gif") 0 0 no-repeat;
	width: 16px;
}
.top-nav dt.nav-plprevious a:hover
{
	background: transparent;
}
.top-nav dt.nav-plpreviousnone
{
	background: url("../tplimg/nav_pl-previous.gif") 0 -38px no-repeat;
	width: 16px;
}
.top-nav dt.nav-pagelist
{
	background: url("../tplimg/nav_pagelist.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-pagelist a
{
	background: url("../tplimg/nav_pagelist.gif") 0 0 no-repeat;
	width: 78px;
}
.top-nav dt.nav-pagelist a:hover
{
	background: transparent;
}
.top-nav dt.nav-plnext
{
	background: url("../tplimg/nav_pl-next.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-plnext a
{
	background: url("../tplimg/nav_pl-next.gif") 0 0 no-repeat;
	width: 16px;
}
.top-nav dt.nav-plnext a:hover
{
	background: transparent;
}
.top-nav dt.nav-plnextnone
{
	background: url("../tplimg/nav_pl-next.gif") 0 -38px no-repeat;
	width: 16px;
}
.top-nav dt.nav-pllast
{
	background: url("../tplimg/nav_pl-last.gif") 0 -19px no-repeat;
}
.top-nav dt.nav-pllast a
{
	background: url("../tplimg/nav_pl-last.gif") 0 0 no-repeat;
	width: 21px;
}
.top-nav dt.nav-pllast a:hover
{
	background: transparent;
}
.top-nav dt.nav-pllastnone
{
	background: url("../tplimg/nav_pl-last.gif") 0 -38px no-repeat;
	width: 21px;
}

/** These are the styles for the tables **/
.table { background: #72838f; padding: 2px; }
.toprow { background: #cad9e3; font-size: 12pt; }
.row1 { background: #c0c6ca; }
.row2 { background: #e2e4e6; }


/** Default class for drop down menus **/

.anylinkcss{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	border: 1px solid #1e1e1e;
	font-size: 9pt;
	line-height: 18px;
	z-index: 100; /* zIndex should be greater than that of shadow's below */
	width: 250px; /* default width for menu */
	background: #e7e7e7;
	text-align: left;
}

.anylinkcss ol
{
	list-style-type: decimal;
}
.anylinkcss ol li
{
	
}

.anylinkcss ol li a{
	width: 100%;
	display: block;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
}

.anylinkcss a:hover
{ 
	text-decoration: underline;
}
/*.anylinkcss ol li:hover{}*/
.anylinkshadow{ /*CSS for shadow. Keep this as is */
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99; /*zIndex for shadow*/
	visibility: hidden;
	display: none;
}

/** These are the previous and next links at the bottom of the pages. **/
.previous
{
	width: 120px;
	height: 32px;
	float: left;
	margin: 10px 0 0 15px;
}
.next
{
	width: 120px;
	height: 32px;
	float: right;
	margin: 10px 15px 0 0;
}
.discuss
{
	width: 120px;
	height: 32px;
	float: right;
	margin: 10px 15px 0 0;
}
.previous a
{
	display: block;
	padding: 32px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height: /**/:32px; /*for IE5.5's bad box model */
	width: 120px;
	background: url("../tplimg/previous.jpg") top left no-repeat;
}
.next a
{
	display: block;
	padding: 32px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height: /**/:32px; /*for IE5.5's bad box model */
	width: 120px;
	background: url("../tplimg/next.jpg") top left no-repeat;
}
.discuss a
{
	display: block;
	padding: 32px 0 0 0;
	margin: 0;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height: /**/:32px; /*for IE5.5's bad box model */
	width: 120px;
	background: url("../tplimg/discuss.jpg") top left no-repeat;
}