html {padding: 0; margin: 0; width: 100%; height: 100%; background: #ff6633 /* orange /**/ url(../images/design/background.jpg) left top repeat-x;}
body {padding: 0; margin: 30px auto; width: 960px; height: auto; font: 80% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: black /*#333/**/; text-align: justify; background-color: white; border: 4px solid black;}

img {border-style: none;}
strong, b {font-weight: bold;}
em, i, cite {font-style: italic;}

del {text-decoration: line-through;}
ins {text-decoration: underline;}

/*
address {font-style: normal; font-size: 100%; text-transform: none;}
/**/
/*
abbr {border-bottom: 1px dashed inherit;}/**/
acronym {font-variant: small-caps; border-bottom: 1px dashed gray;}
dfn {font-style: italic; border-bottom: 1px dashed gray;}

h1, h2, h3, h4, h5, h6 {color: #ff6633 /* orange /**/; font: bold italic 100% "Palatino Linotype", Georgia, Times, serif;}
h1 {font-size: 200%; padding: 20px 0;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h4, h5, h6 {font-size: 110%;}

small {font-size: 80%;}
big {font-size: 120%;}

a {color: #ff6633 /* orange /**/; font-weight: bold; text-decoration: underline;}
a:link {color: #ff6633 /* orange /**/; text-decoration: none;}
a:visited {color: orange /* salmon /**/; text-decoration: none;}
a:hover {color: orange /* salmon /**/; text-decoration: underline;}

.right {float: right;}
.center {text-align: center;}
.left {float: left;}
.box {margin: 0 10px; text-align: center;}

.border {padding: 10px; border: 3px solid #ff6633;}

.emphasize {font-size: larger; font-weight: bold; padding: 0 2px; border: 3px solid black; /*color: white;/**/ background: #ff6633;}
.emphasize a, .emphasize a:link, .emphasize a:visited, .emphasize a:hover {color: black;}

/*
.right {float: right; margin-left: 10px;}
.center {text-align: center;}
.left {float: left; margin-right: 10px;}
.box { border: 3px solid #ff6633;}

/**/


table {width: 95%; margin: auto;}
table th {font: italic 130% "Palatino Linotype", Georgia, Times, serif; text-align: center;}
table tr {text-align: center;}
q:before, q:after {content: "";}


#header {position: relative; width: 100%; height: 258px; top: 0; left: 0; background-color: black; }
#header span, #header span.shadow, #header span a, #header span a:link, #header span a:visited, #header span a:hover {position: absolute; width: auto; right: 0; top: -8px; line-height: 0.9; color: white; font-weight: normal; text-decoration: none; font: small-caps 36px Georgia, "Times New Roman", Times, serif;}
#header span.shadow {margin: 2px 0 0 2px; color: #999;}
/*
#header span.phone {font-size: 15px; width: auto; right: 5px; top: 233px; line-height: 1.2;}
/**/

#pics {position: absolute; left: 0; top: 25px; width: 100%; height: 200px; background-color: white; border-bottom: 4px solid black;border-top: 4px solid black;}


#logo {position: absolute; top: 0px; left: 10px; /*top: 44px; left: 30px; /*top: 75px; left: 750px;/**/}
#logo a:hover img {opacity: 0.7; filter: alpha(opacity=70);}

#menu {position: absolute; z-index: 1; width: auto; height: 1.55em; right: 0; /*right: 150px;/**/ bottom: 2px; padding: 0; margin: 0; font-size: 120%; /*background-color: #ff6633 /* orange /**/;/**/}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu ul li {float: left; /*clear: both;/**/}

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {display: block; /*width: 70px;/**/ padding: 1px 10px; /* 1px 7px /* <-- */ color: white; text-align: center; text-decoration: none; font-weight: bold;}
#menu ul li a.selected {color: black; background-color: white; margin-left: 80px;}
#menu ul li a.selected.shorter {margin-left: 40px;}
#menu ul li a:hover {/*color: #333;/**/ color: white; background-color: #ff6633 /* orange /**/;}



#menu li ul {position: absolute; width: 200px;/* <--!!! /**/ left: -999em; font-size: 90%; background-color: black; border: 1px solid black; border-top: none;}
#menu ul li ul li {clear: both; width: 100%;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited {display: block; width: 195px; /* <--!!! /**/ margin: 0; padding: 0; text-align: left; padding-left: 5px;}
#menu ul li ul li a:hover {color: white; background-color: #ff6633 /* orange /**/; margin: 0; padding: 0; text-align: left; padding-left: 5px;}

#menu li:hover ul, #menu li.sfhover ul {left: auto;}





#column {position: relative; float: right; width: 160px; height: 500px; padding: 0; /* IE6 fix -> */ margin: 30px !important; margin: 30px 15px; /* <- */ text-align: center;}
#column .phone { font-size: large;}

#content {padding-top: 1px; margin: 0 220px 0 30px;}

#footer {clear: both; padding: 5px 0; margin: 0 30px; text-align: center; font-size: smaller; font-style: italic; color: #666; border-top: 1px dashed #ccc;}
#footer span {padding-left: 10px; margin-left: 10px; border-left: 1px dashed #ccc;}
#footer a,#footer a:link,#footer a:visited,#footer a:hover {color: #666; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #333; border-bottom: 1px dotted #666;}

span.required {color: red;}



@media print {
html {padding: 0; margin: 0; width: 100%; height: 100%; border: none; background-color: white; background-image: none;}
body {padding: 0; margin: 0; width: 100%; height: 100%; font-size: 100%; color: black; text-align: justify; border: none; background-color: white; background-image: none;}

img {border-style: none;}
h1, h2, h3, h4, h5, h6 {color: black;}

a, a:link, a:visited, a:hover {color: black; font-weight: bold; text-decoration: underline;}

#header,#pics,#menu,#column,#footer,.no-print {display: none;}
#content {width: auto; margin: 10px; padding: 0; border: none; background-color: white; background-image: none;}
}
