/* CSS Document */

/*PAGE LAYOUT*/
body  { color: #404040; font: 76% Verdana, Tahoma, Arial, sans-serif; background-color: #000; margin: 0 auto; padding: 0 }

#wrap   { color: #404040; background: #fff; margin: 0 auto; z-index: 5; width: 900px }
#date{
	float:left; width:190px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
}
#topbar { background-color: #cbc55c; background-image: url(../images/bg_topbar.gif); background-repeat: repeat-x; width: 708px; height: 40px; float: left; border-right: 1px solid #999999 }
#header     { background-color: #000; width: 900px; height: 42px; clear: both }
#header h1   { text-align: right; padding-right: 18px; height: 38px }
#content      { width: 900px }
#menu { padding-left: 25px; position: relative; top: 10px; width: 80px; height: 430px; float: left }
#menu a { position: relative; top: 27px }
#menu-home { margin: 0; padding-left: 25px; position: relative; top: 90px; width: 80px; height: 430px; float: left }
#menu-home a { position: relative; top: 27px }
#open-book        { background-color: #ccc; background-image: url("../media/images/site/open-book.gif"); background-repeat: no-repeat; background-position: center; position: relative; top: 0; left: 0; width: 761px; height: 461px; float: right }
#closed-book  { background-color: #fff; background-image: url("../media/images/site/closed-book-02.gif"); background-repeat: no-repeat; background-position: center; padding-top: 75px; padding-right: 15px; padding-bottom: 75px; width: 761px; height: 461px; float: right }
#logo{
	float:left; width:190px; height:110px; background-color:#F7F7F7; border-left:solid 1px #999999;
}
#pagetitle{
	position:relative; float:left; width:608px; height:110px; background-color:#F7F7F7; border-right:solid 1px #999999;
}
#title{
	position:absolute; right:10px; bottom:0px; width:600px;
}
#footer   { background-color: #000; text-align: center; margin-top: 25px; padding-top: 25px; width: 900px; clear: both }
/*FOOTER*/
#footer a { color: blue; text-decoration: underline }
#footer a:link { color: #999; font-weight: bold; text-decoration: none }
#footer a:visited { color: #999; font-weight: bold; text-decoration: none }
#footer a:hover { color: #3c0; font-weight: bold; text-decoration: none }
#footer a:active { color: #999; font-weight: bold; text-decoration: none }
/*HOME PAGE*/
.home-pageR { color: #666666; font-family: Tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; float: right }
.home-page  { color: #666666; font: 12px/24px Tahoma, sans-serif; text-align: right; position: relative; right: 10px; width: 90px; height: 75px; float: right }
.home-page h1  { font-size: 12px; position: relative; top: 240px }
.home-page h2  { font-size: 12px; position: relative; top: 410px }
.home-page a  { color: #999; font-weight: bold; text-decoration: underline }
.home-page h1 a:link    { color: #fff; font-weight: bold; text-decoration: none }
.home-page h1 a:visited    { color: #fff; font-weight: bold; text-decoration: none }
.home-page h1 a:hover   { color: #3c0; font-weight: bold; text-decoration: none }
.home-page h2 a:active   { color: #999; font-weight: bold; text-decoration: none }
.home-page h2 a:link   { color: #903; font-weight: bold; text-decoration: none }
.home-page h2 a:visited   { color: #999; font-weight: bold; text-decoration: none }
.home-page h2 a:hover   { color: #3c0; font-weight: bold; text-decoration: none }
.home-page h2 a:active   { color: #999; font-weight: bold; text-decoration: none }
/*TEXT PAGE*/
.right-page  { color: #666666; font-family: Tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; padding-right: 50px; position: relative; top: 40px; right: 0; width: 300px; float: right }
.gallery-display  { font-family: Tahoma, sans-serif; margin-bottom: 20px; top: 0; width: 300px; height: 105px; clear: right }
.gallery-display img { padding: 4px 16px 4px 4px; float: left }
.gallery-display h1  { color: #000; font-size: 14px; text-align: left; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; width: 200px; float: left; clear: right }
.gallery-display h2     { color: #666666; font-size: 12px; font-weight: normal; text-align: left; padding-bottom: 0; position: relative; top: 5px; width: 180px; float: left; clear: right }
.gallery-display h3 { color: #666666; font-size: 12px; font-weight: normal; text-align: left; margin-bottom: 0; padding-bottom: 0; width: 200px; float: left; clear: right }
.gallery-display h4 { color: #666666; font-size: 12px; font-weight: normal; text-align: left; padding-bottom: 0; position: relative; top: 5px; width: 20px; float: left; clear: right }
.gallery-display h5 { color: #666666; font-size: 12px; font-weight: normal; text-align: left; padding-bottom: 0; position: relative; top: 5px; width: 20px; float: left; clear: right }
.gallery-display-link { font-family: Tahoma, sans-serif; margin-bottom: 20px; top: 0; width: 300px; height: 25px; clear: right }
.gallery-display-link h4 { color: #666666; font-size: 12px; font-weight: normal; text-align: left; padding-bottom: 0; position: relative; top: 5px; width: 200px; float: left; clear: right }
.gallery-display-link h5 { color: #666666; font-size: 12px; font-weight: normal; text-align: left; padding-bottom: 0; position: relative; top: 0; width: 90px; float: left; clear: right }
.left-page  { color: #666666; font-family: Tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; background-position: center 0; padding-left: 45px; position: relative; top: 40px; left: 0; width: 300px; float: left }
/*ART*/
.art-description        { background-color: #eeeeee; text-align: right; margin: 10px; padding: 10px; position: relative; top: 295px; left: 24px; width: 305px; height: 100px; border: solid 1px #e4e4e4 }
.art-description h1    { color: #000; font: bold 20px Tahoma, sans-serif; margin: 0; padding: 2px; width: inherit }
.art-description h2  { color: #333; font: bold 14px Tahoma, sans-serif; margin: 0; padding: 2px; width: inherit }
.art-description h3  { color: #666; font: 12px Tahoma, sans-serif; margin: 0; padding: 2px; width: inherit }
.art-description h4   { color: #390; font: 11px Tahoma, sans-serif; text-decoration: underline; margin: 0; padding: 2px; width: inherit }
.art-description a   { color: #999; font-weight: bold; text-decoration: underline; width: inherit }
.art-description h4 a:link   { color: #903; font-weight: bold; text-decoration: underline; width: inherit }
.art-description h4 a:visited   { color: #999; font-weight: bold; text-decoration: underline; width: inherit }
.art-description h4 a:hover   { color: #3c0; font-weight: bold; text-decoration: underline; width: inherit }
.art-description h4 a:active   { color: #999; font-weight: bold; text-decoration: underline; width: inherit }

.art-image     { color: #666666; font-family: Tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; float: right }
/*TEXT STYLES*/
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #CCCCCC;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FF9900;
}
#linksmenu a{
	float:right; 
	width:183px; 
	height:20px; 
	background-color:#ABC578; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}
#linksmenu a:hover{
	background-color:#514F1C;
}
/*COLORED CIRCLE LINKS*/
.gallery  { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-red.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0; width: 77px; height: 85px }
.gallery a  { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.gallery a:link { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.gallery a:visited { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.gallery a:hover { color: #000 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.store { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-purple.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0; width: 85px; height: 85px }
.store tr { margin-bottom: 333px }
.store td { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-red.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0 }
.store a { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.store a:link { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.store a:visited { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.store a:hover { color: #000 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.says { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-gold.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0; width: 77px; height: 85px }
.says tr { margin-bottom: 333px }
.says td { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-red.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0 }
.says a { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.says a:link { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.says a:visited { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.says a:hover { color: #000 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.about { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-green.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0; width: 77px; height: 85px }
.about tr { margin-bottom: 333px }
.about td { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-red.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0 }
.about a { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.about a:link { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.about a:visited { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.about a:hover { color: #000 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.home { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-blue.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0; width: 77px; height: 85px }
.home tr { margin-bottom: 333px }
.home td { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-image: url("../media/images/site/buttons/button-red.gif"); background-repeat: no-repeat; background-position: center; text-align: center; padding: 0 }
.home a { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.home a:link { color: #fff !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.home a:visited { color: #fff !important; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }
.home a:hover { color: #000 !important; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: no-repeat; background-position: center; text-align: center }