﻿body	{	margin:0; border:0; background:#fff; }
img		{	margin:0; border:0; }

#opusWrapper	{
	position:absolute; 
	top:0; left:50%; width:1000px; height:auto; margin:0 0 0 -500px; }


/* CSS Top Box */
#opusWrapper #menu	{
	position:relative; float:left;
	top:0; left:0; width:1000px; height:32px; margin:0; padding:0;
	background:url('../images/menubg.jpg') repeat-x; }

#opusWrapper #navcontainer {	
        float:left; position:relative;
        margin:0; padding: 0; height: 32px; width:100%;
        font: normal 13px Verdana; 
        background:url('../images/menubg.jpg') repeat-x;}

#opusWrapper #navcontainer ul {
        border: 0; margin: 0; padding: 0;
        list-style-type: none; text-align: center; }

#opusWrapper #navcontainer ul li {
        display: block; float: left;
        text-align: center; padding: 0; margin: 0; }

#opusWrapper #navcontainer ul li a {
        width: auto; height: 25px; margin: 0;
        color: #fff; text-decoration: none;
        display: block; text-align: center; padding:7px 15px 0 15px;
        font: normal 13px Verdana;
        border-left:1px #004890 solid; border-right:1px #47C4FC solid;
}

#opusWrapper #navcontainer ul li a:hover {
		background:url('../images/menuHover.jpg') repeat-x; 
        color: #fff;
}

#opusWrapper #navcontainer a:active {
        color: #fff;
}

#opusWrapper #navcontainer li#active a {
		background:url('../images/menuHover.jpg') repeat-x;
        color: #fff;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: none; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
		width: auto; height: 25px; margin: 0;
        color: #fff; text-decoration: none;
        display: block; text-align: center; padding:7px 15px 0 15px;
        font: normal 13px Verdana;
        border-left:1px #004890 solid; border-right:1px #47C4FC solid;

display: block;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block; z-index:999;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block; text-align:left; font: normal 12px Verdana;
width: 160px; /*width of sub menu levels*/
color: #fff; background:#004890;
text-decoration: none;
padding: 5px 0 0 5px; 
border: 0px solid #ccc;
}

.suckertreemenu ul li a:hover{
		background:url('../images/menuHover.jpg') repeat-x;
        color: #fff;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
		background:url('../images/menuHover.jpg') repeat-x;
        color: #fff;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



/* CSS Big Image Holder */
#opusWrapper #bigImage {
	position:relative; float:left;
	width:100%; height:517px; z-index:5;
	background:url('../images/bigImage.jpg') no-repeat;
	border-bottom:10px #004890 solid;}



/* CSS Header */
#opusWrapper #bigImage #header {
	position:relative; float:left;
	width:100%; height:108px;
	background:url('../images/header.png') no-repeat;
	border-bottom:1px #004890 solid; }

#opusWrapper #bigImage #header #iconBox {
	position:relative; float:left;
	width:145px; height:70px; margin:18px 0 0 625px; }
#opusWrapper #bigImage #header #iconBox img {	position:relative; float:left; margin:0 3px 3px 0;}

#opusWrapper #bigImage #header #box {
	position:relative; float:left;
	width:210px; height:100px; margin:4px;
	border-left:2px #fff solid;
}
#opusWrapper #bigImage #header #box h1	{	margin:0 0 0 10px; width:200px; font:bold 11px Verdana; color:#fff; text-decoration:underline; }
#opusWrapper #bigImage #header #box span{	margin:5px 0 0 10px;  width:200px; font:normal 10px Verdana; color:#fff; display:block; }

#opusWrapper #bigImage #squareRed {
	position:relative; float:left; display:block;
	width:500px; height:140px; margin:150px 0 0 25px;
	background:url('../images/squareRed.png') no-repeat; }
#opusWrapper #bigImage #squareRed h1	{	margin:10px 0 0 10px; width:480px; font:bold 20px Verdana; color:#fff; }
#opusWrapper #bigImage #squareRed span	{	margin:10px 0 0 10px; width:480px; font:normal 12px Verdana; color:#fff; line-height:125%; text-align:justify; display:block; }

#opusWrapper #bigImage #squareBlues {
	position:relative; float:left; display:block;
	width:1060px; height:140px; margin:10px 0 0 25px; }

#opusWrapper #bigImage #squareBlue {
	position:relative; float:left; display:inline-block;
	width:200px; height:100px; margin:0 10px 0 0;
	background:url('../images/squareBlue.png') no-repeat; }
#opusWrapper #bigImage #squareBlue h1	{	margin:5px 0 0 10px; width:180px; font:bold 13px Verdana; color:#004890; }
#opusWrapper #bigImage #squareBlue span	{	margin:5px 0 0 10px; width:180px; font:normal 10px Verdana; color:#fff; line-height:110%; text-align:justify; display:block; }



!--
/* CSS Small Image Holder */
#opusWrapper #smallImage {
	position:relative; float:left;
	width:100%; height:108px; z-index:5;
	background:url('../images/smallImage.jpg') no-repeat;
	border-bottom:2px #004890 solid;}



/* CSS Header */
#opusWrapper #smallImage #header {
	position:relative; float:left;
	width:100%; height:108px;
	background:url('../images/header2.jpg') no-repeat;
	border-bottom:1px #004890 solid; }

#opusWrapper #smallImage #header #iconBox {
	position:relative; float:left;
	width:145px; height:70px; margin:18px 0 0 625px; }
#opusWrapper #bigImage #header #iconBox img {	position:relative; float:left; margin:0 3px 3px 0;}

#opusWrapper #smallImage #header #box {
	position:relative; float:left;
	width:210px; height:100px; margin:4px;
	border-left:2px #fff solid;
}
#opusWrapper #smallImage #header #box h1	{	margin:0 0 0 10px; width:200px; font:bold 11px Verdana; color:#fff; text-decoration:underline; }
#opusWrapper #smallImage #header #box span{	margin:5px 0 0 10px;  width:200px; font:normal 10px Verdana; color:#fff; display:block; }



/* CSS Content */
#opusWrapper #content {
	position:relative; float:left;
	width:1000px; height:auto; }			

#opusWrapper #content #col1, #opusWrapper #content #col2, #opusWrapper #content #col3 {
	position:relative; float:left; display:inline-block;
	height:auto; margin:10px 0 0 10px; }

#opusWrapper #content #col1	{ width:280px; }
#opusWrapper #content #col2 { width:280px; }
#opusWrapper #content #col3 { width:400px; margin-left:20px; }

#opusWrapper #content #col1 h1, #opusWrapper #content #col2 h1, #opusWrapper #content #col3 h1 {
	font:normal 14px Verdana; color:#fff; padding:5px 0 0 10px; height:25px; position:relative; float:left; margin:0;  }
#opusWrapper #content #col1 h1, #opusWrapper #content #col2 h1 { background:url('../images/barRedSmall.gif') no-repeat; width:270px; }
#opusWrapper #content #col3 h1 { background:url('../images/barRedBig.gif') no-repeat; width:390px; }

#opusWrapper #content #col1 #boxBlue, #opusWrapper #content #col2 #boxBlue, #opusWrapper #content #col3 #boxBlue {
	width:100%; height:auto !Important; min-height:200px; background:#49C8FF; margin:0; position:relative; float:left; padding:0; }

#opusWrapper #content #col1 #boxBlue span, #opusWrapper #content #col2 #boxBlue span, #opusWrapper #content #col3 #boxBlue span {
	position:relative; float:left; 
	height:auto; margin:10px; padding:0; font:normal 11px Verdana; color:#000; text-align:justify; }

#opusWrapper #content #col1 #boxBlue span, #opusWrapper #content #col2 #boxBlue span { width:260px; }
#opusWrapper #content #col3 #boxBlue span { width:380px; }

#opusWrapper #content #col1 #boxBlue img, #opusWrapper #content #col2 #boxBlue img	{	position:relative; float:left; margin:5px; }
#opusWrapper #content #col3 #boxBlue input.tbox	{	width:250px; height:25px; border:0; background:#fff; font:normal 11px Verdana; color:#000; margin:5px; display:inline-block}

#opusWrapper #content #col3 #boxBlue #itemBox {
	position:relative; float:left; display:inline-block;
	width:125px; height:200px; margin:10px 0 0 6px; }

#opusWrapper #content #col3 #boxBlue #itemBox img.item	{	position:relative; float:left; border:1px #004890 solid; }
#opusWrapper #content #col3 #boxBlue #itemBox h1		{	position:relative; float:left; margin:5px 0 0 0; font:bold 11px Verdana; color:#004890; width:110px; height:auto; background:none; padding:0; }
#opusWrapper #content #col3 #boxBlue #itemBox h2		{	position:relative; float:left; margin:5px 0 0 0; font:normal 11px Verdana; color:#000; width:110px; height:auto; background:none; padding:0; }
#opusWrapper #content #col3 #boxBlue #itemBox h3		{	position:relative; float:left; margin:5px 0 0 0; font:bold 11px Verdana; color:#900; width:110px; height:auto; background:none; padding:0; }


#opusWrapper #footerArea {
	position:relative; float:left;
	width:100%; height:auto;
	background:url('../images/blueBar.gif') repeat-x; }

#opusWrapper #footerArea #col1, #opusWrapper #footerArea #col2, #opusWrapper #footerArea #col3 {
	position:relative; float:left; display:inline-block;
	height:auto; margin:0; padding:0; }

#opusWrapper #footerArea #col1	{ width:250px; }
#opusWrapper #footerArea #col2  { width:250px; }
#opusWrapper #footerArea #col3  { width:500px; }

#opusWrapper #footerArea #col1 h1	{	width:105px; height:35px; font:bold 13px Verdana; color:#f00; margin:0 0 0 10px; padding:5px 0 0 5px; background:url('../images/tabGray.gif') no-repeat; }
#opusWrapper #footerArea #col2 h1	{	width:105px; height:35px; font:bold 13px Verdana; color:#f00; margin:0 0 0 10px; padding:5px 0 0 5px; background:url('../images/tabWhite.gif') no-repeat; }
#opusWrapper #footerArea #col3 h1	{	width:105px; height:35px; font:bold 13px Verdana; color:#f00; margin:0 0 0 10px; padding:5px 0 0 5px; background:url('../images/tabGray.gif') no-repeat; }

#opusWrapper #footerArea #col1 #box	{	width:249px; height:220px; margin:0; padding:0; background:#ccc; border-right:1px #80A4C8 solid; }
#opusWrapper #footerArea #col2 #box	{	width:249px; height:220px; margin:0; padding:0; background:#fff; border-right:1px #80A4C8 solid; }
#opusWrapper #footerArea #col3 #box	{	width:499px; height:220px; margin:0; padding:0; background:#ccc; border-right:1px #80A4C8 solid; }


/* =-=-=-=-=-=-=-[Menu Five]-=-=-=-=-=-=-=- */

#menu5 {
        width: 229px;
        margin: 10px 0 0 10px; display:block;
        position:relative; float:left;
        }
#menu5 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu5 li a {
          height: 18px;
          text-decoration: none;display: block;       
        }

#menu5 li a:link, #menu5 li a:visited {
        color: #004890; font:normal 12px Verdana;
        display: block;background:url('../images/icon01.png') no-repeat;
        padding:2px 0 0 25px; margin:0 0 10px 0;
        text-align: left;
        }

#menu5 li a:hover, #menu5 li #current {
        color: #f00;
        text-align: left;
        }

#menu5 li a:active {
        color: #f00;
        text-align: left;
        }







#menu51 {
        width: 229px;
        margin: 1px 0 0 15px; display:block;
        position:relative; float:left;
        }
#menu51 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }






/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */

#menu6 {
        width: 229px;
        margin: 10px 0 0 10px; display:block;
        position:relative; float:left;
        }
#menu6 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu6 li a {
          height: 18px;
          text-decoration: none;display: block;       
        }

#menu6 li a:link, #menu6 li a:visited {
        color: #004890; font:normal 12px Verdana;
        display: block; background:url('../images/icon02.png') no-repeat;
        padding:2px 0 0 25px; margin:0 0 10px 0;
        text-align: left;
        }

#menu6 li a:hover, #menu6 li #current {
        color: #f00;
        text-align: left;
        }

#menu6 li a:active {
        color: #f00;
        text-align: left;
        }
		
		
		
		
		
		
		#menu61 {
        width: 229px;
        margin: 1px 0 0 15px; display:block;
        position:relative; float:left;
        }
#menu61 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }




/* =-=-=-=-=-=-=-[Menu Seven]-=-=-=-=-=-=-=- */

#menu7 {
        width: 479px;
        margin: 10px 0 0 10px; display:block;
        position:relative; float:left;
        }
#menu7 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu7 li a {
          height: 18px;
          text-decoration: none;display: block;       
        }

#menu7 li a:link, #menu7 li a:visited {
        color: #004890; font:normal 12px Verdana;
        display: block; background:url('../images/icon03.png') no-repeat;
        padding:2px 0 0 25px; margin:0 0 5px 0;
        text-align: left;
        }

#menu7 li a:hover, #menu7 li #current {
        color: #f00;
        text-align: left;
        }

#menu7 li a:active {
        color: #f00;
        text-align: left;
        }
        
#menu7 li span {
	color: #000;
	font:normal 11px Verdana;
	display: block;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}


#opusWrapper #footerArea #bottom {
	position:relative; float:left;
	width:100%; height:25px; border-top:1px #80A4C8 solid;
	margin:0; padding:8px 0 0 0px;
	font:normal 12px Verdana; color:#666; }

#opusWrapper #footerArea #bottom a		{	color:#004890; text-decoration:none; }
#opusWrapper #footerArea #bottom a:hover{	color:#f00; text-decoration:none; }
