.hide {
	text-indent: -9999px;
}
/* Use this trick to make elements invisible in CSS-enabled browsers. The element will be visible to users of text browsers, screen readers, etc. The number is randomly chosen as one considered big enough to always keep the object hidden off the screen. */

img {
	border: 0;
	display: block;
}
/* Use this trick to make all images render as block-level elements rather than inline elements. Because block-level elements exist in their own box and are followed by a carriage return. Also declare all image borders as 0 here so we don't have to add the code into all image tags. */
.inline {display: inline;}
/* Use this trick for images that we DO want to display inline */

html{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	background: #6d0d0d url(../images/sidebar.gif) top right repeat-y;
	text-align: left;
}
/* Restating stuff for html as stated in body: an IE 6.0 fix from xml.com. */
/* Text align left: IE6 Windows bug fix. */

/* Coding short forms: Always clockwise starting at the top: top, right, bottom, left. But, if vertical and horizontal margins are the same, you can group them: top-bottom then left-right. */

body{
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	background: #000;
	margin: 10px;
	padding:0 300px 0 240px;
	width: 420px;
	border: #0c6 solid 1px;
}
/* Font choices: Arial for old Windows systems. Helvetica for old Unix systems. Multi-name fonts must be enclosed in quotations. */

p, td, ul, ol, li {
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
}
/* Be kind to Netscape 4: Old browsers fail to understand inheritance so we must be more specific for them. */

#container{
	background-color:transparent;
	float:left;
	width:100%;	
	border-left:240px solid #000; /* The width and color of the left rail */
	border-right:300px solid #600; /* The width and color of the right rail */
	margin-left:-240px;
	margin-right:-300px;	
	display:inline; /* So IE plays nice */
	position: relative;
}
#sidebar1{
	float:left;
	position: relative;
	width:240px;
	margin-left:-240px;
	background: #000;
}
#content{
	float:left;
	position: relative;
	width:100%;
	margin-right:-100%;
	padding: 0 0 100px 0;
	background: transparent;
}
#sidebar2{
	float:right;
	position:relative;
	width:300px;
	margin-right:-300px;
	background: #600 url(../images/red3.gif) top repeat-x;	
}
#header{
	min-width: 730px;
	margin-left:-240px;
	margin-right:-300px;	
	padding: 20px 0 20px 20px;
}
#logo {
	float: left;
	position: relative;
	width: 509px;
	height: 185px;
	background: transparent url(../images/logo_top.gif) top center no-repeat;
}
#contact{
	float: right;
	position: relative;
	width: 200px;
	text-align: left;
}

#bottom_bar{
	background-color:#fed74e;
	margin-left:-240px;
	margin-right:-300px;
	clear:both;
	color: #000;
	font-size: 80%;
	text-align: right;
	font-weight: bold;
	padding:4px 20px 4px 200px;
}

#footer, #links {
	background-color:#000;
	margin-left:-240px;
	margin-right:-300px;
	clear:both;
	color: #fff;
	font-size: 80%;
	text-align: center;
	font-weight: normal;
	padding:4px 20px;
}
#nav1{
	background: #000;
	margin-left: -40px;
	margin-right:-300px;
	clear:both;
	top: 100px;
	text-align: left;	
	padding: 3px 0;
}
#nav2{
	background: #600 url(../images/red.gif) left repeat-y;
	margin-left: -40px;
	margin-right:-300px;
	clear:both;
	top: 125px;
	text-align: left;
	padding: 3px 0;
}
#tiger {
	position: absolute;
	top: 150px;
	left: 20px;
	width: 225px;
	height: 160px;
	background: transparent url(../images/logo_bottom.gif) top center no-repeat;
}

#sidebar2 a.highlight_see:hover {
	color: #00f;
}

h1	{
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	} /* The Phark trick - Displays a text version of the company name offscreen for text readers. Visual browsers see the logo instead. */

h1 a:link, h1 a:visited	{
	display: block;	
	width: 509px;
	height: 185px;
	background: url(../images/logo_top.gif) top center no-repeat;
	}
	
h1 a:hover	{
	background: transparent url(../images/logo_top.gif) top center no-repeat;
	}

h2, h3, h4, h5 {
	font-weight: 500;
	padding-right: 20px;
	color: #ffe25b;
}

h2 {
	margin-right:-300px;
}

h3.highlight {
	color: #006;
}
#announcements h2.highlight-news, #announcements p.highlight-news, #announcements p.highlight-news a {
	color:#03c;
}

span.h2large {
	font-weight: 700;
	color: #006;
}

a { text-decoration: underline; }
a:link { color: #fff; }
a:visited { color: #ccc; }
a:hover { color: #ffe25b; }
a:active { color: #ffe25b; }
/* Must use this order LVHA: Link, Visited, Hover, Active. Or some browsers will ignore one or another of them. */

#nav1 a, #nav2 a, #nav1 ul, #nav1 li, #nav2 ul, #nav2 li  { 
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	padding-right: 2%;
	list-style: none;
	display: inline;
	font-size: 98%;
	color: #fff;
}
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #header a.contact:hover {
	color: #ffe25b;
}

nav3 a, #nav3 li { 
	text-transform: uppercase;
}
#nav3 a, #nav3 li { 
	list-style: none;
	display: block;	
	padding: 3px;
	color: #fff;
	text-decoration: none;
	font-size: 110%;
	font-weight: bold;
}
#nav3 li { 
	margin-left: -30px;
}

#nav3 span.highlight {
	background: #600 url(../images/red2.gif) right repeat-y;
	margin-right: 20px;
	display: block;	
	font-size: 90%;
}

#sidebar1 p, #sidebar2 p {
	padding: 20px;
}
#sidebar1 p.nospace, #sidebar2 p.nospace {
	padding: 0 20px;
}

#sidebar1 p.nospacebottom, #sidebar2 p.nospacebottom {
	padding: 20px 20px 0 20px;
}

#content p {
	padding-right: 20px;
}

#content li, #sidebar2 li {
	margin: 0 30px 0 10px;
	padding-bottom: .5em;
}

#content p.calltoaction {
	padding-top: 20px;
}

#header p {
	color: #ffe25b;
	font-size: 85%;
}

#header p.contact {
	color: #0c6;
	font-size: 85%;
}
#header a.contact {
	color: #0c6;
}

#content p.passagetext {
	font-weight:bold;
}

#sidebar1 p, #sidebar1 li, #sidebar2 p, #sidebar2 li {
	color: #ffe25b;
}

#sidebar2 p.blue {
	padding: 80px 20px;
	color: #69f;
	text-align:center;
}

#sidebar1 p.testimonial_left {
	color:#0c6;
	padding-top: 40px;
	padding-bottom: 40px;
}

#sidebar2 p.testimonial_right {
	color:#ffe25b;
	padding-top: 40px;
	padding-bottom: 40px;
}

#sidebar1 span.testimonial_signature, #sidebar2 span.testimonial_signature {
	font-style: italic;
}

#sidebar2 p.dictionary {
	color:#ccc;
	padding-top: 40px;
	padding-bottom: 40px;
}
#sidebar2 span.dictionary_word {
	font-weight: bold;
}

#sidebar2 p.highlight {
	color:#ff9;
	padding-bottom: 40px;
}

#sidebar2 p.callout {
	color:#ffe25b;
	font-size: 110%;
	padding-bottom: 40px;
}

#content p.image {
	color:#ffe25b;
	font-weight:500;
	text-align: center;	
}
#sidebar2 p.image  {
	color:#fff;
	font-weight:500;
	text-align: center;
	padding-top: 40px;	
}
#sidebar2 p.image_long  {
	color:#fff;
	font-weight:500;
	text-align: center;
	padding-top: 600px;	
}

.inline_bordered {
	display: inline;
	border: #fff 1px solid;
}

.bold {	font-weight:bold; }

#content p.note {
	font-size: 90%;
}
#content a.note {
	color:#ffe25b;
}
#content p.toc, #content ul.toc li a {
	font-size: 90%;
	color: #ff9;
}

#content ul.toc li a:hover {
	color:#ffe25b;
}

#content p.highlight { 
	color: #ff9; 
}

#content p.call { 
	padding-top: 2em; 
}

#sidebar2 p.note_np, #sidebar1 p.note_np {
	color:#039;
	font-size: 90%;
}

#sidebar2 ul.note li, #sidebar1 ul.note li {
	color:#039;
	font-size: 90%;
	margin: 0 10px 0 0;
	padding-bottom: .5em;
}

table { 
	width: 95%; 
	border: #600 solid 1px;
}
td {  
	text-align: left; 
	vertical-align: top; 
	border-left: #600 solid 1px; 
	border-bottom: #600 solid 1px;	 
	padding: 5px;
}
td.top {  
	color: #ffe25b; 
	vertical-align: bottom; 
	font-weight: 700;
}
td span.note {  
	color: #ffc; 
	font-size: 90%;
}
h3.slideshow {
	padding-top: 5px;
	text-align: center;
}

h3.slideshow a {
	text-decoration: none;
}
p.slideshow {
	text-align: center;
}
#slidestext {
	color: #fff;
	text-align: center;
	padding-bottom: 30px;
}
img.framed {
	border: #fff solid 1px;
	display: inline;
}
#content img.framed {
	border: #600 solid 2px;
	display: inline;
}

#sidebar2 img.framed {
	border: #fff solid 1px;
	display: inline;
}

#announcements {
	border: #f7be19 solid 2px;
	background: #fff;
	margin: 20px;
	color: #000;
}
#announcements h2 {
	margin: 0;
	padding: 7px;
	color: #600;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
}
#announcements h3 {
	margin: 10px 0 0 0;
	padding: 7px;
	color: #600;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
#announcements p {
	margin: 0;
	padding: 7px;
	color: #000;
	text-align: left;	
	font-size: 95%;
}
#announcements p.center {
	text-align: center;
}
#announcements a {
	margin: 0;
	color: #000;
	text-align: left;
}

div.box {
	text-align:center;
	overflow:hidden;
}
div.box-left {
	float:left;
	width: 115px;
}
div.box-right {
	float:right;
	width: 135px;
}