@charset "utf-8"; 
/* styles/ IEESTYLE.CSS Document - ieestyle.css expireDiv messagespinnerh3 navigation*/
/* full reset for older browsers hovercartbutton */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, mynav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
body {
	font-size: 100%;
	font-family: "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0;
	color: #444;
/*	background-color: #33F;*/
/*	background-image: url(../images/background-grad.png);*/
/*	background-image: url(/images/ocean.jpg);*/		
/*	background-image: url(/images/body_bg.png);
	background-repeat: repeat;*/
}
/*The following 2 lines eliminate the google language bar display which takes over*/
body {top: 0px !important; position: static !important; }
.goog-te-banner-frame {display:none !important}
#container {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
/*	border: thin inset #999;*/
/*	background-color: #DBECF9;	*/
} 
/*h1 {font-size:2em;}
h2 {font-size:1.75em;}*/
/*h1 {font-size:175%;}
h2 {font-size:150%;}*/
/*p {font-size:1em;}*/
a {
	color: #0066CC;
}
a img {
	border: 0;
/*	float: left;*/  
}
a.button {
	font-weight: bold;
	font-size: 100%;
	text-decoration: underline;
	text-align: center;
}
header {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;	
	width: 100%;/*Setting width to less here handled the overflow problem*/
	display: block;
/*	font-size: 0.9em;*/
	border-bottom: 1px solid #fff;
	background-color:	#9CF;
/*	padding-top: 10px;*/
}
/*	background: #777;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555));
	background-image: -webkit-linear-gradient(top, #777, #555);
	background-image: -moz-linear-gradient(top, #777, #555);
	background-image: -ms-linear-gradient(top, #777, #555);
	background-image: -o-linear-gradient(top, #777, #555);
	background-image: linear-gradient(top, #777, #555);
	-moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;*/
header img {
	float: left;
	margin-right: 2%; 
}
#title {
/*	float: left;*/
	margin: 0;
	width: 100%;
/*	width: 70%;*/
/*	display: block;*/
	}
#title h1 {
/*	float: left;*/
	width: 100%;
	margin: 0;
	margin-top: 1%;
	padding: 0;
/*	padding-left: 1%;*/
	font-size: 1.75em;
	text-align: left;
	text-shadow: 1px 1px #000099;
/*	color: #006;*/
}	
/*#title h1 img {
	float: left;}*/
#title h2 {
	margin: 0;
	padding: 0;
	padding-left: 3%;
	width: 100%;
	font-size: 1.2em;
	color:#CCC;
	text-align: left;
	text-shadow:0px 1px 1px #000099;
	font-family: "Comic Sans MS", cursive;
	font-style: italic;
	font-weight: bold;	
		}
.titleitalic {
	width: 100%;
	font-size: .9em;
	color:#CCC;
	text-align: left;
	text-shadow:0px 1px 1px #000099;
	font-family: "Comic Sans MS", cursive;
	font-style: italic;
	font-weight: bold;
}		
.here {
	width: 100%;
/*	float: left;*/
	font-size: .6em;
	text-align: left;
	color:#DDDDDD;
	text-shadow: 1px 1px #000099;
	font-weight: bold;
}
.here ul {
	list-style-type:none;
	display: inline;}
.here ul li{
	display: inline;
    padding-right:2%;
}
.here ul li.mark{
    padding-right:2%;
/*    background: url(../images/arrow.png) no-repeat right center;*/
    background: url(/images/forward_enabled_hover.png) no-repeat right center;	
}
.here a {
	margin: 0;
	padding: 0;
	padding-bottom: 1%;
	color:#000099;
	text-shadow: 1px 1px #DDDDDD;	
	text-decoration: none;
	font-style: Arial, Helvetica, sans-serif;/*	font-size: 75%;	*/
}
.here a:hover, .here a:active {
	/*	padding: 10px;*/
/*	border-left-color: #CC9900;*/
/*	background-color: #CC9900;
	color: #000033;*/
	color:#DDDDDD;
	text-shadow: 1px 1px #000099;	
}
.here a.mark span {
/*    h2.clock span {*/
    padding: 0 1%;
    background: url(/images/forward_enabled_hover.png) no-repeat right;
}
/*.markit {
	background-image: URL(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 2%;
	position: relative;
}
		*/	
#topsearch {
/*	float: right;*/
	position: fixed;
	top: 7%;
	left: 75%;
	margin: 0;
/*	margin-top: 2%;*/
	padding: .25em 0;
/*	width: 25%;*/	
	display: inline-block;
	}
#topsearch h4{
	line-height: .75em;
}	
#topsearch form {
	float: right;
	display: inline;
	}
#topsearch input[type=text] {
	float: right;
	width: 30%;
	padding: 0;
	outline: none;
	border: 2px solid #999999;
	border-radius: 10px;
	background-color: #FBFBFB;
	background-image: url('/images/magnifier.png');
	background-position: 135px -5px;
	background-repeat: no-repeat;
	cursor: pointer;
} 
/*#google_translate_element {
	float: right;
	width: 25%;
	padding-right: 2%;
}*/
#google_translate_element{
	float: right;
	display: inline;
	padding-right: 1%;
		}	
.goog-te-gadget-simple {
    background-color: #FBFBFB;
/*	padding: 5px;
	outline: none;
	border: 2px solid #999999;
	border-radius: 5px;	*/
    border-left: 1px solid rgb(213, 213, 213);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(155, 155, 155) rgb(213, 213, 213) rgb(232, 232, 232);
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
/*    padding-bottom: 2px;*/
    cursor: pointer;
}
#output {
    display: none;	
/*	index:8000;*/
	}
.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
    opacity:0.8;
/*    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;*/
 }
/* the overlayed element */
.simple_overlay {
    /* must be initially hidden */
    display:none;
    /* place overlay on top of other elements */
    z-index:10000;
    /* styling */
    background-color:#333;
    width:50%;
    min-height:200px;
    border:1px solid #666;
    /* CSS3 styling for latest browsers */
/*    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;*/
}
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/images/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}	
section {  
    width: 100%;  
	margin-bottom: 5%; 
}  
section#left {  
    width: 60%;  
    float: left;  
    margin: 1%;
	margin-bottom: 10%; 
}  
section#right {
	float: right;
	width: 32%;
	margin-top: 1%;
	padding: 2%;
	border:2px solid #a1a1a1;
}	
aside {
	float: right;
	font-size: 100%;
	width: 32%;
	margin: 2% 1%;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
	display: inline-block;
	text-align: left;
}
aside h2, aside h3, aside p, aside ul {
	padding: 1%;
}	
aside h2, aside h3 {
	text-align: center;
}	
aside h3 {
	text-decoration: underline;
}	
#content80 {
	margin: 1%;
/*	margin-left: 1%;*/
	width: 72%;
	text-align: left;
	padding: 2%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
}
#content80side { /*embeds the accordian for logged in side menus*/
/*	display: block;*/
	float: left;
	margin: 2% 1% 2% 0;
	padding: 1%;
	width: 17%;
	height: auto;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
	background-color: #FFF;	
}
#homecontent {
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	width: 60%;
	text-align: left;
	padding: 1%; 
	font-size: 1em;
}
#homecontent p{
	text-align: left;
}
#homecontent h2 img {
	float: left;
	margin: 2%;
	text-align: left;
	padding: 1%; 
}
#admincontent {
	float: left;
	margin: .5%;
	padding: 0;	
	width: 99%;
	text-align: left;
}
#admincontent h3{
	margin: 0;
	padding: 0;	
/*	padding-right: 2%;	*/
	text-align: center;
}
#maincontent #form {
	margin: 4px;
	padding: 4px;
  }	
#maincontent h2 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size: 150%;
}
#maincontent p {
	text-align: left;
}
#maincontent #dt {
	font-weight: bold;
}
#maincontent #li {
	font-weight: bold;
}
/* using padding instead of margin will allow you to keep the element away from the edges of the div */
#maincontent {
	float: left;
	margin:1%;
/*	margin-left: 1%;
	margin-right: 1%;*/
	width: 96%;
	text-align: left;
	padding: 1%; /*IMPT this lines up maincontent with container*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
}
#maincontent2 {
	float: left;
	margin: 1%;
	width: 96%;
	text-align: left;
	padding: 1%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
}
#maincontent2 h2 {
	margin: 0;
	padding: 0;
}
#maincontent2 h3 {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	text-align: left;
}
#maincontent2 img {
	display:inline;
}
#maincontent2 p {
	margin: 0;
	padding: 0;
	text-align: left;
}
#maincontent2 #form {
	border: thick;
	border-color: #000;
	font-size: 4em;
	border-style: solid;
}
/* special style for link to identify current page */
/*#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
  background-color: #A8B2A3;
  color: #FFF;
}*/
#menuside { /*embeds the accordian for logged in side menus*/
/*	display: block;*/
	float: right;
	margin: 2% 1% 2% 0;
	padding: 1%;
	width: 17%;
	height: auto;
	text-align:center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
	background-color: #FFF;	
}
#menuside h2{
	font-size: 125%;
	color: #006;
	text-decoration: underline;
}
#menuside h3{
	text-align:left;
}
#menulist {
	margin: 0%;
	padding: 0%;
	width: 100%;
	background-color: transparent;
}
#menulist a {
	display: block;
	margin: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
	padding: 1% 1% 5% 2%;
	text-decoration: none;
	font-size: medium;
	text-align: center;
	font-weight: bold;/*	font-variant: small-caps;*/
}
#menulist a:link, #menulist a:visited {
	/*	padding: 10px;*/
/*	border-left: #000066 solid 5px;*/
	background-color: transparent;/*    color: #00425E; */
	color:#000066;
}
#menulist a:hover, #menulist a:active {
	/*	padding: 10px;*/
/*	border-left-color: #CC9900;*/
	background-color: #CC9900;
	color: #000033;
}
#menulist a#here {
	margin: 0%;
/*	padding: 10px;*/
    border-left-color: #000000 !important;
    background-color: transparent !important;
    color: #CC9900 !important;
/*    color: #0074A5 !important; */
}
/* special style for link to identify current page */
#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
  background-color: #CC9900; /* gold background signifies current selection*/
  color: #000033;
  border-left: #5B6058 solid 3px;
  border-top: #5B6058 solid 3px;
  border-right: #B1B7AE solid 3px;
  border-bottom: #B1B7AE solid 3px; 
  }
#news {
	/*	float: left;*/
	position: relative;
	margin: 0;
	padding: 0;
	margin-top: 1%;
	width: 55%;
	text-align: left;
	color: #222;
}
#news h4 {
	border:	medium;
	border-bottom-style: groove;
	padding: 1%;
	font-size: 100%;	
}
#news h3:hover, #newslog h4:hover  {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000033;
}
#news h3  {
	/*	color: #D3B95C;*/
	margin: 0px;
	margin-top: 1.5%;
	font-size: 1.1em;
	padding: 1% 0;;
	background-color: #9CF;
	border:	thin solid #9CF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444));
	background-image: -webkit-linear-gradient(top, #9CF, #CCC);
	background-image: -moz-linear-gradient(top, #9CF, #CCC);
	background-image: -ms-linear-gradient(top, #9CF, #CCC);
	background-image: -o-linear-gradient(top, #9CF, #CCC);
/*	background-image: linear-gradient(top, #9CF, #CCC);*/
	-moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
}
#news p  {
	font-size: 100%;
	margin: 0;
	padding: 1%;
}
#news a:link a:active, #newslog a:link a:active {
	color: #33FFFF;
}
#news img {
	float: left;
	padding-right: 1%;
}
#news ul {
    list-style-type: none;
    padding: 2%;
    margin: 0px;
}
#news ul li{
	/*	margin: .25 2%;
	padding: .25 2%;*/
	text-align: left;
	background-image: url("../images/sqturq.png");
	background-repeat: no-repeat;
	background-position: 0px center;
	padding: 1% 0;
	padding-left: 15px;
	list-style-position: inside;
}
#newslog {
	/*	float: left;*/
	position: relative;
	margin: 0;
	padding: 0;
	margin: 1% 2%;
	width: 95%;
	text-align: left;
	color: #222;
	font-size: 110%;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
/*	overflow: scroll;
	height: 400px;*/
}
#newslog ul {
	list-style-type: none;}
#newslog p  {
	font-size: 100%;
	margin: 0;
	padding: 1%;
	height: auto;
}	
#newslog h4  {
	/*	color: #D3B95C;*/
	margin: 0px;
/*	margin-top: 1%;*/
	padding: 0 0 .5% 3%;
	font-size: 110%;
	background-color: #CCC;
	border:	thin solid #9CF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444));
	background-image: -webkit-linear-gradient(top, #9CF, #CCC);
	background-image: -moz-linear-gradient(top, #9CF, #CCC);
	background-image: -ms-linear-gradient(top, #9CF, #CCC);
	background-image: -o-linear-gradient(top, #9CF, #CCC);
/*	background-image: linear-gradient(top, #9CF, #CCC);*/
	-moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
}
#newslog h2{text-align: center;}
#newslog h4 {
	border:	medium;
	border-bottom-style: groove;
	padding: .5%;
	margin: 0;
	padding-left: 4%;
	font-size: 100%;	
}
#listcontent {
	margin: 0%;
/*	margin-left: 1%;*/
	width: 98%;
	text-align: left;
	padding: 1%;
 	height: 50%;
	overflow: scroll;
}
#videocontent, #player {
	float: left;
	margin: 1%;
	padding: 1&;
	width:65%;
	text-align: center;
	font-size: 1em;
	z-index: 5000;
	background-color:#000000;
}
.imgright {
	background-image: url(../images/2rightarrow.png);
}
.imgdown {
	background-image: url(../images/2downarrow.png);
}
.getbold {
	font-weight: 900;
}
.getitalic {
	font-weight: 800;
	font-style: italic;
}
.getitalicsm {
	font-weight: 800;
	font-style: italic;
	font-size: 1em;
}
.getitalicul {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
.smallside {
	float: right;
	margin: 0%; 
	width: 20%; 
	font-size: 65%;
	height: 100%;
	text-align: center;
	padding: 1%;
}
.shadowed {
	float: right;
	font-size: 100%;
	width: 32%;
	margin: 2% 1%;
	background: url(../images/greytexture.jpg) #DDD;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
	display: inline-block;
	text-align: left;
}
.scrollit {
	overflow: auto;
	height: 50%;
	width: 98%;
}
.overview {
	margin-left: 15%;
}
.transparent {
	opacity: .05;
}
.fontseventyfive {
	font-size: 75%;
}
.italic {
	font-style: italic;
	font-weight: bolder;
}	
.font85 {
	font-size: 85%;
}
.font80 {
	font-size: 80%;
}
.h4small {
	margin: 0%;
	padding: 0%;
	line-height: 25%;
	color: #000099;
}
.wraptext {
	padding: 0px 2%;
}
/* Miscellaneous classes for reuse */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.col2 ul{
	float: left;
/*	display: inline-block;*/
	margin: 0;
	padding-left: 2%;	
	width: 275px;
	font-size: 110%;
	background-image:url(../images/bgtile.jpg);
	background-repeat:repeat-y;
}
.col2 ul li{
	float: left;
/*	display: block;*/
	padding-left: 5%;	
	width: 275px;
	font-size: 100%;
/*	line-height:1%;	*/
	background-image:url(../images/bgtile.jpg);
	background-repeat:repeat-y;
}
.warning {
	color: #FF0000;
}	
.giffile {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border: 0px;
}
.giffile img{
	margin: 0px;
	padding: 1%;
	border-style: none;
	border: 0px;
}
.highlight {
	padding: 1% 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#777), to(#444));
	background-image: -webkit-linear-gradient(top, #9CF, #CCC);
	background-image: -moz-linear-gradient(top, #9CF, #CCC);
	background-image: -ms-linear-gradient(top, #9CF, #CCC);
	background-image: -o-linear-gradient(top, #9CF, #CCC);
/*	background-image: linear-gradient(top, #9CF, #CCC);*/
	-moz-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	-webkit-box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;
	box-shadow: 0 -3px 3px rgba(0,0,0,.5) inset;}
.white {
	color: #FFF;}	
	
table.datatable{
	font-size: .75em;}
.adding {
	background: #FFFFCC url(images/shopcart.jpg) no-repeat scroll 10px 10px;
	position: relative;
	left: -35px;
	top:-4px;
	display: none;
}
.purchase {
    display: block;
    background-image:url('../images/purchase.gif');
    /* other background properties like "background-size", if needed */
}
/*
table td a:active{
    background-image:url('../images/shopcart.jpg');
}*/
.added {
	background-image: url('../images/shopcart.jpg');
	background-repeat: no-repeat;	
	}
#ajaxInProgress {
/*	float: left;*/
	width: 50%;
	height: 7%;
	margin-top:3px;
	padding: 2px 0;
	color: #06C;
/*	display: none;
	margin-top:-5px;*/
}
.progress {
  background: #fff url(../images/progress.gif) no-repeat center right;
/*  display: inline;*/
}
.spinner {
  background: #fff url(../images/ajax-loader.gif) no-repeat center right;
}
#ajaxtable {
/*	display: none;*/
	float: left;
	width: 75%;
	height: 400px;
	overflow: auto;
	text-align: left;
	margin: 3% 0;;
	padding: 2%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 10px 20px #20242C;
	-moz-box-shadow: 10px 10px 20px #20242C;
	box-shadow: 10px 10px 20px #20242C;
}
/* Styles specific to this particular page */
.scroll-pane {
	width: 100%;
	height: 600px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}	
.codeBlur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: none repeat scroll 0% 0% #000;
    display: none;
    opacity: 0.8;
    z-index: 900;
}
.hideMore {
	display:none;}	
.showMore {
	display:block;}	
.discount {
	color: #903;
	font-style: italic;	
	font-size: 1em;
	font-weight: bold;
	}
#expireDiv {
	width: 50%;
	text-align: center;
	background-color: #ECFFFF;
	padding: 10px;
	margin: 0;
	border: 1px solid #024A68;
	color: #024A68;
	font-weight: bold;
/*	font-size: 125%;*/
	-moz-box-shadow: -1px -1px 5px 1px #5E8C9E inset;
	-webkit-box-shadow: -1px -1px 5px 1px #5E8C9E inset;
	display: none;
	cursor: pointer;
}
.hint {
	color: #2076c8;
	margin: 0;
	padding: 1%;
	font-size: 95%;	
	font-style: italic;
}
.hint a{
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
	color: #039;
	font-weight: bold;
	}
.hint50 {
	color: #2076c8;
	margin: 0;
	padding: 1%;
	font-size: 50%;	
	font-style: italic;
}
.hint75 {
	color: #2076c8;
	margin: 0;
	padding: 1%;
	font-size: 75%;
	font-style: italic;
	font-family: "Comic Sans MS", cursive;
}
.hintsmall {
	color: #2076c8;
	margin: 0;
	padding: 1%;
	font-size: 85%;	
	font-style: italic;
}
.articles{
	text-align: left;
	font-size: 100%;
	margin: 0;
	padding: 2%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;		
	color: #0081AA;
	}
	
.articles a{
/*	text-decoration: none;*/
	font-size: 80%;
	padding: 2% 0;
}
.articles h1{
	text-align: center;
}	
.articles h4{
	padding: 0;
	padding-bottom: 1%;
	font-size: 100%;
}
.articles p{
	color: #636365;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 1%;
}	
#terms {
	display:none;
	font-size: 75%;	
	}
/*@media screen and (max-width:640px) 
{
    #title h1 { font-size: 1.2em; }
    .here { font-size: 1em; }	
}*/
.under {
	font-weight: bolder;
	text-decoration: underline;	
	}
.fontgold {
	color:#D89B02;
}