BODY
{
	margin: 0px;
	text-align: center;
	background: #FFFFFF;
}

BODY, TABLE, INPUT, TEXTAREA, SELECT
{
	color: #000000;
	font-size: 12px;
	font-family: arial;
}

.info
{
	color: #999999;
	font-size: 80%;
}

.error, .mandatory
{
	color: #CC0000;
}

.error
{
	font-size: 80%;
}

.clear
{
	clear: both;
}

#wrapper
{
	width: 930px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#top
{
	height: 90px;
}

#logo
{
	float: left;
	width: 300px;
	font-size: 90%;
	margin-top: 25px;
	margin-left: 10px;
	font-family: verdana;
}

#logo IMG
{
	border: 0px;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 5px;
}

#topmenu
{
	float: right;
	width: 600px;
	margin-top: 60px;
	text-align: right;
}

#topmenu A
{
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

#topmenu A:hover
{
	text-decoration: underline;
}

#divisionbar
{
	clear: left;
	height: 180px;
	background: #EDEDED url('../images/divisionbar_bg.jpg') repeat-x;
}

#divisionbar .division
{
	float: left;
	width: 180px;
	display: inline;
	margin-top: 25px;
	margin-left: 50px;
}

#divisionbar .division H1
{
	margin: 0px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}

#divisionbar .division UL
{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	list-style-type: none;
}

#divisionbar .division UL LI
{
	line-height: 15px;
}

#divisionbar .division UL LI A
{
	color: #000000;
	margin-left: 5px;
	text-decoration: none;
}

#divisionbar .division UL LI A:hover, #divisionbar .division UL LI A.active
{
	color: #FFFFFF;
	background: #000000;
}

#bottom
{
	clear: left;
	font-size: 80%;
	color: #8C8C8C;
	line-height: 35px;
	text-align: center;
}

#menu
{
	clear: both;
	width: 927px;
	height: 59px;
	background: #828282 url('../images/menu_bg.jpg') no-repeat;
}

#menu DIV
{	
	height: 30px;
	width: 927px;
	margin-top: 13px;
	position: absolute;
	background: #1B1B1B;
	filter: alpha(OPACITY=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

#menu UL
{
	margin: 0px;
	padding: 0px;
	z-index: 100;
	margin-top: 13px;
	position: absolute;
	padding-left: 130px;
	list-style-type: none;
}

#menu UL LI
{
	float: left;
	width: 175px;
	border-left: 1px solid #5B5B5B;
	border-right: 1px solid #5B5B5B;
}

#menu UL LI.over
{
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	background: #3B3B3B url('../images/menuovr_bg.jpg') repeat-x;
}

#menu UL LI A
{
	width: 175px;
	display: block;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
}

#menu UL LI UL
{
	width: 215px;
	margin-top: 0px;
	padding-top: 25px;
	padding-left: 0px;
	margin-left: -1px;
	visibility: hidden;
	position: absolute;
	background: #4D4E4E;
	padding-bottom: 25px;
	border: 1px solid #404040;
	border-top: 0px;
}

#menu UL LI.over UL
{
	visibility: visible;
	background: #4D4E4E url('../images/arrowovr.jpg') top 87px no-repeat ;
}

#menu UL LI.active UL
{
	border: 0px;
	visibility: visible;
	background: url('../images/arrow.jpg') top 87px no-repeat;
}

#menu UL LI.active UL LI
{
	display: none;
}

#menu UL LI.over UL LI
{
	float: none;
	border: 0px;
	width: 215px;
}

#menu UL LI.over UL LI
{
	width: 215px;
}

#menu UL LI.over UL LI A
{
	font-size: 100%;
	text-align: left;
	line-height: 20px;
	padding-left: 25px;
	font-weight: normal;
}

#menu UL LI.over UL LI A:hover
{
	text-decoration: underline;
}

#page
{
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 20px;
}

#page H1
{
	margin: 0px;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 5px;
	background: url('../images/hline.png') repeat-x left bottom;
}

#page P
{
	font-size: 90%;
	color: #000000;
	margin-top: 5px;
}

#page P A
{
	color: #000000;
	text-decoration: none;
}

#page P A:hover
{
	text-decoration: underline;
}

#page P SPAN
{
	color: #666666;
}

#page.print H1
{
	width: 165px;
	color: #72BB13;
	background: url('../images/hlineprint.png') repeat-x left bottom;
}

#page.print P SPAN
{
	color: #72BB13;
}

#page.web H1
{
	width: 165px;
	color: #35C5FC;
	background: url('../images/hlineweb.png') repeat-x left bottom;
}

#page.web P SPAN
{
	color: #35C5FC;
}

#page.exhibits H1
{
	width: 165px;
	color: #968D04;
	background: url('../images/hlineexhibits.png') repeat-x left bottom;
}

#page.exhibits P SPAN
{
	color: #968D04;
}

#page.film H1
{
	width: 165px;
	color: #B40F20;
	background: url('../images/hlinefilm.png') repeat-x left bottom;
}

#page.film P SPAN
{
	color: #B40F20;
}

#content
{
	float: left;
	width: 700px;
	display: inline;
	margin-bottom: 20px;
}

#content H2
{
	margin: 0px;
	font-size: 120%;
	color: #000000;
	text-decoration: none;
	padding: 15px 0px 0px 10px;
}

#content .margin
{
	margin: 20px;
	margin-top: 0px;
	padding-top: 20px;
	border-top:1px solid #999999;
}

#content .margin A
{
	color: #000000;
	text-decoration: none;
}

#content .margin A:hover
{
	text-decoration: underline;
}

#content .margin UL
{
	margin-left: 40px;
}

#content .margin UL LI
{
	margin-bottom: 10px;
}

#content .margin BLOCKQUOTE
{
	padding: 30px;
	margin-left: 0px;
	margin-right: 0px;
	background: #EEEEEE;
}

#content .margin BLOCKQUOTE P
{
	margin: 0px;
}

#content .paging
{
	clear: left;
	font-size: 80%;
	background: #F7F6F6;
	border: 1px solid #EDEDED;
}

#content .paging P A:hover
{
	text-decoration: underline;
}

#content .paging DIV
{
	color: #000000;
	margin-top: 5px;
	line-height: 18px;
	text-align: right;
	margin-left: 25px;
	margin-right: 25px;
	padding-right: 5px;
	margin-bottom: 5px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
}

#content .paging DIV A
{
	color: #000000;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
}

#content .paging DIV SPAN
{
	margin-right: 5px;
}

#content .paging DIV A:hover, #content .paging DIV A.active
{
	text-decoration: underline;
}

#content .paging DIV SPAN.print
{
	color: #62A608;
}

#content .paging DIV SPAN.web
{
	color: #2BB6F0;
}

#content .paging DIV SPAN.exhibits
{
	color: #968D04;
}

#content .paging DIV SPAN.film
{
	color: #B40F20;
}

#content .portfolio
{
	float: left;
	width: 228px;
	display: block;
	display: inline;
	margin-top: 20px;
	margin-right: 5px;
	border: 1px solid #DBDBDB;
}

#content .nomargin
{
	margin-right: 0px;
	margin-bottom: 15px;
}

#content .portfolio H2
{
	margin: 0px;
	font-size: 110%;
	margin-top: 10px;
	line-height: 20px;
	padding-left: 0px;
	margin-left: 22px;
	margin-right: 22px;
	font-weight: normal;
}

#content .portfolio H2.print
{
	color: #72BB13;
	background: url('../images/hlineprint.png') repeat-x left bottom;
}

#content .portfolio H2.web
{
	color: #067BC3;
	background: url('../images/hlineweb.png') repeat-x left bottom;
}

#content .portfolio H2.exhibits
{
	color: #968D04;
	background: url('../images/hlineexhibits.png') repeat-x left bottom;
}

#content .portfolio H2.film
{
	color: #960023;
	background: url('../images/hlinefilm.png') repeat-x left bottom;
}

#content .portfolio P
{
	margin: 0px;
	color: #000000;
	font-size: 80%;
	line-height: 16px;
	margin-left: 22px;
	margin-right: 22px;
	font-family: tahoma;
	margin-bottom: 15px;
}

#content .portfolio P A
{
	color: #000000;
	text-decoration: none;
}

#content .portfolio DIV
{
	height: 116px;
	margin-top: -7px;
	margin-left: 22px;
	margin-right: 22px;
	text-align: center;
	position: relative;
	background: #FFFFFF;
	border: 1px solid #C0C0C0;
}

#content .portfolio DIV IMG
{
	border: 0px;
}

#content TABLE LABEL
{
	margin-right: 5px;
}

#right
{
	float: right;
	width: 200px;
	display: inline;
	margin-right: 10px;
}

#right #submenu
{
	margin-top: 7px;
}

#right #submenu UL
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 50px;
	list-style-type: none;
}

#right #submenu UL LI
{
	padding-top: 5px;
	padding-bottom: 5px;
	background: url('../images/hline.jpg') repeat-x left bottom;
}

#right #submenu UL LI.noline
{
	background: none;
}

#right #submenu UL LI A
{
	width: 100%;
	color: #000000;
	display: block;
	text-decoration: none;
}

#right #submenu UL LI A:hover
{
	color: #999999;
}

#right #submenu UL LI A.active
{
	font-weight: bold;
}

#right #submenu UL.print LI A:hover, #right #submenu UL.print LI A.active
{
	color: #62A608;
}

#right #submenu UL.web LI A:hover, #right #submenu UL.web LI A.active
{
	color: #35C5FC;
}

#right #submenu UL.exhibits LI A:hover, #right #submenu UL.exhibits LI A.active
{
	color: #968D04;
}

#right #submenu UL.film LI A:hover, #right #submenu UL.film LI A.active
{
	color: #960023;
}

#right #links UL
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#right #links UL LI
{
	padding-top: 10px;
	padding-bottom: 10px;
	background: url('../images/hline.jpg') repeat-x left bottom;
}

#right #links UL LI.noline
{
	background: none;
}

#right #links UL LI A
{
	color: #000000;
	font-weight: bold;
	padding-left: 20px;
	text-decoration: none;
	background: url('../images/dot.jpg') no-repeat left center;
}

#right #links UL LI.active A
{
	color: #999999;
	background: url('../images/dotovr.jpg') no-repeat left center;
}

#right #links UL LI A.active
{
	font-weight: bold;
}

#right #links UL LI A:hover
{
	text-decoration: underline;
}

#right #links UL LI P
{
	margin: 0px;
	font-size: 90%;
	margin-top: 5px;
	margin-left: 20px;
}

#right #links UL LI P A
{
	color: #4C4C4C;
	background: none;
	padding-left: 0px;
}

#right #links UL LI.active P A
{
	background: none;
}

#right #contact
{
	font-size: 90%;
	margin-top: 30px;
}

#right #contact H2
{
	margin: 0px;
	font-size: 100%;
	margin-top: 10px;
	font-weight: bold;
	margin-bottom: 7px;
}

#right #contact P
{
	margin: 0px;
	margin-bottom: 5px;
}

#right #contact P A
{
	color: #000000;
	text-decoration: none;
}

#right #contact P A:hover
{
	text-decoration: underline;
}

#film
{
	padding-top: 150px;
}

#jingle
{
	padding-top: 0px;
}

#inputtable
{
	width: 660px;
	margin-top: -35px;
	position: relative;
	margin-bottom: -35px;
}

#inputtable INPUT, TEXTAREA, SELECT
{
	border: 1px solid #666666;
}

.exhibition
{
	clear: both;
	padding: 0px;
	padding:15px 0px 5px 0px;
	border-bottom: 3px solid #000000;
}

.exhibition P
{
	margin: 0px;
	padding: 0px;
}

.exhibition P A
{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.margin_ex
{
	height: 95px;
	height: 87px;
	padding-top:8px;
    overflow: hidden;
	position: relative;
	margin: 15px 0px 0px;;
	background: url('../images/hline.jpg') repeat-x left top;
}



.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 100% Arial;
z-index: 100;
background-color: white;
width: 175px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}

#tip
{
	background-color:white;
	width: 500px;
	height: 200px;
	border: solid 1px gray; 
	text-align: left;
}
.navtext 
{
	width:300px; 
	text-align:left; 
	border-width:2px; 
	border-style:outset; 
	border-color:white; 
	font:normal 9pt arial; 
	background-color:#0d5c72; 
	layer-background-color:#0d5c72; color:#cacaca;
}