@charset "utf-8";
/* CSS Document */

/* general stuff */

body, html {
	height: 100%;
	background-image: url(../_img/backg.gif);
	background-repeat: repeat-x;
	background-color: #007EAE;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #898989;
	line-height: 14px;
	margin:0 0 14px 0;
}
a, a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#898989;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	color:#008fc6;
}
ul {
	position:relative; /* fix IE6 disappearing bullet bug */
	list-style-type:none; /* remove automatic bullet */
	padding: 0 0 0 0px; /* move bullet to the right (add padding-left) */
	margin: 0 0 14px 0;
	line-height:14px; /* define so bullet image is placed properly from a defined 'Left' 'Top' */
}
ul li {
	background-image:url(../_img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 7px; /* position from 'Left' 'Top' - used mostly for small bullet images */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#898989;
	padding: 0 0 0 10px; /* define distance of text from bullet */
	margin: 0 0 4px 0; /* define distance between bullets (appreciated if bullets wrap) and distance from right*/
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#008fc6;
	font-weight:bold;
	margin:0 0 4px 0;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#898989;
	font-weight:bold;
	margin:0 0 4px 0;
	text-transform:uppercase;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#898989;
	font-weight:bold;
	margin:0 0 4px 0;
}
#container {
	height:100%;
	width: 926px;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
}
#interior {
	width: 926px;
	position:relative;
	clear:left;
	overflow:visible;
}
#interior-content {
	padding: 30px 300px 10px 45px;
}
#interior-content-spine {
	padding: 30px 380px 10px 45px;
}
/* Home page */

#masterhead-home {
	width: 926px;
	height: 84px;
}
#mainmenu-wrap {
	height: 32px;
	width: 926px;
}
.mainmenu {
	height: 32px;
	float: left;
}
.separator {
	height: 32px;
	width: 10px;
	float:left;
	background-image:url(../_img/separator.gif);
}
#flashcontent {
	height: 405px;
	width: 925px;
	position:relative;
	clear:left;
}
.home-menulist {
	padding: 10px 20px 20px 20px;
}
.home-menulist ul {
	line-height: 18px;
}
.home-menutitle {
	height: 39px;
	width: 212px;
}
#boxesarea {
	height: 229px;
	width: 879px;
	margin: 0 0 0 25px;
	position:relative;
}
#productsbox {
	height: 229px;
	width: 212px;
	margin: 0;
	position:absolute;
	background-color: #f5f5f5;
}
#applicationsbox {
	height: 229px;
	width: 212px;
	margin: 0 0 0 222px;
	position: absolute;
	background-color: #f5f5f5;
}
#resourcesbox {
	height: 229px;
	width: 212px;
	margin: 0 0 0 445px;
	position: absolute;
	background-color: #f5f5f5;
}
#newseventsbox {
	height: 229px;
	width: 212px;
	margin: 0 0 0 668px;
	position: absolute;
	background-color: #f5f5f5;
}
/* Inside pages */

#masterhead-interior {
}

/* Inside pages  Right side menu */

/* rightmenu-bk for div with color transparent bands */

#sidebar {
	position:absolute;
	top:0;
	left:0;
	margin-left:683px;
	clear:left;
	width:220px;
	height:100%;
}

#rightmenu-bk {
	position:absolute;
	top:0;
	left:0;
	background-color:#d9d9d9;
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity:0.35;
	width:220px;
	height:100%;
}

#rightmenu-bk .topspace { /* for the darker space on top */
	height:30px;
	background-color:#c1c1c1;
	color:#c1c1c1;
}
#rightmenu-bk ul {
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#rightmenu-bk ul.dark {
	background-color:#c1c1c1;
	margin: 0;
}
#rightmenu-bk ul li {
	background-image:none;
	margin:0;
	padding: 3px 0 3px 38px;
	border-bottom:#dfdfdf 1px solid;  /* border overwritten by rightmenu-content but here to keep same spacing */
}

#rightmenu-bk ul li.dark {
	background-color:#c1c1c1;
	font-weight:bold;
}

#rightmenu-bk ul li.dark a {
	color:#c1c1c1;  /* text same color as the bk == invisible (need to put the text in case a menu item wraps) */
}

#rightmenu-bk ul li.light {
	background-color:#d9d9d9;
}

#rightmenu-bk ul li.light a {
	color:#d9d9d9; /* text same color as the bk == invisible (need to put the text in case a menu item wraps) */
}

/* rightmenu-content for div with menu choices, positionned on top of rightmenu-bk */

#rightmenu-content {
	position:absolute;
	top:0;
	left:0;
	width:220px;
}

#rightmenu-content .topspace {
	height:30px;
}

#rightmenu-content ul {
	line-height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#rightmenu-content ul li {
	color:#008fc6;
	border-bottom:#dfdfdf 1px solid;
	background-image:none;
	margin: 0;
	padding: 3px 0 3px 38px;
}
#rightmenu-content ul li.dark {
	font-weight:bold;
}

#rightmenu-content ul li.dark.selectitem {
	padding-left: 38px;
}

/* anchors in li will rollover with backgroud image of ">" sign*/
#rightmenu-content ul li a {
	color:#008fc6;
	text-decoration:none;
	padding: 0 0 0 6px;
	margin: 0 0 0 -6px;
}
#rightmenu-content ul li a:hover {
	background-image:url(../_img/select-indicator.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
#rightmenu-content ul li.light {
	font-weight:normal;
	padding-left: 53px; /* define distance of text from bullet */
}

.darkselector {
	margin-left: -8px; 
	padding-right: 2px;
}

.lightselector {
	margin-left: -8px; 
	padding-right: 3px;
}


/* Footer stuff */

#seplign {
	background-image: url(../_img/bottomline.gif);
	background-repeat:no-repeat;
	height: 5px;
	width: 925px;
	clear: both;
	margin: 18px 0 0 1px;
}
#footer {
	height: 49px;
	width: 926px;
}
#small-logo {
	background-image: url(../_img/bottom_signature.gif);
	height: 49px;
	width: 200px;
	float:left;
}
#footerlinks {
	height: 24px;
	width: 600px;
	float:right;
	margin-top:5px;
}
#footerlinks p {
	text-align:right;
	margin-right:25px;
}
/* Thumbnails DIV */

#gallerythumbs {
	height: 100px;
	margin-top: 25px;
}
#gallerythumbs img {
margin-right: 10px;
border: 1px solid #000000;
}

.clicktoenlarge {
line-height:-1px;
font-size:9px;
}
#holiday {
	height: 70px;
	width: 530px;
	position: absolute;
	background-color: #f5f5f5;
	left: 300;
	top: -515px;
	right: 0px;
	bottom: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: auto;
	clip: rect(auto,auto,auto,auto);
	float: none;
	clear: none;
}