@charset "iso-8859-1";
/* CSS Document */
BODY { 	background:#177888; margin:0px;PADDING-TOP: 0px;  FONT: 76%/1.6 Arial,Verdana,Helvetica,sans-serif; COLOR: #000; 
}
#wrap {
	POSITION: relative; WIDTH: 994px; MARGIN: 0px; PADDING: 0px; 
}
#top{
	POSITION: relative; WIDTH: 994px; HEIGHT:30px; BACKGROUND:url(images/topGreen.jpg); MARGIN:0px; PADDING:0px;
}
#topLinks {
	PADDING: 2px 35px 0em 0em; LIST-STYLE-TYPE: none; TEXT-ALIGN: right;  font-family: verdana, arial; 
}
#topLinks LI {
	DISPLAY: inline; FONT-SIZE: 0.94em; MARGIN: 8px; 
}
#topLinks A:link {
	PADDING-RIGHT: 1px; FONT-WEIGHT: normal;  COLOR: #fff; 
}
#topLinks A:visited {
	PADDING-RIGHT: 1px; FONT-WEIGHT: normal;COLOR: #fff; 
}
#topLinks A:focus {
	COLOR: #146370; TEXT-DECORATION: none
}
#topLinks A:active {
	COLOR: #146370; TEXT-DECORATION: none
}
#topLinks A:hover {
	COLOR: #146370; BORDER-BOTTOM: 1px dotted; TEXT-DECORATION: none
}
#nav {CLEAR: both; position:relative; width: 994px; HEIGHT:59px; PADDING: 0px; MARGIN: 0px; 
}
ul#nav {list-style:none; margin:0; padding: 0; }
ul#nav li {float:left; margin:0; padding: 0;list-style:none;  }
ul#nav li a.logo {display:block; width:240px; height:73px; background:url(images/logo.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.logo :hover {background:url(images/logo.jpg) no-repeat 0; background-position: 0 0;}

ul#nav li a.menu01 {display:block; width:148px; height:73px; background:url(images/webdesignbutton.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.menu01:hover {background:url(images/webdesignbuttonroll.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.menu02 {display:block; width:135px; height:73px; background:url(images/cddesignbutton.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.menu02:hover {background:url(images/cddesignbuttonroll.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.menu03 {display:block; width:139px; height:73px; background:url(images/printButton.jpg) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu03:hover {background:url(images/printButtonroll.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.menu04 {display:block; width:107px; height:73px; background:url(images/tradeshowbutton.jpg) no-repeat 0; text-indent: -9999px;}
ul#nav li a.menu04:hover {background:url(images/tradeshowbuttonroll.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.menu05 {display:block; width:89px; height:73px; background:url(images/logobutton.jpg) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu05:hover {background:url(images/logobuttonroll.jpg) no-repeat 0; background-position: 0 0;}
ul#nav li a.menu06 {display:block; width:136px; height:73px; background:url(images/promobutton.jpg) no-repeat 0;  text-indent: -9999px;}
ul#nav li a.menu06:hover {background:url(images/promobuttonroll.jpg) no-repeat 0; background-position: 0 0;}

#nav li.menu01 ul { /* second-level lists */
	position: absolute; background: #fff; width: 154px;  left: -999em; MARGIN:0px 0px 0px 1px; padding: 0px; list-style:none;  /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li.menu01:hover ul, #nav li.menu01.sfhover ul { /* lists nested under hovered list items */
	float:left; left:auto; list-style:none;
}
#nav li.menu01 ul li { /* individual submenu items */
	position: relative; background:#10244C; left:0px; text-align:left;  list-style:none; width: 154px; height:23px;  PADDING: 0px; border-width: 1px 0px 0px 0px; border-style:solid; border-color: #fff; PADDING: 0px 1px 0px 10px; line-height: 2em;
}
#mainBody {width: 994px; margin:0; background: url(images/mainBackground.jpg) repeat;}

#topWhite {CLEAR: both;  width: 994px; height:20px; margin:0; background: url(images/whiteTop.jpg); 
}
#mainHomePhoto { CLEAR: both; width: 994px; height: 250px; margin:0px; padding:0px; background: url(images/homePhotoBackground.jpg) ;
}
#mainHomeFlash { CLEAR: both; width: 994px; height: 250px; margin:0px; padding:0px; background: url(images/flash/01webPhotoBackground.jpg) ;
}
#mainPhotoTextArea { position:absolute; top:240px; left:450px; width:500px;
} 
#main{
CLEAR:both; width: 844px; PADDING: 1px 70px 10px 80px; background: url(images/whiteMid.jpg) repeat; MARGIN:0px; text-align: left;
}
#mainBottom{
CLEAR:both; width: 994px;height:21px; background: url(images/whiteBottom.jpg); MARGIN:0px; text-align: left;
}
#footer{
CLEAR:both; width: 924px; PADDING: 0px 20px 0px 50px; background: url(images/mainBackground.jpg) repeat-y; margin:0px 0px 20px 0px; text-align:left; border-bottom:2px #A5AF7D;
}

#footerCredit{
width: 890px; margin: 0px; PADDING: 0px; text-align:left;COLOR: #A5AF7D; font-size:0.9em;
}

#wysiwyg{background-color:#FFFFFF; 
}

#sidebar {
	FLOAT: left; MARGIN:10px 0px 5px 5px; OVERFLOW: hidden; WIDTH:200px; PADDING:2px;
}
#sidebarRight {
	FLOAT: right; OVERFLOW: hidden; WIDTH:150px; PADDING:2px; text-align:center;
}
#footerCredit1 {
	COLOR: #fff;  
}
#footerCredit2 {
	COLOR: #fff;  
}
#textBox {padding:20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:20px; TEXT-ALIGN: left;
}
#textBox2 {padding:3px 10px 5px 20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:0px 10px 0px 10px;
}
#textBoxWithHeader {padding:12px; color: #555555; background-color: #fff; BORDER: #e2e2e2 2px solid; MARGIN:10px 0px 10px 0px; 
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: square; color: #000;
}
.bucket { text-align:justify;FONT: 76%/1.6 Arial,Verdana,Helvetica,sans-serif; }
.text { font-style: normal; line-height: 1.5em; color: #000;}
.smalltext {FONT-SIZE: 0.9em; font-style: normal;  }
.largetext {FONT-SIZE: 115%;  FONT-WEIGHT: bold; }

.notice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; color: #ff0000;}

a:link {	COLOR: #146370; TEXT-DECORATION: none; font-size: 1.0em; }
a:active{ color: #378BC4; text-decoration: none; font-size: 1.0em;   }
a:visited {	COLOR: #146370; TEXT-DECORATION: none; font-size: 1.0em;  }
a:hover { COLOR: #378BC4; TEXT-DECORATION: none;  font-size: 1.0em;}

a.lightlink:link { color: #A5AF7D;  }
a.lightlink:active{ color: #0D4A4F; }
a.lightlink:visited { color: #A5AF7D; }
a.lightlink:hover{ color: #0D4A4F; }

a.darklink:link { color: #146370; text-decoration: none; font-size:0.7em; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight: normal; }
a.darklink:active{ color: #146370; text-decoration: none; font-size:0.7em; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight: normal; }
a.darklink:visited { color: #146370; text-decoration: none; font-size:0.7em; font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight: normal;}
a.darklink:hover{ color: #146370; text-decoration: none;  font-size:0.7em;font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight: normal;}

a.plain:link { color: #444;  }
a.plain:active{ color: #444; }
a.plain:visited { color: #444; }
a.plain:hover{ color: #444; }

a.subMenu:link { color: #fff; font-family: verdana, arial; font-size: 0.9em; text-decoration: none; text-transform: lowercase;  }
a.subMenu:active{ color: #378BC4; font-family: verdana, arial;font-size: 0.9em; text-decoration: none; text-transform: lowercase;  }
a.subMenu:visited { color: #fff; font-family: verdana, arial;font-size: 0.9em;text-decoration: none;text-transform: lowercase; }
a.subMenu:hover{ color: #378BC4; font-family: verdana, arial;font-size: 0.9em; text-decoration: none; text-transform: lowercase; }

a.sidemenu:link { color: #295a8c; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight: bold; }
a.sidemenu:active{ color: #378BC4; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight: bold; }
a.sidemenu:visited { color: #295a8c; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight: bold;}
a.sidemenu:hover{ color: #378BC4; text-decoration: none; font-size: 11px; font-family:Verdana,Arial,Helvetica,sans-serif;  font-weight: bold;}

a.bottom:link { color: #fff; text-decoration: none; font-size: 0.9em;  }
a.bottom:active{ color: #378BC4; text-decoration: none; font-size: 0.9em; }
a.bottom:visited { color: #fff; text-decoration: none; font-size: 0.9em; }
a.bottom:hover{ color: #378BC4; text-decoration: none; font-size: 0.9em; }

H1 {FONT-WEIGHT: bold; COLOR: #146370;  font-size: 210% }
H2 {FONT-WEIGHT: bold; COLOR: #769333; font-size: 180%; MARGIN: 10px 0px 0px 0px;}
H3 {FONT-WEIGHT: bold; COLOR: #146370; font-size: 150%; MARGIN: 5px 0px 0px 0px;}

H2 A:link  {color: #769333;}
H2 A:active {color: #9C0023;}
H2 A:visited {color: #769333;}
H2 A:hover {color: #9C0023;}

.header A:link {color: #378BC4;}
.header A:active {color: #9C0023;}
.header A:visited {color: #378BC4;}
.header A:hover {color: #9C0023;}

.header { FONT-WEIGHT: bold; FONT-SIZE: 140%; COLOR: #146370; margin: 0px }
.whiteHeader { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #fff; margin: 0px; line-height:19px;}
.greenHeader { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #769333; margin: 0px; line-height:16px;}
.footerHeader { FONT-WEIGHT: bold; FONT-SIZE: 1.1em; COLOR: #fff; line-height: normal;  }
.footerText { FONT-WEIGHT: normal; FONT-SIZE: 0.95em; COLOR: #fff; line-height: normal;  }

TABLE { COLOR: #000; }
TABLE.TableOutline {padding: 8px 8px 8px 12px; margin:2px;  BORDER: #146370 1px dotted; font-size:12px;  }
TABLE.ContactFormBottom {padding: 20px; margin:10px; BACKGROUND:#146370; BORDER: #0D4A4D 1px dotted;  }

TABLE.DisplayTable {BORDER: #146370 1px dotted; margin:5px; padding: 8px;  }
TD.DisplayTableBlue {background-image:url('images/ltBlueGradSidebar.jpg');background-repeat: no-repeat; padding: 5px;  }
TABLE.sidebar {background-image:url('images/ltBlueGradSidebar.jpg'); background-repeat: no-repeat; width:98%; margin:1px; padding:1px; border:#e2e2e2 solid 1px; }
TR.BlueSideBarTop {background-image:url('images/BlueSideBarTop.jpg'); background-repeat: no-repeat; color:#fff; FONT-WEIGHT: bold; padding:5px;  }
TD.cellOutlineBottom {BORDER-BOTTOM:#146370 1px dotted;  }
TD.cellOutline {BORDER:#e2e2e2 1px solid; BACKGROUND: #f1f1f1; padding:15px;  }
TD.cellOutlinePortfolio {BORDER:#D6D7C7 1px solid; padding:0px;  }

TD.menu {background: #F1E7CD; text-align: center }
TD.menurollover {background: #F1E7CD; text-align: center }
TD.header {padding: 5px;  background: #378BC4; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; }
TD.header1 {padding: 5px;  background: #378BC4; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; font-size: 120%; }
TD.header2 {padding: 5px;  background: #d15d08; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; font-size: 120%; }
TD.header3 {padding: 5px;  background: #cf3e12; color: #fff; text-transform: uppercase; FONT-WEIGHT: bold; font-size: 120%; }
TD.headersmall {background: #78162B; font-weight: bold; color: #EADAB5 }
TD.cell {background: #f1f1f1;}
TD.cellRight {background: #f1f1f1; text-align: right; }
TD.cellLeft {background: #f1f1f1; text-align: left; }
TD.spacer {BORDER-BOTTOM: #ffffff 1px dotted;}
TD.spacer2 {background: #ffffff;}
TD.color1 {background: #F1E7CD;}
TD.color2 {background: #EFE3C9;}
TD.form { text-align: right; font-weight: bold; }
TD.formleft { text-align: left; font-weight: bold; }
.errorFormInput { color: #9C0023;  }
.errorFormInputSmall { color:#9C0023; font-size: 0.8em}
.smalltextInput { FONT-SIZE: 8pt;  }
.FormInputInstructions{ font-weight:normal; color: #333333}

input.textbox {width:350px;	height: 30px;	border:1px solid #146370;	background:#fff url(images/textboxbackground.gif) repeat-x;	font-size:14px;	FONT-WEIGHT: bold;	color:#666;	padding:8px 0px 0px 5px;	margin-bottom:5px;
}
input.textboxSMALL {font-size: 11px; background-color: #ffffff;  color: #146370; border: 1px solid #146370; margin-left: 1px;margin-right: 0px; }
textarea {width:700px;	height: 50px;	border:1px solid #999;	background:#fff url(images/textboxbackground.gif) repeat-x;	font-size:16px;	FONT-WEIGHT: bold;	color:#666;	text-indent:7px;	padding:7px 0;	margin-bottom:10px; }
select {width:350px;font-size: 14px; border: 1px solid #9EB2CA; padding: 2px;}
.radio {#el01 {color:#00f;}
.checkbox { font-size: 10px; border: 1px solid #666666;  } 

.white {color:#ffffff;}
.red {color:#9C0023;}
.smallbreak {font-size: 0.2em; 	font-family: Verdana;}
.textBox {padding:20px; color: #555555; background-color: #f1f1f1; BORDER: #D5E7F0 1px solid; MARGIN:20px;
}
.textBoxWhite {padding:5px; color: #D5E7F0; background-color: #fff; BORDER: #D5E7F0 1px solid; font-size:90%;
}
.hr { color: #A5AF7D; border: 1px dotted #A5AF7D;  }

.photo { border: 1px solid #666; MARGIN: 3px; PADDING:1px; }
.imgLeft { float: left; MARGIN: 5px;}
.imgRight { float: right; MARGIN: 5px;}

.articleList {
	MARGIN: 0px 0px 0px 0px;
}
#jsDisabled {display: none;}