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

/* last changed Friday, May 14, 2010 at noon EDT*/
/* contains IE specific hacks - will not validate as valid CSS - BE RESPONSIBLE GET A GOOD STANDARDS BASED BROWSER! */

/* Resets a core set of elements so that they will appear consistent across browsers. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
/* Set global properties for the body including a centered container. */
body {
	background-color: #999;
	color: #111;
	font-family: "Verdana", sans-serif;
	font-size: .75em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	text-align: center; /* Center page content in IE 5 */
}
body a { /* Remove annoying link outline in Firefox. */
	border: 0;
	outline: none;
}
body a img{ /* Remove annoying link outline in Firefox. */
	border: 0;
	outline: none;
}
/* page titles */
h1 {
	color: #40b2cc;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6em;
}
/* sub titles */
h2 {
	color: #40b2cc;
	font-weight: bold;
}
h3 {
	height: 0px;
	line-height: 0px;
	border-bottom: 1px solid #333333;
}
h4 {
	font-weight:normal;
	margin-left: 130px;
}

/* blockquotes and citations */
blockquote {
	float: left;
	margin-left: 30px;
	padding-top: 10px;
	*padding-top: 0px; /* hack <IE8 */
	*margin-top: 15px; /* hack <IE8 */
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 30px;
	_padding-right: 0px; /* hack <IE7 */
	background: url(../media/site/calendar_head.png);
	background-repeat:repeat-y;
	_background: url(); /* hack for lack of png support in IE 6 */
	_background:#eee; 	/* hack for lack of png support in IE 6 */
 }
blockquote:first-letter 
{
	*line-height: 0.75em; /* hack <IE8 */
	font-family: "natalya-1","natalya-2","Verdana", sans-serif;
	color: #40b2cc;
	font-size: 4.0em;
	margin-top: -0.2em;
}
cite {
	margin-top: -7px;
	*margin-top: 3px; /* hack <IE8 */
	text-align: right;
	float: right;
	padding-right: 60px;
	_padding-right: 10px; /* hack <IE7 */
 }

/* outerwrapper constrains widths */
#outerWrapper {
	background-color: #fff;
	background-image: url("../media/site/body_bg.png");
	border: solid 1px #151515;
	margin: 0 auto 0 auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 900px;
}
#outerWrapper .newStuff{
	color: #111;
	font-weight: bold;
	font-style: italic;
	margin-left: -11px;
	background-color: #a1e9fa;
	border: solid 1px #666;
}
#outerWrapper .newStuffA{
	color: #111;
	font-weight: bold;
	font-style: italic;
	background-color: #a1e9fa;
	border: solid 1px #666;
}
/* Header */
#outerWrapper #header {
	background-color: #7c7c7c;
	background-image: url("../media/site/header.png");
	height: 111px;
}

/* NEW HEADER! */
#outerWrapper #header #leftHead {
	float:left;
	height: 111px;
	width: 180px;
}
#outerWrapper #header #centerHead {
	float:left;
	height: 111px;
	width: 540px;
}
#outerWrapper #header #rightHead {
	float:left;
	height: 111px;
	width: 180px;
/*	background-image: url("../media/site/dingbat.png"); 		/* normal */
/*	background-image: url("../media/site/tulip.png"); 			/* tulip */
/*	background-image: url("../media/site/memorialDay.png");		/* Memorial Day */
	background-image: url("../media/site/sunflower5.png");		/* summer sunflower */
/*	background-image: url("../media/site/tulipBlue.png"); 		/* tulip */
/*	background-image: url("../media/site/snowflake2.png");		/* winter */
/*	background-image: url("../media/site/nye.png"); 			/* new years eve */
/*	background-image: url("../media/site/lincoln.png"); 		/* valentine */
/*	background-image: url("../media/site/mardiGras.png"); 		/* Mardi Gras */
/*	background-image: url("../media/site/lentenRose6.png"); 	/* Lenten rose */
/*	background-image: url("../media/site/stPatrick.png"); 		/* St Patrick */
/*	background-image: url("../media/site/valentine.png"); 		/* valentine */
/*	background-image: url("../media/site/lent.png");			/* lent */
/*	background-image: url("../media/site/easterBunny.png"); 	/* easter bunny */
	_background-image: url();	  							/* IE6 HACK - PNG doesn't work with FancyZoom  */
	background-repeat:no-repeat;
}
#outerWrapper #header #centerHead #centerHeadTop {
	height: 80px;
	width: 540px;
}
#outerWrapper #header #centerHead #centerHeadBottom {
	height: 31px;
	width: 540px;
	position: absolute;
	letter-spacing: 0.01em; /* HACK for IE7 page zoom bug */
}
#outerWrapper #header #centerHead #centerHeadBottom #mainnav {
	height: 31px;
	width: 540px;
}
#outerWrapper #header #centerHead #centerHeadBottom ul {
	position: absolute;
	left: 26px;
	bottom: 5px;
	_bottom: 7px; /* HACK for IE6 */
	padding: 0;
	margin: 0;
}
#outerWrapper #header #centerHead #centerHeadBottom li {
	margin-right: 10px;
	display: inline;
}
#outerWrapper #header #centerHead #centerHeadBottom a {
	color:#eee;
	text-decoration:none;
}
#outerWrapper #header #centerHead #centerHeadBottom a:hover {
	color: #40b2cc;
}
#outerWrapper #header #centerHead #centerHeadBottom a.selected {
	border-bottom: 1px solid #fff;
}
/* Left column */
#outerWrapper #contentWrapper #leftColumn {
	background-image: url("../media/site/left_bg.png");
	background-repeat: no-repeat;
	float: left;
	height: 500px;
	padding: 0px 0px 0px 0px;
	width: 80px;
}
/* Right column */
#outerWrapper #contentWrapper #rightColumn {
	float: right;
	width: 180px;
}
/* Right column - Menu box */
#outerWrapper #contentWrapper #rightColumn #rightMenuBox {
	background-color: #fff;
	color: #333;
	padding: 27px 10px 2px 0px;
	*padding: 18px 10px 1px 0px;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox a {
	text-decoration: none;
	color: #333;
	margin-left:-16px;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox a:hover {
	font-weight: bold;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox a.current {
	color: #40b2cc;
	font-weight: bold;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul {
	list-style-type: none;
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul ul {
	margin-left:-20px;
	*margin-left:20px; /* all versions of IE need this */
}
#outerWrapper #contentWrapper #rightColumn #rightMenuBox ul ul a.current{
	color:#333;
}

/* Right column - Address box */
#outerWrapper #contentWrapper #rightColumn #addressBox {
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	text-align:center;
}
#outerWrapper #contentWrapper #rightColumn #addressBox a {
	border-bottom: 1px solid #888;
	text-decoration: none;
/*	text-decoration:underline; */
	color: #333;
}
#outerWrapper #contentWrapper #rightColumn #addressBox a:hover{
	font-weight: bold;
}
/* Right column - Slideshow box */
#outerWrapper #contentWrapper #rightColumn #slideShow {
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 20px 0px;
	text-align:center;
}
#outerWrapper #contentWrapper #rightColumn #slideShow a {
	border-bottom: 1px solid #888;
	text-decoration: none;
	color: #333;
}
#outerWrapper #contentWrapper #rightColumn #slideShow a:hover{
	font-weight: bold;
}
/* main page content - margins set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	margin: 0px 180px 0 90px;
	padding: 35px 15px 10px 105px;
	*zoom: 1; /* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
}
#outerWrapper #contentWrapper #content #indentList {
	margin-left: 260px;
	*margin-left: 300px;
	margin-right: -50px;
}
#outerWrapper #contentWrapper #content a:link {
	color:#111;
	text-decoration:none;
}
#outerWrapper #contentWrapper #content a:visited {
	color:#111;
	text-decoration:none;
}
#outerWrapper #contentWrapper #content a:hover {
	font-weight: bold;
}
#outerWrapper #contentWrapper #content #fotos{ /* left 360px photo for normal pages */
	border: 1px solid #2b2b2b;
	width: 360px;
	float:left;
	margin:0em 2em 1em -105px;
	background-color:#2b2b2b;
	border-radius: 5px;
	-moz-border-radius: 5px;                            /* Firefox 3 only */
	-webkit-border-radius: 5px;                         /* Safari 3 only */
	_margin:0em -90px 1em 0em;  /* IE6 HACK for negative margin */
	_position:relative;         /* IE6 HACK for negative margin */
	_left: -108px;              /* IE6 HACK for negative margin */
}
#outerWrapper #contentWrapper #content #fotos2{ /* left 360px STATIC photo for normal pages */
	width: 360px;
	float:left;
	margin:0em 2em 1em -105px;
/*	background-color:#2b2b2b; */
	_margin:0em -90px 1em 0em;  /* IE6 HACK for negative margin */
	_position:relative;         /* IE6 HACK for negative margin */
	_left: -108px;              /* IE6 HACK for negative margin */
}
#outerWrapper #contentWrapper #content #fotos_small{ /* left 180px photo for spec pages */
	width: 180px;
	float:left;
	margin:0em 2em 1em -105px;
/*	background-color:#2b2b2b; */
	_margin:0em -90px 1em 0em;  /* IE6 HACK for negative margin */
	_position:relative;         /* IE6 HACK for negative margin */
	_left: -108px;              /* IE6 HACK for negative margin */
}
#outerWrapper #contentWrapper #content #fotos_tiny{ /* left 90px photo for scrolling pages */
	width: 90px;
	float:left;
	margin:0em 2em 1em -105px;
/*	background-color:#2b2b2b; */
	_margin:0em -90px 1em 0em;  /* IE6 HACK for negative margin */
	_position:relative;         /* IE6 HACK for negative margin */
	_left: -108px;              /* IE6 HACK for negative margin */
}

#outerWrapper #contentWrapper #content #fotos_blog{ /* left 180px photo for Opus 17 install blog */
	width: 180px;
	float:left;
	margin:0em 2em 1em -15px;
	_margin:0em 0px 1em 0em;    /* IE6 HACK for negative margin */
	_position:relative;         /* IE6 HACK for negative margin */
	_left: -18px;               /* IE6 HACK for negative margin */
}

#outerWrapper #contentWrapper #content #scrollBox {
	height: 500px;
/*	width: 480px; */
	overflow: auto;
	background-color: #fff;
	padding: 8px;
	border: solid 1px #333;
/*	-moz-border-radius: 5px;                            /* Firefox 3 only */
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); 	/* Firefox 3 only */
/*	-webkit-border-radius: 5px;                         /* Safari 3 only */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4); /* Safari 3 only */
}

/* 3 columns use floated elements and clear float class before close of container */
#outerWrapper #contentWrapper .clearFloat {
	clear: both;
	display: block;
	border-bottom: 1px;
}
/* Footer */
#outerWrapper #footer {
	background-color: #fff;
	color: #666;
	border-top: solid 1px #666;
	padding: 10px 10px 10px 10px;
	font-size: 90%;
	text-align:right;
}
#outerWrapper #footer a:link {
	color:#40b2cc;
	text-decoration:none;
	margin-right: 30px;
}
#outerWrapper #footer a:visited {
	color:#40b2cc;
	text-decoration:none;
}
#outerWrapper #footer a:hover {
	color: #000;
	text-decoration:none;
}
/* Random photo hover caption */
.captionA {
	display:block;
}
.captionA em {
	font-style:normal;
}
.captionA em.txt {
	display:none;
}
.captionA img {
	border: solid 0px #222;
	display:block;
}
.captionA:hover {
	background:#2b2b2b;
	position:relative;
	cursor:default;
	text-decoration:none;
	font-weight: normal;
}
.captionA:hover b {
	display:block;
	position:absolute;
	left:0px;
	top: 0px;
	width:360px;
	background:#000;
	height:2.5em;
	opacity:0.7;
	*filter: alpha(opacity=70);                                     /* all versions of IE require this */
	*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);   /* all versions of IE require this */
}
.captionA:hover em.txt {
	display:block;
	position:absolute;
	top:0.6em;
	width:356px;
	left:2px;
	height:2.5em;
	color:#eee;
	margin:0;
	line-height:1.5em;
	text-align: center;
	letter-spacing:.1em;
	font-weight: normal;
}
/* Photo borders for 360, 180 & 90px */
.photoborder { /* left 360px photo for normal pages */
	border: solid 1px #222;
	-moz-border-radius: 4px;                            /* Firefox 3 only */
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); 	/* Firefox 3 only */
	-webkit-border-radius: 4px;                         /* Safari 3 only */
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); /* Safari 3 only */
}
.photoborder_small { /* left 180px photo for spec pages */
	border: solid 1px #222;
	-moz-border-radius: 3px;                            /* Firefox 3 only */
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 	/* Firefox 3 only */
	-webkit-border-radius: 3px;                         /* Safari 3 only */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); /* Safari 3 only */
}
/* CSS for specification tables */
table { /* column alignment for spec page */
	table-layout:fixed;
	*table-layout:automatic; /* necessary for IE to not mess up fancyzoom table layout */
	line-height:1.3em;
	border-spacing: 0px;
	border-width: 0px;
	padding: 0px;
}
td + td { text-align:right }
td + td + td { text-align:left }
td + td + td + td + td { text-align:right }

table a:link img { /*Remove annoying link img outline in Firefox.*/
	border: 0;
}

.imaage {
	float: left;
	margin: 0px 10px 20px 0px;
	border: solid 1px #222;
	-moz-border-radius: 3px;                            /* Firefox 3 only */
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); 	/* Firefox 3 only */
	-webkit-border-radius: 3px;                         /* Safari 3 only */
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); /* Safari 3 only */
}

#outerWrapper #contentWrapper #content a.soundOn {
	color:#40b2cc;
	font-weight: bold;
}

/* END CSS */