/* CSS Document */
/*------------------------------------------------------------------

version: 1.0
author: Dave Holt
email: dholt@perryballard.com
website: www.perryballard.com

------------------------------------------------------------------*/



/*TAKE AWAY THREE TEMPLATES AND REPLACE WITH ONE. USE CSS TO DECLARE BANENR GRAPHIC*/


* {padding:0;margin:0;}


body {background-color: #3399CC; background-image:  url(../images/geared_hinge_bkgrnd.jpg); background-repeat: repeat-x;}




/* We're using the Phark Method for image replacement. Doesn't wotk in IE5, but we'll use a comment tag to deal with that*/
h1 {position: absolute;left: 15px;top: 15px;font-family: Arial, Helvetica, sans-serif;font-size: 32px;color: #000000;letter-spacing: -0.05em; font-weight: bolder; text-indent: -9999px;}


h1, h2, h3, h4, h6, p {padding-top: 10px; padding-bottom: 10px;}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #336699;
	font-weight: bolder;
	background-image: url(../images/blue_triangle.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-position: left bottom;
}

.categoryspacing {
	display: block;
	margin-top: 18px;
}


/*---------------   #MAIN    -----------------*/

#main h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 22px;font-weight: bold;color: #FF6600;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FF6600;position: static;left: 0px;top: 0px;text-indent: 0px;padding: 0px 0px 5px;}

#main h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#main h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #000000;margin-bottom: 0px;padding-bottom: 0px;}
	
#main h5 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #CC3300;font-weight: bold;height: 25px;border: none;text-decoration: none;line-height: 18px;}
	
#main {position: relative;width: 600px;left: 65px;top: 32px;z-index: 1;}

#main p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;line-height: 18px;}
	
#main a:link {color: #0066CC;}

#main a:visited {color: #333333;text-decoration: underline;}

#main a:hover {color: #FF6600;text-decoration: none;}

#main li {margin-bottom: 12px;}

#main ul {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;padding-left: 12px;padding-bottom: 12px;}
	
#main ul ul {line-height: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;list-style-type: circle;padding-left: 24px;padding-bottom: 12px;}

#main h6 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 20px;font-weight: bold;color: #FF6600;padding-bottom: 5px;text-indent: 0px;width: 100%;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FF6600;}


/*------------------------------------------*/





#container {position: absolute;width: 740px;left: 15px;background-color: #FFFFFF;border-top-width: 1px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #999999;border-right-color: #666666;border-bottom-color: #666666;border-left-color: #999999;top: 20px;}

#shrinkwrap {position: absolute;width: 740px;left: 0px;top: 175px;background-color: #FFFFFF;}

#banner {position: absolute;height: 150px;width: 740px;left: 0px;top: 0px;}

#sidebar {position: absolute;width: 145px;left: 595px;top: 24px;}










#topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	position: absolute;
	left: 0px;
	top: 150px;
	background-color: #FFFFFF;
	text-align: center;
	height: 20px;
	width: 740px;
	padding-top: 4px;
	padding-bottom: 4px;
	z-index: 6;
	font-weight: normal;
}

#topnav a:link {color: #000000;text-decoration: none;}

#topnav a:visited {color: #666666;text-decoration: none;}

#topnav a:hover {color: #FF9900;text-decoration: none;}


/*---------------    #FOOTER   ----------------------*/

#footer {position: relative;width: 740px;bottom: 0px;margin-top: 40px;padding-bottom: 5px;text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #666666;}

#footer a:link {color: #333333;text-decoration: none;font-size: 10px;}

#footer a:visited {color: #000000;text-decoration: none;}

#footer a:hover {color: #3399CC;text-decoration: underline;}




/*---------------    #FLAGNAV   ----------------------*/


#flagnav {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;position: absolute;left: 0px;top: 0px;text-align: right;height: 20px;width: 720px;padding-top: 4px;padding-bottom: 4px;font-weight: normal;}

#flagnav a:link {color: #FFFFFF;text-decoration: none;}

#flagnav a:visited {color: #CCCCCC;text-decoration: none;}

#flagnav a:hover {color: #FF9900;text-decoration: none;}







.bold {font-weight: bold;}

.right {position: static;padding: 6px;float: right;margin-left: 12px;}

.block {height: 125px;width: 400px;margin-left: 75px;padding-left: 35px;}

.slash {color: #FF6600;padding-right: 5px;padding-left: 5px;font-size: 14px;}



#edge {position: absolute;height: 20px;width: 50px;left: 54px;top: 5px;z-index: 2;}


.features {
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 6px;
	float: left;
}

.italic {font-style: italic;}

#answer {background-color: #F1F1F1;height: 700px;width: 332px;position: absolute;top: 86px;right: 0px;float: right;margin-left: 12px;margin-top: 42px;border-top: 2px solid #999999;border-bottom: 2px solid #666666;border-left: 2px solid #CCCCCC;border-right-color: #F0F0F0;left: 500px;}

.body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;line-height: 16px;color: #000000;}

.highlight {background-color: #66FF99;}

#odometer {background-image: url(../images/odometer_comp.gif);margin: 12px;float: right;background-repeat: no-repeat;position: absolute;height: 125px;width: 195px;top: 12px;right: 0px;}

#odometerNumbers {position: relative;top: 23px;left: 20px;height: 25px;width: 149px;}


.accent {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;color: #006197;}


#clear25 {height: 25px;width: 100%;}
#clear75 {height: 25px;width: 100%;}

.paddingTopBottom12 {padding-top: 12px;padding-bottom: 12px;}

.alignVtMiddle {vertical-align: middle;}

.VerticalRule {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}



.hingeRule {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom: 24px;
	vertical-align: top;
}

#menu ul li ul li {
	line-height: 18px;
}
pre {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px;
}
#advertising {
	float: right;
	height: 80px;
	width: 185px;
	margin-top: -35px;
	padding: 0px;
	margin-right: -65px;
	background-image: url(../images/jump_magazineads.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 25;
	margin-left: 5px;
	margin-bottom: 11px;
	position: absolute;
	right: 0px;
	top: 25px;
	border: 1px solid #FFFFFF;
}
 a:link #advertising {
	border: none;
}
 a:visited #advertising {
	border: none;
}
a:hover #advertising  {
	background-color: #CCCCCC;
	border: 3px solid #CCCCCC;
	background-position: center center;
}
.advertising {
	padding: 14px;
	width: 250px;
	border: 5px solid #FFFFFF;
	text-decoration: none;
	margin-top: 8px;
	display: block;
	height: 240px;

}
a:link .advertising {
	padding: 14px;
	border: 5px solid #FFFFFF;
	text-decoration: none;
}
a:visited .advertising {
	padding: 14px;
	border: 5px solid #FFFFFF;
	text-decoration: none;
}
a:hover .advertising {
	padding: 14px;
	border: 5px solid #E4E4D4;
	background-color: #F3F3F3;
	text-decoration: none;
}
.advertising p {
	margin-top: 8px;
	text-decoration: none;
}

a:hover .advertising p {
	color: #333333;
	text-decoration: none;
}
.advertising img {
	float: left;
	margin-right: 8px;
	margin-bottom: 12px;
}

.featuresBox {
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 6px;
	width: 550px;
	height: 150px;
	border-bottom: 4px solid #F4F4F4;
}
.advertising2 {
	padding: 14px;
	border: 5px solid #FFFFFF;
	text-decoration: none;
	display: block;
}
a:link .advertising2 {
	padding: 14px;
	border: 5px solid #FFFFFF;
	text-decoration: none;
}
a:visited .advertising2 {
	padding: 14px;
	border: 5px solid #FFFFFF;
	text-decoration: none;
}
a:hover .advertising2 {
	padding: 14px;
	border: 5px solid #E4E4D4;
	background-color: #F3F3F3;
}
.tableStyle {
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #333333;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-y;
}
.date {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-bottom: 4px;
	margin-bottom: 12px;
	margin-top: 18px;
}
.cellstroke {
	border: 1px inset #999999;
	padding: 12px;
	background-color: #F9F9F9;
}
.dropcap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #CC3300;
	float: left;
	font-weight: bold;
	padding-top: 11px;
	margin-right: 5px;
}
input {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EEEEEE;
}
.required {
	font-weight: bold;
	color: #990000;
}
.leftpic {
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
}
textarea {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EEEEEE;
}

input:focus, textarea:focus{
background-color: lightyellow;
}.languages {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #666666;
	text-indent: 40px;
	margin-left: 45px;
	margin-top: 0px;
	padding: 0px;
}
.languages2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #666666;
	margin-top: 0px;
	padding: 0px;
	text-align: center;
}

.languages2 a:link {
	color: #666666;

}

.languages3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #333333;
	margin-top: 0px;
	padding: 0px 0px 8px;
	text-align: left;
	font-weight: bold;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.leftBorder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.french {
	color: #0066CC;
	text-decoration: underline;
}

#guide {
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
	position: relative;
	top: 4px;

}