/*------------------------------------------------------------------------------------ MAIN STYLE SHEET COPYRIGHT 2004 MICHAEL MOORE DATASHEPHERD LTD ------------------------------------------------------------------------------------*/ body { margin: 0px; padding: 0px; border: 0px; text-align: center; vertical-align: top; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; background: #D06C00 url('orange/body_bg.gif') repeat-y center; } #Container { width: 760px; padding: 0; margin: auto; position: relative; vertical-align: top; } #Main { width: 760px; margin: auto; padding: 0; text-align: left; } #Header { position: relative; width: 750px; height: 126px; margin: auto; border: 1px #CCCCCC solid; background: #FFFFFF url('../images/header.jpg') no-repeat center; } /*---------------------------------------------- FOOTER ----------------------------------------------*/ #Footer { position: relative; width: 568px; padding: 4px; border-top: 1px #CCCCCC dotted; margin: 0; left: 4px; font-size: 10px; text-align: center; } #Footer a { color: #D06C00; text-decoration: none; border-bottom: 1px #D06C00 dotted; } #Footer a:hover { color: #000000; border-bottom: 1px #000000 dotted; } /*---------------------------------------------- NAVIGATION STYLES ----------------------------------------------*/ #MainNav { margin: auto; width: 750px; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; background: #D06C00; } #MainNav ul { text-align: left; padding: 0; margin: 0; border: 0; list-style: none; text-align: center; overflow: auto; background: #D06C00; } #MainNav ul li { height: 20px; line-height: 20px; display: block; float: left; border-right: 1px #CCCCCC solid; text-align: center; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; background: #D06C00; } #MainNav ul li a, #MainNav ul li.right a { display: block; padding: 0 8 0 8; color: #FFFFFF; text-decoration: none; background: #D06C00; } #MainNav ul li.color, #MainNav ul li.color a, #MainNav ul li.color a:hover { display: inline; padding: 0 4 0 4; background: #D06C00; } #MainNav ul li a:hover { color: #000000; background: #F3D8B1; } #MainNav ul li.navRight { border-right: 0px; } #MainNav ul li.navRight a { border-left: 1px #CCCCCC solid; border-right: 0px; } /*---------------------------------------------- SUBNAVIGATION ----------------------------------------------*/ #Side { width: 170px; border: 0; margin: 0; padding: 0; left: 586px; top: 152px; position: absolute; } #SubNav { width: 100%; border: 0; padding: 0; margin: 0; } #SubNav ul { width: 100%; padding: 0; border-top: 1px #CCCCCC solid; margin: 0; text-align: left; list-style: none; } #SubNav ul li a { padding: 4px; margin: 0; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; display: block; text-decoration: none; color: #666666; background: #FFFFFF; } #SubNav ul li a:hover { padding: 4px; margin: 0; border-left: 1px #CCCCCC solid; border-right: 1px #CCCCCC solid; border-bottom: 1px #CCCCCC solid; display: block; color: #000000; background: #F3D8B1; } #SubTitle { padding: 4px; text-align: center; font-weight: bold; color: #FFFFFF; background: #D06C00; } #SubBlank ul { width: 100%; padding: 0; margin: 0; text-align: left; list-style: none; } #SubBlank ul li { margin: 0; padding: 4px; border: 1px #CCCCCC solid; background: #FFFFFF; text-align: left; display: block; list-style: none; } #SubBlank a{ color: #D06C00; text-decoration: none; border-bottom: 1px #D06C00 dotted; } #SubBlank a:hover { color: #000000; border-bottom: 1px #000000 dotted; } #SubSpacer { height: 4px; padding: 0; border: 0; margin: 0; width: 100%; font-size: 1%; line-height: 1px; } /*---------------------------------------------- DETAIL STYLES ----------------------------------------------*/ #MainContainer { width: 560px; top: 0; left: 4px; position: relative; margin: 0; padding: 0; border: 0; text-align: left; } .outerDetail { vertical-align: top; text-align: left; width: 100%; padding: 8px; margin: 0; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; line-height: 14px; } .outerDetail a { text-decoration: none; color: #D06C00; border-bottom: 1px #D06C00 dotted; } .outerDetail a:hover { color: #000000; border-bottom: 1px #000000 dotted; } .outerDetail ul { list-style: none; } .outerDetail ul li { line-height: 16px; background: url('../images/bullet_icon.gif') no-repeat left top; padding-left: 20px; } .Top { line-height: 16px; background: url(../images/arrow_top_icon.gif) no-repeat left; padding-left: 24px; } p { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; } #OuterGallery { vertical-align: top; text-align: left; width: 100%; border: 1px #CCCCCC solid; background: #FFFFFF; padding: 8px; margin: 0px; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; } #OuterGallery p a { color: #D06C00; border-bottom: 1px #D06C00 dotted; } #OuterGallery p a:hover { color: #000000; border-bottom: 1px #000000 dotted; } /*---------------------------------------------- LIST STYLES ----------------------------------------------*/ .List { width: 100%; padding: 0; margin: 0; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; border: 1px #CCCCCC solid; background-color: #FFFFFF; } .List th { padding: 4px; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #FFFFFF; background: #D06C00; } .List tr { padding: 4px; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; background: #FFFFFF; } .List tr:hover { padding: 4px; color: #000000; background: #F3D8B1; } .List td { padding: 4px; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; } tr.ListFooter { height: 18px; padding: 4px; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; font-weight: bold; color: #000000; border-top: 1px #CCCCCC solid; background: #EEEEEE; } /*---------------------------------------------- STATUS STYLES ----------------------------------------------*/ .status { width: 100%; padding-top: 6px; padding-bottom: 6px; border-top: 1px #CCCCCC dotted; } .status a { text-decoration: none; color: #D06C00; border-bottom: 1px #D06C00 dotted; } .status a:hover { color: #000000; border-bottom: 1px #000000 dotted; } .date { padding-left: 16px; padding-right: 30px; background: URL('images/date_icon.gif') left; background-repeat: no-repeat; } .time { padding-left: 16px; padding-right: 30px; background: URL('images/clock_icon.gif') left; background-repeat: no-repeat; } .detail { margin-left: 10px; padding-left: 16px; padding-right: 30px; background: URL('images/detail_icon.gif') left; background-repeat: no-repeat; } .star_one { height: 16px; width: 100px; background: url('orange/one_star_icon.gif') no-repeat left; } .star_two { height: 16px; width: 100px; background: url('orange/two_star_icon.gif') no-repeat left; } .star_three { height: 16px; width: 100px; background: url('orange/three_star_icon.gif') no-repeat left; } .star_four { height: 16px; width: 100px; background: url('orange/four_star_icon.gif') no-repeat left; } .star_five { height: 16px; width: 100px; background: url('orange/five_star_icon.gif') no-repeat left; } .arrow { padding-left: 24px; line-height: 18px; background: URL('../images/arrow_icon.gif') no-repeat left; } .Documents { vertical-align: middle; } /*---------------------------------------------- FONT STYLES ----------------------------------------------*/ .sm { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 9px; color: #666666; line-height: 14px; } .med { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; line-height: 14px; } .lg { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 12px; color: #666666; font-weight: bold; line-height: 16px; } h1 { font-family: Times; font-size: 200%; color: #D06C00; line-height: 1em; margin: 0; } h2 { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 16px; color: #666666; margin: 0; line-height: 1em; } h3 { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 14px; color: #666666; margin: 0; line-height: 1em; } #Summary { border: 0; padding: 0; margin: 0; } #Summary tr td { padding: 4px 0 4px 0; border-bottom: 1px #CCCCCC dotted; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; } .MainNav { text-decoration: none; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #000000; } p { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; } p a { color: #D06C00; text-decoration: none; border-bottom: 1px #D06C00 dotted; } p a:hover { text-decoration: none; color: #000000; border-bottom: 1px #000000 dotted; } hr { height: 1px; border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px #CCCCCC dotted; } .bullet { line-height: 18px; padding-left: 20px; background: url('../images/bullet_icon.gif') no-repeat left; } dl { text-transform: uppercase; font-weight: bold; } dd { text-transform: none; font-weight: normal; } /*---------------------------------------------- FORM ELEMENT STYLES & IMAGES ----------------------------------------------*/ img, img a, img a:hover { border: 0; padding: 0; margin: 0; } .imgSpacer { border: 0px; margin: 0px; padding: 0px; width: 1px; height: 1px; } .FeatureImage { padding: 3px; margin: 0 10px 0 10px; border: 1px #CCCCCC solid; background: #FFFFFF; float: right; } .FeatureImage:hover { border: 1px #999999 solid; } .GalleryImage { padding: 3px; border: 1px #CCCCCC solid; background: #FFFFFF; } .GalleryImage:hover { border: 1px #999999 solid; } input { color: #666666; font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; } input.RequiredField { color: #000000; background: #F3D8B1; } input.textarea { font-family: Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif; font-size: 10px; color: #666666; } a.NoBorder { border: 0px; padding: 0px; margin: 0px; } a.NoBorder:hover { border: 0px; padding: 0px; margin: 0px; }