/* CSS Document */

html, body, form { 
margin: 0; 
padding: 0; 
border: 0; 
font-family: Arial, sans-serif;
}

body {
	background: #ffffff;
}

/*    Start of LAYOUT section.    */
div#leftcol {margin: 8px 8px 8px 8px;
background-color:#f4f4ef;
text-align:left;
height:100%;
}

div#middlecol {margin: 8px 20px 50px 20px;
text-align:left;
height:100%;
min-height: 350px;
}

div#rightcol {margin: 15px 0px 50px 20px;
float:left;
text-align:left;
width:260px;
height:100%;
}

div#topright {margin: 15px 15px 15px 15px;
text-align:left;
}

.marginleft {margin: -12px 0px 20px 0px;
text-align:left;
}

.marginimage {margin: 0px 20px 0px 0px;
text-align:left;
}

.marginimagechoices {margin: 0px 25px 0px 0px;
text-align:left;
}


/*    End of LAYOUT section.    */



/*    Start of AUTOVIEWER section.    */

#wrapper {	
		width: 480px;
		height: 100%;	
		background-color:#181818;
		padding: 20px 10px 20px 10px;
	}

#autoheader {	
		width: 100%;
		height: 50px;	
		background-color:#f4f4ef;
		margin: 10px 0px 0px 20px;
	}

#autoviewer {	
		width: 100%;
		height: 250px;
	}

#flashcontent {	
		width: 100%;
		height: 250px;		
	}

/*    End of AUTOVIEWER section.    */


/*   Start of Links section   */
img {
border: none !important;
}

a
{
outline: none;
text-decoration: none; 
}

a:link {
	color:#666633;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666633;
}
a:active {
	text-decoration: none;
	color: #666633;
}
a:hover {
	color: #999999;
	text-decoration: none;
}

a.alt:link {
	color:#ffffff;
	text-decoration: none;
}
a.alt:visited {
	text-decoration: none;
	color: #ffffff;
}
a.alt:active {
	text-decoration: none;
	color: #ffffff;
}
a.alt:hover {
	color: #ffffff;
	text-decoration: none;
}


a.body {

}
a.body:link {
	color:#666633;
	text-decoration: none;
}
a.body:visited {
	text-decoration: none;
	color: #666633;
}
a.body:active {
	text-decoration: none;
	color: #666633;
}
a.body:hover {
	color: #999999;
	text-decoration: none;
}

a.nav:link {
	font-size: 12px;
	color:#333333;
	text-decoration: none;
}
a.nav:visited {
	text-decoration: none;
	color: #333333;
}
a.nav:active {
	text-decoration: none;
	color: #333333;
}
a.nav:hover {
	color: #ffffff;
	text-decoration: none;
}

a.tagwebsite {
	font-size: 9px;
	color: #cccccc;
}
a.tagwebsite:hover {
	font-size: 9px;
	color: #ffffff;
}
a.taga {
	font-size: 13px;
	color: #cccccc;
	font-family: Times New Roman, serif;
}
a.taga:hover {
	font-size: 13px;
	color: #ffffff;
	font-family: Times New Roman, serif;
}

a.img-link img {
	border: 1px solid #fff !important;
}

a.img-link:hover img {
	border: 1px solid #aaa !important;
}


a.back {
    font-size: 14px;
    font-weight: normal;
}
a.back:link {
	color:#888;
	text-decoration: none;
}
a.back:visited {
	text-decoration: none;
	color: #aaa;
}
a.back:active {
	text-decoration: none;
	color: #888;
}
a.back:hover {
	color: #666666;
	text-decoration: underline;
}

/*   End of LINKS section.   */



/*    Start of NAV list section.

The following are my efforts to create a list based nav. i have managed to get backgrounds showing one colour for links and another colour for the page that you are on by using classes.

One issue however : the white colour text on the 'hover' state in ther links takes a moment to show. it's not instantaneous. bummer... */


ul { margin : 0;
padding : 0;

}

li.navlink, li.navyouarehere {
	list-style-type : none;
	border-bottom: 1px solid #f4f4ef;
    font-size: 12px;
}

li.navyouarehere {
	width: auto;
	display: block;
	margin : 0;
	padding:.5em 0 .2em 8px;
    background:#666666;
	color:#ffffff;
}

li.navyouarehere a:link, li.navyouarehere a:visited, li.navyouarehere a:active {
	color:#ffffff;
}

li.navlink a {	
	width: auto;
	display: block;
	margin : 0;
	padding:.5em 0 .2em 8px;
	background:#d2d2d2;
    color:#333;
}

li.navlink a:hover{
	background:#666666;
    color:#ffffff;
	}

/*   End of NAV list section.   */
   
   
   
   


/*   Start of TYPE STYLES section.   */

p {
	font-size: 13px;
	color: #333333;
	margin-bottom: 20px;
	margin-top: 0;
	line-height: 1.3;
}


.marginleft480 {
	font-size: 11px;
	color: #cccccc;
	margin-left:480px;
}

.byline {
	font-size: 14px;
	color: #999999;
	margin: -12px 0px 20px 0px;
    text-align:left;
}
.med {
	font-size: 11px;
}
.sml {
	font-size: 9px;
}
.style12 {
	font-size: 12px;
	color: #333333;
}
.style13 {
	font-size: 13px;
	color: #333333;
}
.style13grey {
	font-size: 13px;
	color: #999999;
}
.style14grey {
	font-size: 14px;
	color: #999999;
	margin-bottom: 10px;
}
.style12white {
	font-size: 12px;
	color: #ffffff;
}
.style18 {
	font-size: 18px;
	color: #333333;
}
h1 {
	color: #666666;
	font: normal 20px Arial, sans-serif;
	margin: 15px 0;
	line-height:1;
}
h2 {
	color: #333333;
	font: bold 16px Arial, sans-serif;
}
#rightcol h2 {
	color: #666666;
	font: normal 20px Arial, sans-serif;
	margin: 7px 0 5px 0;
}
h2.jobspec {
	color: #333333;
	font: bold 16px Arial, sans-serif;
	margin: 3px 0;
}
h3 {
	color: #5F512F;
	font: normal 16px Arial, sans-serif;
	margin: 5px 0 10px 0;
	line-height: 1.1;
}
#rightcol h3 {
	color: #333333;
	font: bold 16px Arial, sans-serif;
	margin: 20px 0 10px 0;
}
h4 {
	color: #333333;
	font: bold 14px Arial, sans-serif;
	margin-bottom: 0;
	padding-bottom: 0;
}

h4.testimonial {
	color: #888;
	font: bold 14px Arial, sans-serif;
	margin: 25px 0 3px 0;
	padding-bottom: 0;
}

/* 
span.semtag a {
	color: #666666;
	font-size: 20%;
}
*/

div#topright p, div#topright a {
font-size: 12px;
color: #ffffff;
}

div#topright a:hover {
color: #999;
}


/*   End of TYPE STYLES section.   */


/* Lists */

#middlecol ol, #middlecol ul, #middlecol dl {
	margin: 10px 0 25px 0;
	padding: 0;
	font: 15px/120% Arial, sans-serif;
}

#middlecol ol {
	
}

#middlecol ol li {
	margin: 0 0 5px 0;
	color: #5F512F;
	list-style-position: inside;
	padding: 0;
}

#middlecol ul {
	
}

#middlecol ul li {
	margin: 0 0 5px 0;
	color: #5F512F;
	list-style-type: none;
}

#rightcol ol, #rightcol ul, {
	margin: 10px 0 25px 0;
	padding: 0;
	font: 15px/120% Arial, Helvetica, Geneva, sans-serif;
}

#rightcol ul {
	
}

#rightcol ul li {
	margin: 0 0 5px 0;
	list-style-type: none;
	color: #5F512F;
}

#rightcol dl {
	font: 12px/110% Arial, sans-serif;
	margin-top:5px;
}

#rightcol dt {
	margin: 0 7px 4px 0;
	color: #5F512F;
	list-style: none;
	font-weight: bold;
	float: left;
}

#rightcol dd {
	margin: 0 0 4px 7px;
	color: #222;
	list-style: none;
}

#rightcol dl a {
	color: #222;
	text-decoration: underline;
	font-weight:bold;
}

#rightcol dl a:hover {
	color: #666666;
	text-decoration: none;
}

#rightcol dl a:hover {
	color: #666666;
	text-decoration: none;
}


/* End lists */


#rightcol hr {
	margin-top: 20px;
	margin-bottom: 15px;
}


.highlight {
	background-color: #e7e7dc;
}


/* End of CSS Document */

div.highslide-gallery {
	margin-top: 7px;
}