/* CSS Document by csspixel.com - Roger Ledergerber - 2008 Copyright 
   Two Column and Three Column Fixed Width Centered Layouts 
   with Horizontal Navigation and Vertical Navigation with Sub-Menus
   NOTE: Three Column Layout has been left out intentionally in this file
   NOTE: Menu Options have been stripped intentionally - Only Horizontal Dropdown
   Cross-Browser and Cross-Platform tested and W3C Standards Compliant 
   Safari 3.0.4 - 3.1.2, Firefox 2.0.0.14 - 3.0.1, Netscape 7.0.2, 
   Camino Mozilla 1.6, Opera 9.0 - 9.5, Flock 1.0.2 - 2.0
   Internet Explorer 5.5, IE 6, IE 7, Sea Monkey Mozilla
   also renders fine in IE 8 when Doctype Switching is included on html page - 
   <meta http-equiv="X-UA-Compatible" content="IE=7;IE=8;FF=3;OtherUA=4" />
   Validates as CSS Level 2.1 with Doctype XHTML Transitional 
   Validates as CSS Level 2.1 with Doctype XHTML Strict */

html > body {
font-size : 12px;
}
body {
font-size : 12px;
}
body {
font-family : Arial, Tahoma, Verdana, sans-serif;
color : #000;
background : #ccc url(../images/bodybg.jpg) repeat-y center top;
}
body {
text-align : center;
}
img {
border : none;
}
h1.fancy {
margin-top : 0;
font-size : 38px;
line-height : 34px;
}
h2.fancy {
margin : 10px 0;
font-size : 22px;
line-height : 24px;
}
h1.fancy, h2.fancy {
font-family : Baskerville, "Times New Roman", Times, serif;
font-weight : lighter;
letter-spacing : 1px;
color : #9b5b97;
}
h1 {
font-size : 22px;
color : #9b5b97;
}
h2 {
font-size : 17px;
}
h3 {
font-size : 14px;
}
h1, h2, h3 {
margin-bottom : -5px;
font-family : Arial, "Trebuchet MS", Verdana, sans-serif;
}
p {
line-height : 130%;
}
#content-left-logos p, #content-right-logos p {
padding : 0 5px 5px 5px;
}
#content-left-logos h1, #content-right-logos h1, #content-left-logos h2, #content-right-logos h2 {
margin : 8px 0 -8px 0;
padding : 0 5px;
color : #9b5b97;
}
#content-left-column ul, #content-right-column ul {
padding-left : 25px;
}
#content ul {
margin-top : 20px;
margin-bottom : 20px;
}
#content li {
margin-bottom : 5px;
line-height : 130%;
list-style : url(../images/listicon.gif);
}
/* --------------------------------------------------- 
*/

/* LINKS */

#content a:link, #content-left-logos p a:link, #content-right-logos p a:link {
color : #00f;
}
#content a:visited, #content-left-logos p a:visited, #content-right-logos p a:visited {
color : #00f;
}
#content a:hover, #content-left-logos p a:hover, #content-right-logos p a:hover {
text-decoration : none;
color : #f00;
}
#content a:active, #content-left-logos p a:active, #content-right-logos p a:active {
text-decoration : none;
color : #090;
}
#content-footer a:link, #content-footer a:visited {
color : #9b5b97;
}
#content-footer a:hover {
text-decoration : none;
color : #f00;
}
#content-footer a:active {
text-decoration : none;
color : #090;
}
/* --------------------------------------------------- 
*/

/* GENERAL CLASSES */

.align-center {
text-align : center;
}
.align-left {
text-align : left;
}
.align-right {
text-align : right;
}
.img-right, .img-left {
padding : 5px;
background : #fff;
}
.img-right {
float : right;
margin-bottom : 8px;
margin-left : 5px;
}
.img-left {
float : left;
margin-bottom : 8px;
margin-right : 5px;
}
.highlight-box {
margin : 10px 0;
padding : 5px 10px;
background : #f7f4f8;
border : 1px solid #b1c6d7;
}
.highlight-box img {
border : 1px solid #b1c6d7;
}
.verysmall {
font-size : 9px;
color : #333;
}
.clearing {
clear : both;
}
.rule {
border-top : 1px solid #ccc;
}
/* --------------------------------------------------- 
*/

/* SPECIAL SPREADSHEETS PRICELISTS GOOGLE DOCS */
/* depending on page width - adjust widths */
/* disabled css - not used - html must be inserted first */
/*
.frame-container {
display : block;
width : 880px;
margin : 0 auto;
background : #eee;
}
.frame-title-border {
display : block;
width : 870px;
margin : 0 auto 10px auto;
padding : 0 10px 20px 10px;
color : #000;
background : #fff;
border : 1px solid #ccc;
}
.frame-title {
display : block;
width : 870px;
margin : 0 auto;
padding : 0 0 10px 0;
}
.frame-title h1 {
color : #fff;
}
.frame-title h2 {
font-size : 12px;
color : #fff;
}
.frame-title h2 a {
font-size : 12px;
color : #f7f4f8;
}
.frame-title h2 a:hover {
font-size : 12px;
color : #0ff;
}
*/
/* --------------------------------------------------- 
*/

/* LAYOUT */

#wrapper {
margin-right : auto;
margin-left : auto;
text-align : left;
}
#wrapper {
background : #fff;
}
#header {
display : block;
background : #fff url(../images/top_gradient4646.gif) repeat-x left 122px;
}
#bannerlink {
display : block;
padding : 10px 0 0 10px;
}
#bannerlinkversion5 {
display : block;
height : 102px;
padding : 0;
}
#logo {
display : block;
height : 168px;
text-align : left;
background : url(../images/banner-full.jpg) no-repeat top right;
}
#logoVersion3 {
display : block;
height : 168px;
text-align : left;
background : url(../images/banner-fullVersion3.jpg) no-repeat top right;
}
#logoVersion4 {
display : block;
height : 138px;
text-align : left;
background : url(../images/banner-fullVersion4.jpg) no-repeat top right;
}
#logoVersion5 {
display : block;
height : 102px;
text-align : left;
background : url(../images/banner-fullVersion5.jpg) no-repeat top right;
}
#search {
display : block;
clear : both;
}
#content-search {
padding : 2px 15px;
text-align : center;
color : #fff;
background : #9b5b97;
}
/* --------------------------------------------------- 
*/

/* 2 COLUMN LAYOUT - later make separate css for import */

html > body {
margin : 0 auto;
min-width : 770px;
}
#wrapper, #content-wrapper, #nav-h {
width : 770px;
}
#content-search {
display : none;
}
#content-right-column {
display : none;
}
/* --------------------------------------------------- 
*/

/* CONTENT STUFF - need to sort in order */

#content-wrapper {
display : inline;
}
#content-left-column {
float : left;
display : inline;
width : 208px;
margin-right : 10px;
margin-left : 10px;
}
#content-left-logos {
display : block;
width : 208px;
margin-bottom : 10px;
background : #fff;
}
.box {
display : block;
width : 206px;
margin-bottom : 10px;
background : #f7f4f8;
border : 1px solid #9b5b97;
}
.box-header h1.small {
font-size : 12px;/*new*/
}
.box-header h3, .box-header h1 {
display : block;
margin : 0;
padding : 6px 5px;
font-size : 12px;
color : #fff;
background : #9b5b97 url(../images/menu_bg.gif) repeat-x left top;
border-bottom : 1px solid #9b5b97;
}
.box-content {
padding : 0 5px;
}
div.box-content ul li {
list-style : url(../images/listicon.gif);
}
div.box-content ul li a:hover {
text-decoration : none;
color : #f00;
}
div.box-content ul li a:active {
text-decoration : none;
color : #090;
}
table.listtables {
border : 1px solid #ccc;
border-collapse : collapse;
}
.listtables td {
text-align : center;
border : 1px solid #ccc;
border-collapse : collapse;
}
.listhead td {
text-align : center;
color : #fff;
background : #9b5b97;
}
#wrapper {
background : #fff url(../images/men-clearskies-s.gif) no-repeat 3% 92%;
}
address {
font-size : 9px;
}
#content-main {
float : left;
display : inline;
width : 532px;
/*background : #eee;*/
}
#content {
display : block;
padding : 0 10px;/* if background used in content-main padding : 10px; */
background : #fff;
border-right : 1px solid #b1c6d7;
border-left : 1px solid #b1c6d7;
}
#content {
min-height : 500px;
}
#footer {
display : block;
clear : both;
}
#content-footer {
display : block;
padding : 10px;
text-align : center;
color : #9b5b97;
background : #fff url(../images/foot_gradient4646.gif) repeat-x;
}
/* --------------------------------------------------- 
*/

/* HORIZONTAL MENU - no Dropdowns - just Tabs */
/* disabled css - not used - disabled html */

/*
#nav-h {
display : inline;
white-space : nowrap;
}
#nav-h .navlist {
display : block;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
padding : 0 1px 1px 1px;
font : bold 12px Arial, Verdana, sans-serif;
}
#nav-h .navlist li {
float : left;
margin : 0;
padding : 1px 1px 1px 0;
list-style : none;
}
#nav-h .navlist li a {
display : block;
padding : 6px 4px;
text-decoration : none;
background : #ccd url(../images/gradientbar_top.jpg) repeat-x;
border-top : 1px solid gray;
border-right : 1px solid gray;
border-bottom : 3px solid #aab;
border-left : 9px solid #aab;
}
#nav-h .navlist li a:link {
color : #fff;
}
#nav-h .navlist li a:visited {
color : #ff0;
}
#nav-h .navlist li a:hover {
color : #fff;
background : #332;
border-top-color : gray;
border-right-color : gray;
border-bottom-color : #fe3;
border-left-color : #fe3;
}
#nav-h .navlist li a:active {
text-decoration : none;
color : #ff0;
}
*/
/* --------------------------------------------------- 
*/

/* VERTICAL MENU - VERSION 2 */
/* activated as Horizontal Dropdown Menu only */

#navlist li {
float : left;
margin-right : 1px;
}
#navlist li:hover .navlist-sub1 {
left : 0;
}
#navlist li {
width : auto;
}
#navlist li:hover .navlist-sub1 li a {
width : 208px;
}
#menu-box {
float : left;
}
#menu-box {
width : 100%;
height : 49px;
background : #fff url(../images/head_linebg.gif) repeat-x;
}
#menu-box ul {
margin-top : 0;
margin-bottom : 0;
}
#menu-box li {
margin-bottom : 0;
}
#navlist, .navlist-sub1 {
margin : 0;
padding : 0;
list-style-type : none;
}
#navlist, .navlist-sub1 li:first-child {
border-top : 1px solid #fff;
}
#navlist li .navlist-sub1 {
display : none;
position : absolute;
left : -5000px;
}
#navlist li {
display : block;
position : relative;
}
#navlist li a {
font-weight : bold;
}
#navlist li .navlist-sub1 li a {
font-weight : normal;
}
#navlist li a, #navlist li a:visited {
display : block;
height : auto;
padding-right : 4px;
padding-left : 4px;
text-align : left;
text-decoration : none;
line-height : 20px;
color : #000;
background : #eee url(../images/dialog_bg.gif) repeat-x;
border-right : 1px solid #b1c6d7;
border-bottom : 1px solid #b1c6d7;
border-left : 1px solid #b1c6d7;
}
#navlist li:hover a {
color : #fff;
background : #9b5b97;
}
#navlist li:hover .navlist-sub1 {
display : block;
position : absolute;
z-index : 5000;
}
#navlist li:hover .navlist-sub1 li a {
display : block;
color : #000;
background : #eee url(../images/dialog_bg.gif) repeat-x;
}
#navlist li:hover .navlist-sub1 li a:hover {
color : #fff;
background : #9b5b97;
}