/* the font styles for the text */
h1, h2, h3, h4 {
clear: both; color: #336699;
}

h1 {font-size: 18px;
}

h2 {font-size: 16px;
}

h3 {font-size: 14px;
}

h4 {font-size: 12px;
}

p {color: #000000; font-size: 12px; line-height:20px;}

p,h1,h2,h3,h4,ul,ol,li,div,span,blockquote,body,table,td {
font-family:verdana,arial,helvetica,sans-serif;
 }

/* the link text styles */
a:link {
color:#0099FF;
font-weight: bold;
text-decoration:none;
}

a:visited {
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;

}

a:hover {
color:#003399;
}

a.nav:link, a.nav:visited {
color: #006600;
font-weight:bold;
text-decoration:none;
}
a.nav:hover {
color: #FFFFFF;
}

a.outside:link, a.outside:visited {
color: #006600;
text-decoration:none; 
font-weight: normal;
}

a.outside:hover {
text-decoration:underline;
background-color: transparent;
}


/* the color and border class selectors */

.maincolor {
	background-color: #FFFFFF;
	color:#003399;
	font-family: Helvetica, sans-serif, Arial;
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 7px;

}

.seccolor, .seccolorleft, .seccolorright {
background-color: #B3BB92;
color:#000000;
}

.seccolorleft {
border-right: 2px solid #cccccc;
}


.seccolorright {
border-left: 2px solid #cccccc;
}







/*the styles for the  3 content DIVs */
#left {
margin-top: 0px;
margin-left: 20px;
width: 80px;
font-size: 12px;
line-height: 24px;
}

#right {
margin-top: 0px;
margin-left: 10px;
margin-right:20px;
font-size: 11px;
line-height: 16px;
}


#main {
padding: 0px 10px 10px 20px;
}

/* the body element styles */

body {
	margin: 0px;
}


/* form element styles */

input.submitbutton {
color: #ffffff;
background-color: #993333;
border-top: 2px solid #993333;
border-right: 2px solid #993333;
border-bottom: 2px solid #993333;
border-left: 2px solid #993333;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
height: 20px; 
width: 60px;
vertical-align:middle;
}

input.textbox {
color:#ffffff;
background-color:#666666;
font-family: arial, sans-serif;
font-size: 11px;
border-top: 1px dashed #ffffff;
border-right: 1px dashed #ffffff;
border-bottom: 1px dashed #ffffff;
border-left: 1px dashed #ffffff;
height: 18px;
width: 80px;
vertical-align:middle;
padding:2px 0px 0px 2px;
}

/*the photo strip */

#photo {
background-image:  url(file:///C|/Documents%20and%20Settings/Doug/My%20Documents/Websites/doug_rider_consulting/citytire/assets/images/stripcolor.jpg);
background-repeat: repeat-x;
background-position: 0% 0%;
}

/* floating elements */

.picright {
float: right;
padding: 10px;
}
.picleft {
float: left;
padding: 10px;
}

.leftsub a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000099; background-color: #FFFFFF; text-decoration: none}
.leftsub a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000099; background-color: #FFFFFF; text-decoration: none }
.leftsub a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #52A9FF
}

.navbox {  background-color: #FFFFFF; margin-top: 2px; margin-right: 3px; margin-bottom: 2px; margin-left: 3px; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; border: 2px double #50A7FF}
.bnavbox { background-color: #CCCCFF; margin-top: 2px; margin-right: 3px; margin-bottom: 2px; margin-left: 3px; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; border: #000033; border-style: double; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px }
.maincolor a:link {
	text-decoration: underline;
}
.maincolor a:visited {
	text-decoration: underline;
}
.maincolor a:hover {
	text-decoration: none;
}
.bustour {
	background-color: #CCCCCC;
}