/*<![CDATA[*/
html { height:100%; width:100%; }
html>body { height:100%; width:100%; }
body {
height:100%; width:100%; 
  margin:0;
  padding:0;
  font:100%/1 Arial, Helvetica, sans-serif;
  color:#333;
  background:#ccccc2;  
  text-align:center;
}
a:link { color: #369;}
a:visited { color: #6184a8;}
a:hover { color: #49a41b;}
a:active { color: #0C3;}

p { padding: 0; line-height: 1.4; font-size: 75%; }
ul { font-family:  Arial, Helvetica, sans-serif; font-size: 75%; margin-right: 25px; }
ul li { font-family:  Arial, Helvetica, sans-serif; font-size: 100%; }
ul li ul li { font-family:  Arial, Helvetica, sans-serif; font-size: 100%; }
p, pre { margin: 0 0.5em 1em; }
h1, h2, h3 { margin: 0; font-size: 100%; text-align: center; }
h2, h3{ margin-bottom: 0.4em; }
h1 { text-align: left; line-height: 2; margin: 0 0.5em 0; }

.headerTitle, h1, h2
{
	text-align:left;
	border-bottom: 1px solid black;
	margin: 15px 7px;	
	font-size: 14px;
	font-weight: bold;
}

.headerTitle a, h1 a, h2 a
{
	text-decoration: none;
}

.content {
	width: 702px;
	margin: 0 auto;
	text-align: left;
	background: url(http://www.optical.com/images/bkgdContent.gif) top left repeat-y #ccccc2;
	padding: 0px 10px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
}

.content .ruleTitle { color:#039; font-size:105%; font-family:"Times New Roman", Times, serif; margin: 15px 7px 0px 7px; padding-bottom: 0px; font-weight:bold; }

.content#mainContent { }
.content#additionalContent { height:10%; clear: both; }

.content img.photoLeft { margin: 0px 10px 10px 10px; float: left; border: 1px solid #000; }
.content img.photoRight { margin: 0px 10px 10px 10px; float: right; border: 1px solid #000; }
.content ul { margin: 5px inherit 10px inherit; padding-top:0px; }

table#contactForm { margin:7px;}
table#contactForm td.tdContent
{ vertical-align:middle;
	font-weight:bold;
	font-size: 13px;
}

#header { background: url(http://www.optical.com/images/bkgdHeader.jpg) top left no-repeat #ccccc2; width:702px; height: 203px; width: 702px; position:absolute; top:0; left:10px; border: 0px;}
#header p { line-height: 2; }

#header ul.nav {
	margin: 0px 0px 0px 101px;
	height: 48px;
	padding: 50px 0px 0px 0px;
}
#header ul.nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#header ul.nav li {
	list-style-type:none;
	margin: 0px;
	padding:0px;
	width: 49px;
	height: 48px;
    display: inline;
}
#header ul.nav li a {
    color: #000;
    padding: 0px;
	margin: 0px;
    text-decoration: none;
}
#header ul.nav li a:hover {
	color: #fff;
	text-decoration: none;
	border: 0px;
}

#middle, #left, #right { margin-top: 203px; }

#middle { float: left; width: 450px; margin: 203px -550px 0px 101px; display: inline; }

.content #middle ul, .content #middle ol, .content #middle dl { width:90%; margin: 0px 7px 10px 5px; padding: 0px 0px 0px 20px; }
.content #middle ul li, .content #middle ol li, .content #middle dl dt, .content #middle dl dd { width:#100%; margin: 0px; padding: 5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:100%; }

#left { float: left; width: 101px; margin: 203px 0px 0px -1px; background:url(http://www.optical.com/images/bkgdLeft.gif) no-repeat left  top; min-height: 287px; }

#right { float: right; width: 151px; background:url(http://www.optical.com/images/bkgdRight.gif) no-repeat right top; min-height: 287px;}
#foot {clear:both; padding: 0px 171px 10px 121px; text-align:center;}
#foot .contained {	border: 1px solid #c0c0c0; font-family:Arial, sans-serif; font-size:12px; line-height: 26px; color:#99b3cc; margin: 0px; padding: 0px 7px;}
#foot .contained a { text-decoration: underline; padding: 0;}
#foot .contained a:hover { text-decoration:underline; }


.bgtable
{
	background-image:url(http://www.optical.com/images/cuc_bg.jpg);
	width: 750px;
}

.bgtable td
{
	font-size: 0.8em;
}

.tableData { border-collapse: collapse; }

.tableData	td, th { border: 1px solid #000000; vertical-align: baseline; }

.tableData th {font-size: 12px;}

.error { background-color:yellow; }

div.attention { margin: 10px 7px; background:#fed8da; padding: 10px; border: 1px solid #fc8084; font-family:Verdana, sans-serif; font-size:75%;}

dl.attention { margin: 10px; font-size:75%; }
dl.attention dt { background:#fff; font-weight: bold; color: #39c; font-family:Verdana, sans-serif; line-height: 25px; border: 1px solid #80d7fc; border-bottom:0px; text-align:center; }
dl.attention dd { margin: 0px; background:#d8f3fe; padding: 10px; border: 1px solid #80d7fc; border-top:0px;}
dl.attention dd p { font-size: 100%; padding-left:0px; padding-right:0px;}
dl.attention dd ol li { line-height: 25px; }
dl.attention dd ol li a:hover { color:#000; }
/*]]>*/