
/*HTML stuff*/
body {	font-family: calibri, tahoma, arial;	font-size: 14px;	color: #333333;	margin: 0px; background-color:#FFFFFF; text-align:center;}
A:hover {color: #666666; font-weight: bold;}
A {text-decoration: none; color: #ff6600; font-weight: bold; padding: 0px; margin: 0px;}
td { font-size: 12px; color: #666666;}
ul {margin: 0px; padding: 0px 14px;}
html { min-height: 100%; margin-bottom: 1px; }
h1 {	font-size: 20px;	font-weight: bold;	color: #333333;	margin: 0px;	padding: 0px;	line-height: 20px;	white-space: normal;}
h2 {	font-size: 18px;	color: #333333;	font-weight:bold;	margin: 0px;	padding: 0px;}
h3 {	font-size: 16px;	color: #333333;	font-weight:bold;	margin: 0px;	padding: 0px;  display:inline;}
h4 {	font-size: 12px;	color: #333333;	font-weight:bold;	margin-bottom:0px; margin-top: 10px;	padding: 0px;}
h5 {	font-family: verdana, arial; font-size: 10px;	color: #333333;	font-weight:normal;	margin: 0px;	padding: 0px;}
h5 A{ font-size:10px;}
h5 A:hover { font-size:10px;}
li {font-weight: normal;}

/*My Defs*/
.hidden {background-color: #FFFFFF;	position: absolute;	left: 0px;	font-size: 12px; z-index:300;	color: #333333;	margin: 0px;	visibility: hidden;	font-weight: bold;	border: 1px solid #FF6600;	text-align: left;	width: 400px; padding: 3px 3px 0px 3px;}
.hidden A {text-decoration: none; color: #FF6600; font-weight: bold; padding: 0px; margin: 0px;}
.hidden A:hover {color: #000000; font-weight: bold; }
.hidden p {	margin: 0px;	padding: 1px;}
.hiddencolumn{float: left; width: 180px; padding-right: 20px;}
.hiddencolumn h3 {background-color:#dedede; padding: 2px;}
.hiddentitle {font-size: 11px;font-weight: bold;color: #333333;}
.positioning {position: absolute;}
.bigrightimage { padding: 0px; border: 1px solid #FF6600; margin-left: 15px; margin-bottom: 15px; float:right;}
.fimage {padding: 0px; border: 1px solid #FF6600;}
.fimagenoborder {padding: 0px; border: 0px solid #FF6600;}
.quotes { font-size: 11px; font-style: italic; color: #333333;}
.section {font-size: 11px;font-weight: normal;color: #666666;text-align: justify;}
.section A { font-size: 11px; font-weight: normal;color: #666666;text-align: justify;}
.section A:hover{ font-size: 11px; font-weight: normal;color: #FF6600;}
.menutitle {	color: #333333;	background-color: #FFF0E2;	font-weight: bold;	font-size: 11px;}

.pagemenuitem {	float: left;	height: 40px;	background-image: url(images/images/bar_OR_divider.png);	background-repeat: no-repeat;	background-position: right;	text-align: left;	width: 141px;}
.floatleft {float:left;}
.floatright {float:right;}
.marginright {margin-right: 10px;} 
.marginleft {margin-left: 10px;} 
.margintop {margin-top: 10px;}
.marginbottom {margin-bottom:10px;}
.clearleft {clear: left;}



/*ID Definitions*/
#header {	width: 760px;	margin-top: 5px;}
#content {	width: 740px; margin: 0px 10px;	float: left;	text-align: justify;}
#content p {text-align:justify;}
#rightsection {	float: right;	width: 180px; margin-left:10px; margin-bottom: 10px;}
#page {	width: 760px;	margin-top: 10px;}
#wrapper {	text-align: center;	margin-right: auto;	margin-left: auto;	width: 760px;	margin-top: 0px;	margin-bottom: 0px;}
#topimagediv {width:720px; height:120px;}


/* news stuff */
.newstitle {		font-variant: normal;	text-transform: uppercase;	color: #333333;	font-size: 12px;	font-weight: bold;}
.newssubtitle {	color: #666666;	font-weight: bold;}
.newsdate {	font-size: 9px;	color: #666666;	font-weight: bold;}

/*Box stuff for RHS boxes*/
.boximagefloat {float: left;padding-right:4px;padding-top: 4px;padding-bottom: 4px;}
.bx_top {background-image:url(images/images/boxtop.png); text-align: center; width:180px; height:15px; font-weight:bold; padding-top:8px;}
.bx_mid {background-image:url(images/images/boxmid.png); background-repeat:repeat-y; width:160px; padding: 4px 10px; text-align:center;}
.bx_mid_left {background-image:url(images/images/boxmid.png); text-align: left; background-repeat:repeat-y; width:160px; padding: 4px 10px;}
.bx_mid {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.bx_mid_left {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
.bx_bot {background-image:url(images/images/boxbot.png); width:180px; height:23px;}
.bx_mid p {width: 120px; margin-top: 0px; padding-top: 0px; margin-left: 20px;}
.bx_mid p.bx_p_left {text-align:left; margin:0; padding:0; width: 160px;}
.quote {font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif}


/* Large Boxes */
.bx_lg_top {background-image:url(images/images/lgboxtop.png);text-align: center; width:520px; height:15px;font-size: 12px; font-weight:bold; padding-top:8px;}
.bx_lg_mid {background-image:url(images/images/lgboxmid.png); background-repeat:repeat-y; width: 490px;font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px 15px; text-align:center;}
.bx_lg_mid_left {background-image:url(images/images/lgboxmid.png); text-align: left; background-repeat:repeat-y; width:490px;font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 4px 15px;}
.bx_lg_bot {background-image:url(images/images/lgboxbot.png); width:520px; height:23px; text-align: center;}

/*image cycling for the exhibit pages */
.imagecycle {border: 1px solid #FF6600;}
.scroller {padding: 4px; float: left; width: 88px;}
#scrollernavL {float: left; width: 20px;}
#infobx {float: left; width: 250px; font-weight: bold;}
#scrollernavR {float: left; width: 20px;}
.scroller A{font-size:10px;}
.scrolltitle {text-align:center;}

/*hover styles */
#hoverim{float:left; height:400px; width:400px;}
.hoverimage{float:left; width:222px; height:100px;}
#hover1{background-image:url(images/custompage_images/1.png);}
#hover2{background-image:url(../images/custompage_images/2.png);}
#hover3{background-image:url(../images/custompage_images/3.png);}
#hover4{background-image:url(../images/custompage_images/4.png);}


/* Index Stuff */
.indextext {font-size: 14px;font-weight: normal;color: #444444;font-style: normal;}
.indextext A {font-size: 12px;font-weight: bold;color: #ff6600;font-style: normal}
.indextext A:hover {font-size: 12px;font-weight: bold;color: #444444;font-style: normal;}
.imagepagetext {font-size: 14px;color: #444444;width: 600px;}

/*index styles */
#infoboxindex {width:754px; text-align:left; font-size:12px; margin:0 auto 0 15px; padding: 5px 13px;}
#infoboxindex p {margin-top: 12px}
.linkbox {float:left; width:151px; height:80px; border:solid 1px #FF6600; padding:4px; font-size:10px; margin: 0 17px; text-align:left; background:url(images/arrow_interactive.gif); background-position:left top; background-repeat:no-repeat;}
.linkbox A {color: #FF6600; font-size:14px; font-weight:bold; padding-left: 15px;}
.linkbox A:hover {color:#FF6600; font-size:14px; font-weight: bold; padding-left: 15px;}
#wrapperindex {margin: 0 auto; width:780px; text-align:center;}
#footer {	text-align:center;	width:800px;	margin:3px auto;}

/*product grid pages*/
.productbox {float: left; height: 100px; width: 120px; padding: 4px; margin: 8px; font-size: 9px; text-align: center; background-color: #efefef; border: 1px #cccccc solid; }
.productboximage {border: 1px #ff6600 solid; margin-top: 4px; }
.productboxtext {width:110px; margin: 10px auto 0;}
