/* CSS code to format overall site layout using CSS positioning */
/* general html, body formats */
/* (c) 2009 - 2011 Liquid 22 */
html {
height:100%;
}
body {
height:auto;
/*background-image:url("/images/backgroundMain.gif");*/
background: #4c4c4c url(/images/backGround.png) 0 0 repeat-x; 
background-color:#4c4c4c;
margin: 20px 0px;
text-align:center;
}
/***************************************************************************************/
/* body container **********************************************************************/
#divBodyContainer {
position:relative;
width:750px;
/*text-align:left;*/
margin: 0 auto;
font-family: Verdana, New Times New Roman, Arial;
border:2px solid #FFFFFF;
overflow:hidden;
-webkit-border-radius: 10px; /* Safari prototype */
-moz-border-radius: 10px; /* Gecko browsers */
border-radius: 10px; /* Everything else - limited support at the moment */
}
/***************************************************************************************/
#divHeader {
float:left;
background-image:url("/images/header.jpg");
background-repeat:no-repeat;
top:0px;
width:100%;
height:150px;
}
/* Navigation *************************************************************************/
#divNavContainer {
float:left;
width:100%;
height:100%;
font-size:11px;
background-color:#FFFFFF;
background-repeat:repeat-x;
background-image:url("/images/navBar.jpg");
border:solid #FFFFFF;
border-width: 2px 0;
}
#navLinks ul {
margin:0;
padding:0 20px;
list-style:none;
font-size:100%;
text-transform:lowercase;
text-align:center;
}
#navLinks li {
float:left;
margin:0;
padding:0;
background-image:none;
line-height:normal;
text-indent:0;
}
#navLinks a, #navLinks strong {
display:block;
padding:5px 10px 6px;
border:solid #ddd;
border-width:0 2px 0 0;
color:#FFFFFF;
text-decoration:none;
white-space:nowrap;
}
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navLinks a {
width:1%;
}
#navLinks a:hover {
color:#66cccc;
text-decoration:underline;
/*background-color:#666666;*/
}
#navLinks a:visited {
}  
/***************************************************************************************/
/* content containers **********/
#divContentContainers {
float:left;
top:0px;
padding:0;
height:100%;
width:750px;
background-color:#333333;
color:#FFFFFF;
font-size:11px;
}
/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #divContentContainers {
margin-right:-3px;
}
#divContentHolderLeft {
float:left;
width:525px;
background-color:#222222;
text-align:left;
}
#divContentHolderRight {
float:right;
width:225px;
line-height:1.6em;
color:#fff;
background-color:#333333;
}
/* footer ************************/
#divFooter {
position:relative;
clear:left;
height:25px;
bottom:0px;
border-top:2px solid #FFFFFF;
background-image:url("/images/footer.jpg");
background-repeat:repeat-x;
color:#FFFFFF;
}
#divCopyRight {
position:absolute;
left:5px;
bottom:7px;
font-size:9px;
}
/********************************/
/* universal img formatter *****/
#divImg {
text-align:center;
margin: 20px auto;
border:1px solid #FFFFFF;
width:150px;
height:113px;
}
img {
border: 0px none;
}
/***************************************************************************************/
/* contact form ************************************************************************/
.inputbox {
border:1px solid #66cccc;
width:150px;
background-color:#FFFFFF;
background-color:#000000;
color:#66cccc;
font-style:italic;
}
.commentbox {
border:1px solid #66cccc;
color:#000000;
font-weight:bold;
background-color:#000000;
color:#66cccc;
width:300px;
font-style:italic;
height:80px;
}
.formbutton {
border:1px solid #66cccc;
border-radius: 40px; /* half of button size + padding */
-moz-border-radius: 40px;
height: 20px;
width:90px;
background-color:#333333;
color:#FFFFFF;
/*background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
background: -moz-linear-gradient(top, #FFFFFF, #000000);*/
font-size:11px;
display:inline-block;
}
.btnOver {
border:1px solid #FFFFFF;
cursor:pointer;
width:90px;
background-color:#000000;
color:#66cccc;
height:20px;
font-size:11px;
border-radius: 40px; /* half of button size + padding */
-moz-border-radius: 40px;
display:inline-block;
/*background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
background: -moz-linear-gradient(top, #FFFFFF, #000000);*/
}
.errText {
color:#000000;
font-style:italic;
}
.watermark {
background-color:#333333;
color:#FFFFFF;
border:1px solid #66cccc;
width:150px;
font-style:italic;
}
.watermarkComments {
background-color:#333333;
color:#FFFFFF;
border:1px solid #66cccc;
width:300px;
font-style:italic;
height:80px;
}
.validatorCallout {
background-color:#66cccc;
border:1px solid #FFFFFF;
color:#000000;
font-size:11px;
}
/***************************************************************************************/
/* Customize the AJAX CallOut - Yeah we do need all of this crap to make it look right*/
.validatorStyle div, .validatorStyle td {border:solid 1px #66cccc;background-color:#000000;color:#FFFFFF;font-size:12px;}
.validatorStyle .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.validatorStyle .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.validatorStyle .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.validatorStyle .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.validatorStyle .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.validatorStyle .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.validatorStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.validatorStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.validatorStyle .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.validatorStyle .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.validatorStyle .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.validatorStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}
/* end validator style */
.pnlContactFormCSS {
border:1px solid #FFFFFF;
background-color: #333333;
}
/***************************************************************************************/
/* basic link formats ************/
a:link {
text-decoration: none;
color: #66cccc;
background-color: transparent;
font-style: normal;
}
a:visited {
color: #66cccc;
background-color: transparent;
text-decoration: none;
}
a:hover {
font-style: normal;
color: #66cccc;
background-color: transparent;
text-decoration: none;
}
a:active {
color: #66cccc;
background-color: transparent;
text-decoration: none;
font-style: normal;
}
/***************************************/
/* accordion formatting ***************/
.accordionHeader {
font-weight:bold;
font-size:12px;
border:1px solid #2F4F4F;
background-color: #ffffff;
font-family: Arial, Sans-Serif;
cursor: pointer;
padding: 2px;
margin-top: 3px;
}
.accordionContent {
background-color: #ECECEC;
border: 1px dashed #2F4F4F;
border-top:none;
padding:5px;
padding-top:10px;
font-weight:normal;
font-size:11px;
font-family: Arial, Sans-Serif;
}
#cntAudioLeft a {
color:#ffffff;
background: none;
}
#cntAudioLeft a:hover {
background: none;
text-decoration: underline;
color:#ffffff;
}
/***************************************/
/* misc formats ************************/
.border {
border:1px solid #000000;
}
/***************************************/
/* accordion formatting ***************/
.accordionHeader {
font-weight:bold;
font-size:12px;
border:1px solid #FFFFFF;
background-color: #333333;
font-family: Arial, Sans-Serif;
cursor: pointer;
padding: 2px;
margin-top: 10px;
text-transform:lowercase;
}
.accordionContent {
background-color: #666666;
border: 1px dashed #FFFFFF;
border-top:none;
padding:5px;
padding-top:10px;
font-weight:normal;
font-size:11px;
font-family: Arial, Sans-Serif;
text-transform:lowercase;
}
/* silverlight css */
#SilverlightControlHost  {
width: 100%; 
height: 150px; 
background-color: #FECB00;  
}
#divSocialIcons {
position:absolute;
right:5px;
bottom:5px;
top:5px;
text-align:right;
}
.audio {
list-style-type: none;
margin:0;
padding:0;
}
.audio li {
background-image: url(/images/speaker.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1.9em;
}