.class1 a:link {text-decoration: none; color: #666666} 
.class1 a:visited {text-decoration: none; color: #666666}
.class1 a:hover {text-decoration: underline; color: #344b61}

.class2 a:link {text-decoration: none; color: #000000} 
.class2 a:visited {text-decoration: none; color: #000000}
.class2 a:hover {text-decoration: underline; color: #000000}
.class2 { border-left: 1px solid #000000}
.last { border-right: 1px solid #000000}

.class3 a:link {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; color: #475E75}
.class3 a:visited {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; color: #475E75}
.class3 a:hover {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; color: #475E75; background-color: #FFFFFF}

.class4 a:link {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 2px; color: #475E75}
.class4 a:visited {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 2px; color: #475E75}
.class4 a:hover {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 2px; color: #475E75; background-color: #FFFFFF}

.class5 a:link {text-decoration: none; color: #cccccc} 
.class5 a:visited {text-decoration: none; color: #cccccc}
.class5 a:hover {text-decoration: underline; color: #cccccc}

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

.class7 a:link {text-decoration: none; color: #888888} 
.class7 a:visited {text-decoration: none; color: #888888}
.class7 a:hover {text-decoration: underline; color: #888888}

.class8 a:link {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 0.5px; color: #475E75}
.class8 a:visited {text-decoration: none; border-bottom-style: dotted; border-bottom-width: 1px; padding-bottom: 0.5px; color: #475E75}
.class8 a:hover {text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0.5px; color: #475E75; background-color: #FFFFFF}

.noline {text-decoration: none}
.noline:hover {text-decoration: underline}

body {
	margin-left: 0;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #222222;
}

img {
border: 0;
vertical-align: bottom;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #041E31;
	margin-bottom: 5px;
}


p.mainpara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: lighter;
	font-style: italic;
	color: #041E31;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

.bold {
	font-weight: bold;
}


.italic {
	font-weight: normal;
	font-style: italic;
}

p.pages {
	line-height: 20px;
	margin: 0;
	margin-top: 10px;
}

p.disclaimer {
	font-size: 11px;
	line-height: 13px;
}

/*general fonts/spans
--------------------------------------------------------------------*/

.none {
margin: 0;
padding: 0;
}

.navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}

.bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;
}

.smallbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	color: #041E31;
}



.abstract {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #475E75;
}

.email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #041E31;
}

.sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #041E31;
}

.subtree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	font-style: italic;
	color: #041E31;
}

.tag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #cccccc;
}

.tagit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 0.5px;
	font-style: italic;
	color: #FFFFFF;
}

.tagdiff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #475E75;
	padding-left: 3px;
	padding-right: 3px;
}

.tagdiff2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6B7F94;
}

.address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding: 5px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}


/*general divs
--------------------------------------------------------------------*/

#border {
width: 758px;
margin: 0 auto; /*center on page*/
}

#mainbordertop {
width: 758px;
background-image: url(images/mid_top.gif);
height: 10px;
margin-top: 3px;
}

#mainborder {
width: 728px;
background-image: url(images/mid.gif);
padding: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
}

#mainborderbottom {
width: 758px;
background-image: url(images/mid_bottom.gif);
height: 10px;
margin-bottom: 3px;;
}

#picbar {
width: 758px;
background-image: url(images/picbanner.jpg);
height: 57px;
}

#picbarcharity {
width: 758px;
background-image: url(images/picbannercharity.jpg);
height: 57px;
}

#footer {
width: 751px;
background-image: url(images/footer.gif);
height: 32px;
margin-bottom: 3px;
padding-left: 7px;
padding-top: 13px;
}

#footer40 {
width: 458px;
background-image: url(images/footer40.gif);
height: 32px;
margin-bottom: 3px;
padding-left: 300px;
padding-top: 13px;
}

#footerspace {
padding-top: 12px;
margin-bottom: 30px;
}

#footerroomfive {
float: right;
margin: 0;
}

#left {
float: left;
width: 210px;
padding-bottom: 10px;
}

#content {
margin-left: 227px;
padding-bottom: 20px;
}

#horiz, #horiz1, #horiz2, #horiz3, #horiz4 {
height: 8px;
margin-top: 10px;
margin-bottom: 10px;
background-image: url(images/horiz.gif);
background-position: center;
background-repeat: no-repeat;
}

#horizbottom, #horizbottom2, #horizbottom3, #horizbottom4 {
height: 8px;
margin-top: 25px;
margin-bottom: 10px;
background-image: url(images/horiz.gif);
background-position: center;
background-repeat: no-repeat;
}

#horizleft {
height: 8px;
margin-top: 2px;
margin-bottom: 2px;
background-image: url(images/horizleft.gif);
background-position: center;
background-repeat: no-repeat;
}

#images, #images2 {
margin-top: 10px;
margin-bottom: 18px;
}

#floatclad, #floatclad2, #floatclad3 {
float: right;
background-color: #EBEFF2;
padding: 0;
margin: 0 0 0 10px;
}



/*dropdown menu
--------------------------------------------------------------------*/

#navibar {
	width: 758px;
	height: 28px;
	vertical-align: bottom;
}

#nav { /* all lists */
	padding: 0;
	padding-left: 5px;
	margin: 0;
	list-style: none;
	line-height: 10px;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
}

#nav a {
	display: block;
}


#nav a.top {
	display: block;
	padding: 9px;
	padding-left: 24px;
	padding-right: 24px;
}

#nav li { /* all list items */
	float: left;
}

#nav li ul li { /* sub list items */
	float: left;
	padding: 9px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #22466B;
	padding-right: 9px;
	top: 43px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: 0 0 0 0;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	background: #475E75;
	margin: 0 0 0 0;
	top: 38px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/*left box
--------------------------------------------------------------------*/

#leftboxtop {
width: 210px;
height: 10px;
background-image: url(images/subback_top.gif);
padding: 0;
margin: 0;
}

#leftbox {
width: 185px;
background: white;
padding: 0;
padding-left: 10px;
padding-right: 15px;
padding-bottom: 0;
}

#leftbox2 {
width: 200px;
background-color: #FFFFFF;
padding: 0;
padding-left: 10px;
padding-bottom: 3px;
margin: 0;
}
		
#leftboxbottom {
width: 210px;
height: 10px;
background-image: url(images/subback_bottom.gif);
padding: 0;
margin: 0;
margin-bottom: 10px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: bold;
color: #041E31;
margin-bottom: 5px;
margin-top: 0;
}

.test {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
font-style: italic;
color: #888888;
}

.light {
	font-weight: lighter;
}

#indextop {
width: 210px;
height: 17px;
background-image: url(images/indextop.gif);
padding: 0;
margin: 0;
margin-top: 10px;
}

#indexmid {
width: 185px;
background-image: url(images/indexmid.gif);
padding: 0;
padding-left: 10px;
padding-right: 15px;
}

#indexbottom {
width: 210px;
height: 19px;
background-image: url(images/indexbottom.gif);
padding: 0;
margin: 0;
margin-bottom: 10px;
}

#pics1, #pics2, #pics3, #pics4 {
width: 210px;
height: 108px;
padding: 0;
margin: 0;
}


.smaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #041E31;
	margin-bottom: 5px;
}

.indextext {
	font-size: 10px;
	font-weight: bold;
}

.margin {
	margin-bottom: 5px;
}




/*quote
--------------------------------------------------------------------*/

blockquote {
padding: 10px;
padding-bottom: 0;
margin: 0;
margin-top: 20px;
background: url(images/quote_open.gif) top left no-repeat;
}

blockquote p {
margin: 0;
padding: 0;
background: url(images/quote_close.gif) bottom right no-repeat;
}

cite {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 24px;
font-weight: bold;
color: #163851;
margin: 0;
padding: 0;
padding-left: 10px;
}

.quote {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
color: #777777;
font-weight: normal;
font-style: italic;
}

.lighter {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
color: #aaaaaa;
font-style: italic;
}

.citelighter {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 24px;
font-weight: bold;
color: #aaaaaa;
margin: 0;
padding: 0;
padding-left: 10px;
}



/*banners
--------------------------------------------------------------------*/

#banner {
width: 758px;
height: 300px;
margin: 0;
padding: 0;
}

#bannerabout {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_006.jpg);
margin: 0;
padding: 0;
}

#bannerproducts {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_002.jpg);
margin: 0;
padding: 0;
}

#bannerfab {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_016.jpg);
margin: 0;
padding: 0;
}

#bannerfab2 {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_008.jpg);
margin: 0;
padding: 0;
}

#bannerfab3 {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_019.jpg);
margin: 0;
padding: 0;
}

#bannerfab4 {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_017.jpg);
margin: 0;
padding: 0;
}

#bannermachining {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_004.jpg);
margin: 0;
padding: 0;
}

#bannerdownloads {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_005.jpg);
margin: 0;
padding: 0;
}

#bannercontact {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_003.jpg);
margin: 0;
padding: 0;
}

#bannerfaq {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_011.jpg);
margin: 0;
padding: 0;
}

#bannernews {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_007.jpg);
margin: 0;
padding: 0;
}

#bannerdisplay {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_012.jpg);
margin: 0;
padding: 0;
}

#bannerdisplay2 {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_013.jpg);
margin: 0;
padding: 0;
}

#bannereng {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_026.jpg);
margin: 0;
padding: 0;
}

#bannerconveyor {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_015.jpg);
margin: 0;
padding: 0;
}

#bannerabout2 {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_021.jpg);
margin: 0;
padding: 0;
}

#bannertemp {
width: 758px;
height: 300px;
background-image: url(images/banners/temp.jpg);
margin: 0;
padding: 0;
}

#banneroadbyclad {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_022.jpg);
margin: 0;
padding: 0;
}

#bannerspecial {
width: 758px;
height: 300px;
background-image: url(images/banners/banner_023.jpg);
margin: 0;
padding: 0;
}

#bannernews001 {
width: 758px;
height: 300px;
background-image: url(images/banners/news/bannernews_001.jpg);
margin: 0;
padding: 0;
}

#bannernews002 {
width: 758px;
height: 300px;
background-image: url(images/banners/news/bannernews_002.jpg);
margin: 0;
padding: 0;
}

#bannernews003 {
width: 758px;
height: 300px;
background-image: url(images/banners/news/bannernews_003.jpg);
margin: 0;
padding: 0;
}



/*tables
--------------------------------------------------------------------*/

td.toprow {
height: 30px;
text-align: center;
font-weight: bold;
line-height: 12px;
}

td.width {
font-weight: bold;
text-align: center;
}

td.widthlight {
font-weight: bold;
text-align: center;
color: #666666;
}

td.divide {
width: 5px;
background-image: url(images/celldivide.gif);
background-position: center;
background-repeat: repeat-y;
}

td.dividealt {
width: 5px;
background-image: url(images/celldividealt.gif);
background-position: center;
background-repeat: repeat-y;
background-color: #dddddd;
}

td.dividedark {
width: 5px;
background-image: url(images/celldividedark.gif);
background-position: center;
background-repeat: repeat-y;
background-color: #cccccc;
}

td.fade {
background-image: url(images/topfade.gif);
background-position: right;
background-repeat: repeat-y;
background-color: #eeeeee;
}

tr.bgcolor1 {
	background-color: #cccccc;
}

tr.bgcolor2 {
	background-color: #dddddd;
}

td.width80 {width: 80px}
td.width105 {width: 105px}




/*News links
--------------------------------------------------------------------*/

#newssections a {
	display: block;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #cccccc;
}

#newssections a:hover {
	background-color: #cccccc;
	color: #222222;
}



.italicunder {
	font-style: italic;
	text-decoration: underline; 
}

#newssections {margin: 0; padding: 0; margin-bottom: 20px}

#newssections a img {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 10px;
	border: 1px solid #333333;
}

.newstitle {
	color: #041E31;
	font-size: 13px;
	font-weight: bold;
}

#rightimage {
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*OadbyClad product images
--------------------------------------------------------------------*/

#productimg {
	float: right;
	height: 874px;
	width: 500px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	background-image: url(images/profiles.jpg);
}

#installimg {
	float: right;
	height: 236px;
	width: 500px;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	background-image: url(images/oadbyclad01.gif);
}



/*Finder bar
--------------------------------------------------------------------*/

#finderbar {
	clear: both;
	margin: 0;
	padding: 20px;
	height: 190px;
	background-color: #eeeeee;
	color: #777777;
	font-size: 11px;
	border-top: 2px solid #ffffff;
}

#finderbar .sections {
	float: left;
	margin: 0;
	padding: 0;
	width: 114px;
	margin-right: 10px;
}

#finderbar .sections2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 130px;
	margin-right: 10px;
}

#finderbar .sectionslarge {
	float: left;
	margin: 0;
	padding: 0;
	width: 228px;
	margin-right: 10px;
}

#finderbar .sectionslarge2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 212px;
	margin-right: 10px;
}

.offwhite { color: #bbbbbb;}

#finderbar .none { margin-right: 0;}


#finderbar h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	font-size: 13px;
	color: #041E31;
}

#finderbar p {
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}


#finderbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#finderbar ul.sub {
	margin-top: 10px;
}

#finderbar li {}


#finderbar a:link {text-decoration: none; color: #777777}
#finderbar a:visited {text-decoration: none; color: #777777}
#finderbar a:hover {text-decoration: none; color: #163851}


/*Contact bar
--------------------------------------------------------------------*/

#contactbar {
	margin: 0;
	margin-bottom: 4px;
	padding: 20px;
	height: 130px;
	background-color: #163851;
	color: #d0d7dc;
	font-size: 11px;
}

#contactbar .contact {
	float: left;
	margin: 0;
	padding: 0;
	width: 166px;
	margin-right: 15px;
}

#contactbar .none { margin-right: 0;}

#contactbar p {
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}

#contactbar h3.office {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #ffffff;
}

.left {float: left; margin-right: 30px;}

#contactbar a:link {text-decoration: none; color: #8b9ca8}
#contactbar a:visited {text-decoration: none; color: #8b9ca8}
#contactbar a:hover {text-decoration: none; color: #ffffff}

.lightblue {color: #8b9ca8}


/*Xmas flash bar
--------------------------------------------------------------------*/

#xmasflashbar {
	margin: 0;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fadbde;
	font-size: 11px;
	line-height: 14px;
	background: #ee1c24 url(images/xmasbow.jpg) no-repeat;
	text-align: right;
}


#xmasflashbar .title {
	font-size: 22px;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: normal;
}


#xmasflashbar p {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}


/*Calendar request
--------------------------------------------------------------------*/

#requestcalendar {
	margin: 0;
	padding: 0;
}

.request {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 13px;
	font-weight: normal;
}

#emailbox {
	margin: 0;
	margin-top: 10px;
}

#submit {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

input, textarea {margin: 0; padding: 0; font-size: 11px;}


h2.calendar {
	font-size: 15px;
	line-height: 17px;
}

.leftboxtop {
width: 210px;
height: 10px;
background-image: url(images/subback_top.gif);
padding: 0;
margin: 0;
}

.leftbox {
width: 185px;
background: white;
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 15px;
padding-bottom: 0;
}

.leftboxbottom {
width: 210px;
height: 10px;
background-image: url(images/subback_bottom.gif);
padding: 0;
margin: 0;
margin-bottom: 10px;
}

.clear {clear: both}



/*Charity page
--------------------------------------------------------------------*/

#charitylist ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: bold;
}

#charitylist li { 
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#charitylist a:link {text-decoration: none; color: #475E75; font-weight: normal; font-style: italic}
#charitylist a:visited {text-decoration: none; color: #475E75; font-weight: normal; font-style: italic}
#charitylist a:hover {text-decoration: underline; color: #475E75; font-weight: normal; font-style: italic}


#justgivinglist ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	font-size: 13px;
	font-weight: bold;
}

#justgivinglist li { 
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	margin-top: 8px;
	border-bottom: 1px solid #dddddd;
}

#justgivinglist li.none { border: none}


#justgivinglist a {font-size: 12px;}

#justgivinglist a:link {text-decoration: none; color: #475E75; font-weight: normal; font-style: italic}
#justgivinglist a:visited {text-decoration: none; color: #475E75; font-weight: normal; font-style: italic}
#justgivinglist a:hover {text-decoration: underline; color: #475E75; font-weight: normal; font-style: italic}

h2.sponsor {
	color: #475E75;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}


.justgivingtop {
width: 210px;
height: 10px;
background-image: url(images/justgiving_top.gif);
padding: 0;
margin: 0;
}

.justgivingbox {
width: 181px;
background: white;
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 15px;
padding-bottom: 0;
border-left: #2a42c6 solid 2px;
border-right: #2a42c6 solid 2px; 
}

.justgivingbottom {
width: 210px;
height: 10px;
background-image: url(images/justgiving_bottom.gif);
padding: 0;
margin: 0;
margin-bottom: 10px;
}


#charitybar a {
	display: block;
	width: 758px;
	height: 208px;
	margin: 0;
	padding: 0;
	background: #002a42 url(images/charityflash.jpg) no-repeat;
	text-align: right;
}