* {
margin : 0;
padding : 0;
font-family : arial, verdana, helvetica, sans-serif;
font-size : 100%;
}
.clear:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .clear {
height : 1%;
}
.clear {
display : block;
}
html, body {
background : rgb(255, 127, 0) none repeat scroll 0% 50%;
color : rgb(167, 167, 167);
}
body {
font-size : 75%;
text-align : center;
}
.wrap {
margin : 0 auto;
padding : 0.5em 0;
text-align : left;
width : 70em;
}
a {
text-decoration : underline;
}
a, #middle h2, #middle h3 {
color : rgb(255, 127, 0);
}
h1, h1 a {
color : rgb(255, 255, 255);
text-decoration : none;
}
h1 {
font-size : 200%;
font-weight : normal;
}
h2 {
font-size : 100%;
font-weight : normal;
}
ul {
list-style-type : none;
list-style-image : none;
list-style-position : outside;
}
form p {
padding : 0.4em 0 !important ;
}
a, a *, button, button * {
cursor : pointer;
}
textarea {
overflow : auto;
}
button {
border : 0 none;
padding : 0.25em 1em 0.3em;
background : rgb(255, 127, 0) url(../images/button_bg.gif) repeat-x scroll left top;
color : rgb(255, 255, 255);
font-weight : bold;
text-align : center;
}
.ri {
text-align : right;
}
#logo, #content, #footer .lft {
display : block;
float : left;
}
#content, #footer .lft {
padding-right : 5em;
width : 44em;
}
#nav, #sidebar, #footer .rgt {
float : right;
}
#sidebar, #footer .rgt {
width : 20em;
}
#logo {
padding : 0.5em 0 1em;
width : 300px;
}
#nav {
padding : 5.7em 1em 0 0;
text-align : right;
text-transform : uppercase;
font-style : normal;
font-weight : bold;
overflow : visible;
width : 528px;
}
#nav a, #nav span {
border-right : 1px solid rgb(83, 83, 83);
padding : 0 7px;
}
#nav a {
text-decoration : none;
color : rgb(35, 35, 35);
}
#nav a:hover, #nav a:focus, #nav span {
color : rgb(255, 255, 255);
}
#middle {
padding : 3em 0 5em;
background : rgb(255, 255, 255) url(../images/content_bg.gif) repeat-x scroll left top;
color : rgb(104, 104, 104);
}
#middle h2 {
font-size : 220%;
padding-bottom : 1em;
}
#middle h3, #middle h4 {
padding : 2em 0 0.5em;
color : rgb(53, 53, 53);
font-size : 110%;
}
#middle h4 {
font-size : 100%;
}
#middle p {
font-size : 110%;
line-height : 160%;
padding-bottom : 2em;
}
#middle .teaser {
color : rgb(53, 53, 53);
font-size : 130%;
line-height : 170%;
padding-bottom : 1em;
}
#middle ul li {
padding : 0.3em 0 0.3em 18px;
background : transparent url(../images/li_dot1.gif) no-repeat scroll left 0.4em;
display : block;
}
#middle ul li ul {
margin : 0.5em 0 0;
}
#middle ul li li {
padding : 0.3em 0 0.3em 15px;
background : transparent url(../images/li_dot2.gif) no-repeat scroll left 0.35em;
font-size : 95%;
}
#middle table {
border : 0 none;
border-collapse : collapse;
width : 100%;
}
#middle table th, #middle table td {
padding : 0.5em;
}
#middle table thead th {
background : rgb(104, 104, 104) none repeat scroll 0% 50%;
color : rgb(255, 255, 255);
}
#middle table tbody .odd td, #middle .in {
background : rgb(240, 240, 240) none repeat scroll 0% 50%;
}
#middle .in {
border-style : solid none none solid;
border-width : 1px 0 0 1px;
}
#content label {
font-size : 90%;
font-weight : bold;
}
#content input, #content textarea {
padding : 0.25em 0.5em;
width : 39em;
}
#middle img {
border : 1px solid rgb(240, 240, 240);
padding : 1px;
display : block;
}
#middle .img-left {
margin : 0.3em 20px 10px 0;
float : left;
}
#middle .img-right {
margin : 0.3em 0 10px 20px;
float : right;
}
#sidebar {
padding : 1.5em 1em 1.5em 1.5em;
background : rgb(255, 255, 255) none repeat scroll 0% 50%;
width : 17em;
}
#sidebar h3 {
padding : 0;
}
#sidebar .box, #sidebar ul li {
padding : 0;
background : transparent url(../images/dotted.gif) repeat-x scroll left bottom;
display : block;
}
#sidebar .box {
font-size : 90%;
margin-bottom : 2em;
padding-bottom : 0;
}
#sidebar .sidebar-nav {
padding : 0 0 1em;
background : transparent none repeat scroll 0% 50%;
font-size : 110%;
}
#sidebar .sidebar-nav h3 {
padding : 0 0 0.5em;
}
#sidebar ul li a, #sidebar ul li span {
padding : 0.6em 0 0.6em 18px;
background : transparent url(../images/li_dot1.gif) no-repeat scroll left 0.75em;
display : block;
color : rgb(104, 104, 104);
text-decoration : none;
}
#sidebar ul li a:hover, #sidebar ul li a:focus, #sidebar ul li span {
color : rgb(255, 127, 0);
}
#footer p {
padding : 1em 0;
font-size : 90%;
}
#footer, #footer a {
text-decoration : none;
color : rgb(0, 0, 0);
}
#footer .lft span, #footer .rgt, #footer .rgt a {
color : rgb(0, 0, 0);
}
#footer .lft span {
padding : 0 0.25em;
}
#footer .lft a:hover, #footer .lft a:focus {
text-decoration : underline;
}
#footer .rgt {
text-align : right;
}