setting header background image */
height : 200px;
background : url(/images/bg_top.gif) repeat-x;
}
.shell2 {
/* The outermost
setting the site width and positioning */
display : table;
width : 987px;
margin : 0 auto 0 auto;
}
h1, h2, h3, h4, h5, h6 {
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
padding : 0px;
margin : 0px;
text-align : justify;
}
a {
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
color : #662424;
font-size : 11px;
text-align : justify;
text-decoration : none;
}
a:hover {
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
color : #666224;
text-decoration : underline;
}
a img {
border : none;
}
a img:hover {
background : none;
}
.field {
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-weight : bold;
color : #333;
margin-bottom : 5px;
}
.mask {
background-color : #000;
display : none;
left : 0pt;
opacity : 0.5px;
position : absolute;
top : 0pt;
z-index : 1;
}
.header {
/* the main
for the header */
display : table;
margin : 0px;
width : 100%;
height : 123px;
margin : 15px 0 0 0;
font-size : -0px;
}
.header img {
padding : 0 0 0 0;
margin : 0px;
border : 0px;
float : left;
}
.header .tabtop {
display : table;
width : 328px;
background : url(/images/h3_demo_bk.jpg) no-repeat 100% 100% ;
padding : 0 0 0 0;
margin : 0px;
border : 0px;
float : left;
}
.header .tabtop p {
margin : 55px 10px 0 65px;
color : #222;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 11px;
text-align : justify;
line-height : 18px;
}
.header h1 {
height : 20px;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 16px;
color : #C72228;
margin : 0 0 10px 0;
letter-spacing : 0.1em;
text-align : justify;
text-transform : uppercase;
}
.navigation {
height : 26px;
background : url(/images/bg_nav.gif) no-repeat;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
color : #aaa;
letter-spacing : 0.1em;
text-align : justify;
}
.navigation a {
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
color : #aaa;
text-decoration : none;
text-align : justify;
border : none;
}
.navigation a:hover {
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
color : #fff;
text-decoration : none;
background : none;
}
.navigation ul {
margin : 0 0 0 0;
padding : 0 0 0 10px;
}
.navigation ul li {
margin : 5px 0 0 0;
float : left;
display : block;
list-style : none;
width : 100px;
text-align : center;
}
.navigation ul li span {
float : right;
display : inline;
color : #777777;
}
.twocol {
display : table;
background : url(/images/content_bg_rep.gif) repeat-y;
width : 100%;
clear : both;
padding-bottom : 20px;
}
.onecol {
display : table;
background : url(/images/body_bg_full.gif) repeat-y 0 -1px;
width : 100%;
clear : both;
padding-bottom : 20px;
}
.leftcol {
float : left;
width : 718px
}
.rightcol {
float : left;
margin : 0px;
width : 262px;
background : url(/images/bg_right_pattern.gif) -2px 0;
width : 252px;
}
.footer {
display : table;
width : 100%;
height : 43px;
background : url(/images/footer.gif) no-repeat;
color : #999;
font-size : 9px;
padding : 4px 0px 0px 0px;
}
.footer a {
color : #999;
font-size : 9px;
}
.footer a:hover {
background : none;
}
.leftcol .bodytext {
margin : 0 40px 0 40px;
width : 645px;
}
.onecol .bodytext {
width : 900px;
margin : 0 40px 0 35px;
}
.rightcol .bodytext {
margin : 0 20px 0 20px;
}
.submenu {
margin : 0 20px 20px 25px;
background : #eee;
height : 20px;
line-height : 20px;
border : 1px solid #ccc;
width : 660px;
}
.submenu a {
color : #000;
}
.demo {
width : 221px;
height : 137px;
border : 1px solid #999;
background : url('/images/demo.jpg') no-repeat;
}
.demo:hover {
background : url('/images/demo-hover.jpg') no-repeat;
}
.bodytext p {
margin : 0 0 10px 0;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 11px;
color : #5b5c56;
line-height : 20px;
text-align : justify;
}
.bodytext td {
margin : 0 0 10px 0;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 11px;
color : #5b5c56;
line-height : 20px;
text-align : justify;
}
.bodytext h1 {
height : 20px;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 14px;
color : #C72228;
margin : 0 0 10px 0;
letter-spacing : 0.1em;
text-align : justify;
text-transform : uppercase;
}
.bodytext h1 span {
display : none;
}
.bodytext h2 {
height : 16px;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 13px;
color : #662424;
margin : 20px 0px 5px 0px;
text-align : justify;
}
.bodytext h3 {
height : 14px;
font-family : "lucida grande", verdana, helvetica, arial, sans-serif;
font-size : 11px;
font-weight : bold;
color : #996624;
margin : 5px 0px 5px 0px;
text-align : justify;
}
.bodytext ul {
list-style-image: url('/images/bullet.gif');
color : #5b5c56;
padding : 0px;
margin : 5px 0 15px 20px;
}
.bodytext ul li {
line-height : 17px;
padding : 8px 0 0 5px;
}
.bodytext b {
font-weight : bold;
color : #303030;
}
.bodytext small {
font-size : 9px;
}
.bodytext small a {
font-size : 9px;
}
input[type=text], input[type=password], textarea {
border : 1px solid #999;
background : #f0f0f0;
}