@charset "utf-8";
html, body {
	font-family: Tahoma, Helvetica, Arial, Sans-Serif; /*use a percentage on the fonts to allow the user to increase the size of the font in the browser*/
	font-size: 100%; /*setting these to 0 position our page top left corner no margin*/
	margin: 0;
	padding: 0;
	text-align: center;
	background-position: top;
	letter-spacing: 0.02em;
	background-image: url(../images/new_jss/backdrop1.gif);
}
#projectwrapper {
	text-align: left;
	width: 780px;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFF;
	position: relative;
}
#header {
	width: 780px;
	background-image: url(../_private/images/backgrounds/jssheader_bg.jpg);
	background-repeat: repeat-x;
	height: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	left: 0px;
	top: 0px;
	position: relative;
}
#header .ad
{
    float: right;
    width: 300px;
}
#bodywrapper
{
	/*this is the main content area. Use position relative so all other divs position thenseleves based on the wrapper not the browser. */
    background-image: url(../_private/images/backgrounds/wrapper_body.gif);
	background-repeat: repeat-y;
	width: 780px;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #555555; /* needed to center the info on the center of the browser window */
	margin-left: 0;
	margin-right: 0;
	height: auto;
	text-align: left;
	float: left;
	background-color: #FFF;
	position: relative;
	clear: both;
}
#leftcolumnwrapper {
	width: 179px;
	height: auto;
	top: 0px;
	left: 0px;
	padding-bottom: 15px;
	font-size: 80%;
	letter-spacing: 0.07em;
	background-image: url(../_private/images/backgrounds/background_left_columngray.jpg);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	padding-left: 6px;
	clear: both;
	z-index: 75;
}
#leftcolumnwrapper p {
	line-height: 120%;
	letter-spacing: .02em;
}
#leftcolumnwrapper .img_lc {
	clear: both;
	height: auto;
	width: auto;
	padding-top: 1em;
	padding-bottom: .2em;
	text-align: center;
}
#leftcolumnwrapper h1 {
	font-size: 130%;
	font-weight: bold;
}
#leftcolumnwrapper h2 {
	font-size: 110%;
	font-weight: bold;
}
#leftcolumnwrapper .testimonial {
	font-style: italic;
	text-align: center;
	line-height: 120%;
	letter-spacing: .07em;
	color: #FFF;
	padding-right: 4px;
	padding-left: 4px;
}
#leftcolumnwrapper #information{
	color: #FFF;
	padding-top: 10px;
	letter-spacing: 0.2em;
	position: relative;
	float: left;
	height: auto;
	width: 174px;
	font-size: 110%;
	padding-right: 5px;
	padding-left: 0px;
	clear: none;
}
#leftcolumnwrapper #information a:link
{
	color: #03F;
	letter-spacing: 0.05em;
	background-color: #8F8F8F;
}
#leftcolumnwrapper #information a:visited
{
	color: #03F;
	letter-spacing: 0.05em;
	background-color: #8F8F8F;
}
#leftcolumnwrapper #information a:hover
{
	color: #0C0;
	background-color: #000000;
	cursor: pointer;
	letter-spacing: 0.05em;
}
#leftcolumnwrapper #information a.active
{
	color: #496A35;
	letter-spacing: 0.05em;
}
#leftcolumnwrapper #information a img
{
	 border: none;
}
#menu
{
	width: 176px;
	font-family: Arial, Helvetica, sans-serif; /*use a percentage on the fonts to allow the user to increase the size of the font in the browser*/
	font-size: 90%;
	padding-right: 1px;
	height: auto;
	top: 0.5em;
	margin-top: 15px;
	text-align: center;
	position: relative;
	z-index: 50;
}
#menu a:link
{
	color: #000000;
}
#menu a:visited
{
    color: #000000;
}
#menu a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
    background-color: #000000;
    cursor: pointer;
}
#menu a.active
{
    color: #FFFFFF;
	background-color: #000000;

}
#rightcolumnwrapper
{
	width: 573px;
	height: auto;
	float: right;
	padding-left: 5px;
	font-size: 90%;
	letter-spacing: 0.05em;
	color: #000;
	margin-top: 0px;
	position: relative;
	padding-right: 2px;
	clear: none;
	z-index: 30;
}
#rightcolumnwrapper h1
{
	/*% used for scaling */
    font-size: 175%;
	font-family: "Times New Roman", Times, serif;
	color: #000;
}
#rightcolumnwrapper h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-transform: capitalize;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#rightcolumnwrapper h3
{
	/*% used for scaling */
    font-size: 110%;
	font-family: "Times New Roman", Times, serif;
	padding-left: .4em;
	letter-spacing: .1em;
	color: #000;
}
#rightcolumnwrapper a:link
{
	color: #1606DF;
}
#rightcolumnwrapper a:visited
{
	color: #933;
	border: none;
}
#rightcolumnwrapper a:hover
{
	color: #0C3;
	background-color: #000000;
	cursor: pointer;
}
#rightcolumnwrapper a.active
{
	color: #496A35;
}
#rightcolumnwrapper p {
	line-height: 130%;
}
#rightcolumnwrapper ul li {
	line-height: 150%;
	font-style: normal;
	font-weight: 500;
}
#rightcolumnwrapper .wrapper_breaking_news {
	clear: both;
	float: left;
	height: auto;
	width: 571px;
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #666;
}
#rightcolumnwrapper .breaking_news {
	clear: both;
	float: left;
	width: 568px;
	padding-left: 5px;
	position: relative;
	height: 20px;
	letter-spacing: 0.09em;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../_private/images/backgrounds/background_h2_links.jpg);
	background-repeat: no-repeat;
}
#rightcolumnwrapper .breaking_news h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 87%;
	font-weight: 500;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-style: italic;
	text-transform: capitalize;
	letter-spacing: 0.11em;
}
#rightcolumnwrapper .breaking_news_text {
	font-size: 85%;
	float: left;
	width: 565px;
	position: relative;
	height: auto;
	top: 0px;
	padding-left: 5px;
	letter-spacing: 0.2em;
	margin-top: 4px;
	margin-bottom: 3px;
	color: #000;
	font-style: normal;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #FFFFD7;
}
#rightcolumnwrapper .text_box {
	width: 573px;
	position: relative;
	height: auto;
	float: left;
	padding-top: 0px;
}

#rightcolumnwrapper .imgright {
	float: right;
	margin-bottom: 4px;
	margin-left: 8px;
	margin-right: 4px;
	position: relative;
	height: auto;
	width: auto;
}
#rightcolumnwrapper .imgcenter {
	float: left;
	width: auto;
	height: auto;
	position: relative;
	clear: none;
	text-align: center;
	padding-left: 180px;
}
.help_icon {
	vertical-align: top;
	float: right;
	width: auto;
	position: relative;
	height: auto;
	top: 0px;
}

#rightcolumnwrapper .imgleft {
	float: left;
	width: auto;
	height: auto;
	margin-bottom: 2px;
	margin-left: 4px;
	margin-right: 5px;
	position: relative;
}
#rightcolumnwrapper .warning {
	font-weight: bold;
	color: #F00;
	font-size: 100%;
}
#img_hyperlink {
	text-align: center;
	padding-bottom: 30px;
	padding-top: 20px;
	height: 30px;
	border: none;
	width: auto;
}
#img_hyperlink img {
	border: none;
}
#rightcolumnwrapper a img, #img_hyperlink a:link img, #img_hyperlink a:hover img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#top_arrow {
	clear: both;
	height: 25px;
	width: 573px; /* the Rght column wrapper is 580 but it has padding of 7 px therefore 573 is its actual size and that's what this div needs to be */
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	background-color: #FFF;
	float: left;
}
#footerwrapper
{
	background-image: url(../_private/images/backgrounds/background_footer.gif);
	background-repeat: repeat-x;
	width: 770px;
	height: 25px;
	padding-top: 1px;
	padding-left: 10px; /* needed to center the info on the center of the browser window */
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
	font-size: 85%;
	clear: both;
	margin-right: 0px;
	position: relative;
}
#footerwrapper .linkswrapper {
	font-size: 90%;
	color: #FFF;
	float: left;
	height: auto;
	width: 385px;
	font-weight: 400;
	letter-spacing: .1em;
	position: relative;
}
#footerwrapper .copyright {
	font-size: 90%;
	color: #FFF;
	letter-spacing: 0.03em;
	text-align: right;
	float: right;
	height: auto;
	width: 375px;
	padding-right: 10px;
	clear: none;
	position: relative;
}
#footerwrapper a:link
{
	color: #FFFFFF;
	letter-spacing: .05em;
}
#footerwrapper a:visited
{
	color: #FFFFFF;
	letter-spacing: 0.05em;
}
#footerwrapper a:hover
{
	color: #FFFFFF;
	background-color: #000000;
	cursor: pointer;
	letter-spacing: 0.05em;
}
#footerwrapper a.active
{
	color: #496A35;
	letter-spacing: 0.05em;
}
a img
{
	 border: none;
}
.imageholder_center {
	clear: both;
	float: left;
	height: auto;
	width: 560px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
}
.clearfloat
{
    font-size: 1px;
    clear: both;
    margin: 0px;
    height: 0px;
}
.adrotator
{
	width: 176px;
	float: left;
	margin-bottom: 1em;
	/* the last two lines are needed to center the graphic in the column */
    text-align: center;
	height: auto;
	clear: both;
	position: relative;
	margin-top: 2em;
}
.notop
{
	margin-top:0;
}
.date {
	font-size: 80%;
	font-style: italic;
	color: #F00;
	letter-spacing: .02em;
}
.more_info {
	background-color: #FCFDC8;
	font-style: italic;
	font-weight: bold;
}
.home #home a, .contact_us #contact_us a, .links #links a, .products #products a, .software #software a, .support #support a, .library #library a, .newsletter #newsletter a, .redbook #redbook a, .images #images a, .prints #prints a, .downloads #downloads a, .models #models a, .news #news a, .garage #garage a, .swaptrade #swap a, .classified #classified a, .forsale #forsale a, .reviews #reviews a, .about_us #about_us a, .links_tips #linkstips a{
	color: #FFFFFF;
	background-color: #000000;
}
.quote {
	font-style: italic;
	font-weight: bold;
}
.question {
	font-style: italic;
	font-weight: bold;
}
.answer {
	background-color: #E0E0E0;
}
#rightcolumnwrapper #div_return_wrapper {
	clear: both;
	float: left;
	width: 573px;
	position: relative;
	height: 32px;
	margin-bottom: 25px;
	text-align: center;
	margin-top: 10px;
}
#rightcolumnwrapper #div_return_wrapper .return_center_img {
	float: left;
	height: auto;
	position: relative;
	clear: none;
	text-align: center;
	padding-left: 260px;
}