/* NetPro Customizable Site Styes (C) Copyright 2008 NaturaeMed LLC - All Rights Reserved */ /* SITE COLOR CUSTOMIZATION: Customize by replacing the following colors in this template COLOR1 : #663366 - Main Color COLOR2 : #9EA67D - Dark Accent 9EA67D COLOR3 : #D4D7C4 - Light Accent D4D7C4 */ /* Body and Tag Definitions */ body{ font-family:Arial, Helvetica, sans-serif;} body, p, table, td, th, div {font-family:trebuchet ms, Helvetica, sans-serif;} p, td, div {font-size:12px;} strong { color:#9EA67D;} td {border: #FFFFFF;} hr {color: #9EA67D;background-color: #663366; height:1px;} h1, h2, h3, h4, h5, h6 {font-family:Trebuchet ms, Helvetica, sans-serif; margin-bottom:5px; margin-top:5px;} h1, h3, h5 {color: #663366;} h2, h4, h6 {color:#9EA67D;} h1, h2 {margin-top:8px; padding-top:8px;} h5, h6 {margin:0px;} h1{ font-size:24px; border-bottom: 1px Solid #9EA67D;} h2{ font-size:18px;} h3{ font-size:16px;} h4{ font-size:14px;} h5{ font-size:13px;} h6{ font-size:12px;} #Footer a:link {text-decoration: none;color: #9EA67D;margin:0px;padding:0px;} #Footer a:hover {text-decoration:underline;font-weight:bold;color:#9EA67D;margin:0px;padding:0px;} #Footer a:visited {text-decoration:none;color: #9EA67D;margin:0px;padding:0px;} #Footer a:active {text-decoration:underline;color:#663366;margin:0px;padding:0px;} /* Header and Text Oriented Class Definitions */ .Header1, .Header2, .Header3, .Header4, .Header5, .Header6 {font-family:trebuchet ms, helvetica, san-serif} .Header1 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #9EA67D;font-style: italic;} .Header2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold;color: #663366;} .Header3 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#663366;font-style: italic;} .Header4 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #FFFFFF;} .paragraph {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;} .small {font-family: Arial, Helvetica, sans-serif;font-size: 10px;} /* Link Definitions */ a:link {text-decoration: none;color: #9EA67D;margin:0px;padding:0px;} a:hover {text-decoration:underline;font-weight:bold;color:#9EA67D;margin:0px;padding:0px;} a:visited {text-decoration:none;color: #9EA67D;margin:0px;padding:0px;} a:active {text-decoration:underline;color:#663366;margin:0px;padding:0px;} /* ID Oriented Page Layout Definitions */ #Page{width:748px;clear:both;margin-left:auto;margin-right:auto;} #Header{} #Main{ background-color:#FFFFFF; width:748px;} #MainContent {padding-left:12px;padding-right:15px;} #SideContent {padding-left:25px; max-width:210px; width:210px;} #Footer {border-top:1px solid #9EA67D;padding:2px;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#9EA67D;} #SideArea { padding:12px;} /* Box Definitions */ .Box {} .BoxHeader {font:14px Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #9EA67D;color: #663366;} .BoxContent { font-size:12px; font-family:Arial, Helvetica, sans-serif;} .BoxListItem{ font-size:12px;} .BoxShade { background-color:#D4D7C4; } .BlockBox { background:#FFFFFF;} .BlockBox .BoxHeader { background:#CCCCCC;border-bottom:1px solid #663366;} #Pop { margin:0px; width:100%; background-color:#ffffff; height:100%; padding:20px;} #Pop .Box { border:1px solid #663366; background-color:#FFFFFF;} #Pop .BoxHeader {font:14px Arial, Helvetica, sans-serif;font-weight:bold;color: #FFFFFF; background-color:#663366; padding:2px;} #Pop .BoxContent { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px;} .AlertBox { margin-top:6px; margin-bottom:10px; border-bottom:1px dashed #9EA67D; border-top:1px dashed #9EA67D; background-color:#D4D7C4; margin-left:5px; margin-right:5px;padding:5px;} /* Navigation Oriented Definitions */ #TextNav.MenuBox .MenuItem { margin:0px; padding:2px; border-left:0px solid #663366; } #TextNav {margin:2px;} .MenuBox td {margin:0px; padding:0px; border:0px;} .MenuBox td a {margin:0px; padding:0px; border:0px; display:inline;} .MainMenu {margin:0px; padding:0px; border:0px;} /* Application Oriented Styles */ /* Services Styles */ #ServicesList {width:90%;} /* Gallery Styles */ #Gallery {} .GalleryCategory {margin: 6px;padding: 6px;border: 1px dotted #cccccc; background-color:#CDC8D2;} .GalleryImageBox { text-align:center; border:1px Solid #CCCCCC; margin:4px; background-color:#FFFFFF;float:left; width:240px; height:172px;} .GalleryImage {} .ImageName { font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold;} .ImageCaption {} .GalleryCategory h2 { border-bottom:1px dotted #cccccc; background-color:#FFFFFF; color:#ffffff; padding:4px; margin:-6px -6px 4px -6px;} /* Miscellaneous Layout & Image Oriented Definitions */ .FloatLeft{float:left; width:59%;} .FloatRight{float:right; width:40%; text-align:right;} .RowEven {background-color: #FFFFFF;} .RowOdd {background-color: #D4D7C4;} #NoBg { background-color:none;} /* MaxWidth and MaxHeight Class Definitions */ /* MaxWidth */ * html .MaxWidth50 {width: expression( document.body.clientWidth > 49 ? "50px" : "auto" ); /* sets max-width for IE */} .MaxWidth50 {max-width: 50px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth100 {width: expression( document.body.clientWidth > 99 ? "100px" : "auto" ); /* sets max-width for IE */} .MaxWidth100 {max-width: 100px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth150 {width: expression( document.body.clientWidth > 149 ? "150px" : "auto" ); /* sets max-width for IE */} .MaxWidth150 {max-width: 150px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth200 {width: expression( document.body.clientWidth > 199 ? "200px" : "auto" ); /* sets max-width for IE */} .MaxWidth200 {max-width: 200px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth250 {width: expression( document.body.clientWidth > 249 ? "250px" : "auto" ); /* sets max-width for IE */} .MaxWidth250 {max-width: 250px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth300 {width: expression( document.body.clientWidth > 299 ? "300px" : "auto" ); /* sets max-width for IE */} .MaxWidth300 {max-width: 300px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth400 {width: expression( document.body.clientWidth > 399 ? "400px" : "auto" ); /* sets max-width for IE */} .MaxWidth400 {max-width: 400px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth500 {width: expression( document.body.clientWidth > 499 ? "500px" : "auto" ); /* sets max-width for IE */} .MaxWidth500 {max-width: 500px; /* this sets the max-width value for all standards-compliant browsers */ } /* MaxHeight */ * html .MaxHeight50 {Height: expression( document.body.clientHeight > 49 ? "50px" : "auto" ); /* sets max-Height for IE */} .MaxHeight50 {max-Height: 50px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight100 {Height: expression( document.body.clientHeight > 99 ? "100px" : "auto" ); /* sets max-Height for IE */} .MaxHeight100 {max-Height: 100px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight150 {Height: expression( document.body.clientHeight > 149 ? "150px" : "auto" ); /* sets max-Height for IE */} .MaxHeight150 {max-Height: 150px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight200 {Height: expression( document.body.clientHeight > 199 ? "200px" : "auto" ); /* sets max-Height for IE */} .MaxHeight200 {max-Height: 200px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight250 {Height: expression( document.body.clientHeight > 249 ? "250px" : "auto" ); /* sets max-Height for IE */} .MaxHeight250 {max-Height: 250px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight300 {Height: expression( document.body.clientHeight > 299 ? "300px" : "auto" ); /* sets max-Height for IE */} .MaxHeight300 {max-Height: 300px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight400 {Height: expression( document.body.clientHeight > 399 ? "400px" : "auto" ); /* sets max-Height for IE */} .MaxHeight400 {max-Height: 400px; /* this sets the max-Height value for all standards-compliant browsers */ } * html .MaxHeight500 {Height: expression( document.body.clientHeight > 499 ? "500px" : "auto" ); /* sets max-Height for IE */} .MaxHeight500 {max-Height: 500px; /* this sets the max-Height value for all standards-compliant browsers */ } /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */ /* NetPro Customizable Site Styes */ body{ font-family:Arial, Helvetica, sans-serif;} body, p, table, td, th, div {font-family:Arial, Helvetica, sans-serif;} p, td, div {font-size:12px;} h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; margin-bottom:5px; margin-top:5px;} h1, h3, h5 {color: #9EA67D;} h2, h4, h6 {color:#663366;} h1, h2 {margin-top:8px; padding-top:8px;} h5, h6 {margin:0px;} h1{ font-size:24px; border-bottom: 1px Solid #663366;} h2{ font-size:18px;} h3{ font-size:16px;} h4{ font-size:14px;} h5{ font-size:13px;} h6{ font-size:12px;} strong { color:#663366;} a:link {text-decoration: none;color: #663366;margin:0px;padding:0px;} a:hover {text-decoration:underline;font-weight:bold;color:#663366;margin:0px;padding:0px;} a:visited {text-decoration:none;color: #663366;margin:0px;padding:0px;} s:active {text-decoration:underline;color:#9EA67D;margin:0px;padding:0px;} #Page{width:748px;clear:both;margin-left:auto;margin-right:auto;} #Header{} #Main{ background-color:#FFFFFF; width:748px;} #LeftCol{} #MainContent{margin-right:20px; margin-left:5px; font-family:Arial, Helvetica, sans-serif;margin-top:0px;} #Footer {border-top:1px solid #663366;padding:2px;font-size:10px;font-family:Arial, Helvetica, sans-serif;color:#663366;} #SideArea { padding:12px;} #ServicesList {width:90%;} .Box {} .BoxHeader {font:14px Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #663366;color: #7B8459;} .BoxContent { font-size:12px; font-family:Arial, Helvetica, sans-serif;} .BoxListItem{ font-size:12px;} .BoxShade {background-color:#D4D7C4;} .BlockBox { background:#FFFFFF;} .BlockBox .BoxHeader { background:#CCCC99;border-bottom:1px solid #739354;} #Pop { margin:0px; width:100%; background-color:#663366; height:100%; padding:20px;} #Pop .Box { border:1px solid #663366; background-color:#FFFFFF;} #Pop .BoxHeader {font:14px Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #663366;color: #FFFFFF; background-color:#D4D7C4; padding:2px;} #Pop .BoxContent { font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:10px;} .AlertBox { margin-top:6px; margin-bottom:10px; border-bottom:1px dashed #663366; border-top:1px dashed #663366; background-color:#D4D7C4; margin-left:5px; margin-right:5px;padding:5px;} #TextNav.MenuBox .MenuItem { margin:0px; padding:2px; border-left:0px solid #584A64; } #TextNav {margin:2px;} .MenuBox td {margin:0px; padding:0px; border:0px;} .MenuBox td a {margin:0px; padding:0px; border:0px; display:inline;} .MainMenu {margin:0px; padding:0px; border:0px;} .Header1 {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: #663366;font-style: italic;} .Header2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color: #9EA67D; } .Header3 {font-family: Geneva, Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color:#9EA67D;font-style: italic;} .Header4 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;color: #FFFFFF;} .paragraph {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;} .small {font-family: Arial, Helvetica, sans-serif;font-size: 10px;} .FloatLeft{float:left; width:59%;} .FloatRight{float:right; width:40%; text-align:right;} .RowEven { background-color: #FFFFFF; } .RowOdd { background-color: #DEE0D1; } td {border: #FFFFFF;} hr {color: #584A64;background-color: #9EA67D; height:1px;} #NoBg { background-color:none;} * html .MaxWidth50 {width: expression( document.body.clientWidth > 49 ? "50px" : "auto" ); /* sets max-width for IE */} .MaxWidth50 {max-width: 50px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth100 {width: expression( document.body.clientWidth > 99 ? "100px" : "auto" ); /* sets max-width for IE */} .MaxWidth100 {max-width: 100px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth150 {width: expression( document.body.clientWidth > 149 ? "150px" : "auto" ); /* sets max-width for IE */} .MaxWidth150 {max-width: 150px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth200 {width: expression( document.body.clientWidth > 199 ? "200px" : "auto" ); /* sets max-width for IE */} .MaxWidth200 {max-width: 200px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth250 {width: expression( document.body.clientWidth > 249 ? "250px" : "auto" ); /* sets max-width for IE */} .MaxWidth250 {max-width: 250px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth300 {width: expression( document.body.clientWidth > 299 ? "300px" : "auto" ); /* sets max-width for IE */} .MaxWidth300 {max-width: 300px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth400 {width: expression( document.body.clientWidth > 399 ? "400px" : "auto" ); /* sets max-width for IE */} .MaxWidth400 {max-width: 400px; /* this sets the max-width value for all standards-compliant browsers */ } * html .MaxWidth500 {width: expression( document.body.clientWidth > 499 ? "500px" : "auto" ); /* sets max-width for IE */} .MaxWidth500 {max-width: 500px; /* this sets the max-width value for all standards-compliant browsers */ } /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height: 1%;} .clearfix{display: block;} /* End hide from IE-mac */