/* CSS Document */

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

#wrap     { color: #404040; background: #fff; margin-top: 0; margin-right: auto; margin-left: auto; width: 900px }
/*HEADER*/

#header            { position: relative; width: 900px; height: 80px; border-bottom: 3px double #999 }
#header h1    { font-size: 32px; font-variant: small-caps; font-weight: normal; position: absolute; bottom: 4px; left: 25px; width: 280px }
#header h1  a    { color: #505050; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; margin-bottom: 5px; padding: 5px 1px 5px 5px; width: 280px; float: left; border-left: 4px solid #cccccc }
#header h1 a:hover,#header h1 a.current {
background-color:#eaeaea;
border-left:4px solid #286ea0;
color:#505050;
}
#content        { z-index: 1; width: 900px; height: 600px; clear: both }
#open-book           { padding-right: 5px; padding-bottom: 5px; padding-left: 5px; height: 460px }
#closed-book   { background-color: #fff; 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;
}
/**MAIN MENU**/
#menu      { position: absolute; right: 0; bottom: 4px; width: 500px }
ul.avmenu    { font-size: 11px; line-height: 15px; list-style: none; margin: 0 0 0; padding: 0; z-index: 99; width: 640px }

ul.avmenu li   { display: inline; padding: 0; width: 140px }

ul.avmenu li a   { color: #505050; font-size: 11px; font-weight: bold; line-height: 14px; text-decoration: none; margin-bottom: 5px; padding: 5px 1px 5px 5px; width: 130px; float: left; border-left: 4px solid #cccccc }

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:#eaeaea;
border-left:4px solid #286ea0;
color:#505050;
}

ul.avmenu ul   { font-size: 11px; line-height: 15px; background-color: #0ff; margin: 0 0 0 15px; padding: 0 0 5px; width: 125px }

ul.avmenu ul a {
padding:3px 1px 3px 5px;
font-weight:normal;
width:115px;
}

ul.avmenu ul ul {
width:113px;
}

ul.avmenu ul ul a {
width:100px;
}


/*FOOTER*/
#footer  { text-align: center; margin-top: 25px; padding-top: 25px; width: 900px; clear: both; border-top: 3px double #999 }
#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; position: relative; top: 30px; right: 65px; width: 380px; float: right }
.gallery-display    { font-family: Tahoma, sans-serif; margin-bottom: 20px; top: 0; width: 300px; height: 105px; float: left }
.gallery-display img    { padding: 4px 16px 0 0; z-index: 1; float: left; clear: both }
.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: #000; font-size: 12px; font-weight: normal; text-align: left; padding-top: 4px; padding-bottom: 0; padding-left: 4px; z-index: 10; width: 180px }
.gallery-display h3 { color: #666666; font-size: 12px; font-weight: normal; background-color: #f60; text-align: left; padding-bottom: 0; position: absolute; z-index: 10; right: 50px; width: 80px }
.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 p  { color: #000; font-size: 1em; font-weight: normal; text-align: left; padding-top: 4px; padding-bottom: 0; padding-left: 4px; z-index: 10; width: 580px }
.gallery-display a  { color: #666; font-weight: bold }
.gallery-display-link  { font-family: Tahoma, sans-serif; background-color: #0fc; 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 }
.gallery-larger  { font-weight: normal; position: relative; right: 390px; float: right }
.left-page    { color: #666666; font-family: Tahoma, sans-serif; font-style: normal; font-variant: small-caps; font-weight: normal; line-height: normal; position: relative; top: 30px; right: 145px; width: 320px; float: right }
.left-page h2  { font-size: 1.45em; font-variant: small-caps; font-weight: normal }
.left-page h6 { font-size: 1.15em; font-variant: normal; font-weight: normal; float: none }
.left-page p  { font-size: 1em; font-variant: normal; padding-bottom: 24px }
/*BOTTOM PAGE*/
.bottom-page    { color: #666666; font-family: Tahoma, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; margin-right: 10%; margin-left: 10%; padding: 12px 6px 6px; position: relative; bottom: 0; width: 90%; clear: both }
.bottom-01  { }
.bottom-02  { border-top: 1px solid #003 }
.bottom-03  { }
/*ART*/
.art-description     { background-color: #eeeeee; text-align: right; margin: 10px; padding: 10px; position: relative; top: 305px; left: 75px; width: 250px; height: 80px; border: solid 1px #e4e4e4 }
.art-description h1  { color: #000; font: bold 24px Tahoma, sans-serif; margin: 0; padding: 2px }
.art-description h2 { color: #333; font: bold 14px Tahoma, sans-serif; margin: 0; padding: 2px }
.art-description h3 { color: #666; font: 12px Tahoma, sans-serif; margin: 0; padding: 2px }
.art-description h4 { color: #390; font: bold 12px Tahoma, sans-serif; margin: 0; padding: 2px }
.art-description a  { color: #999; font-weight: bold; text-decoration: underline }
.art-description h4 a:link  { color: #903; font-weight: bold; text-decoration: underline }
.art-description h4 a:visited  { color: #999; font-weight: bold; text-decoration: underline }
.art-description h4 a:hover  { color: #3c0; font-weight: bold; text-decoration: underline }
.art-description h4 a:active  { color: #999; font-weight: bold; text-decoration: underline }

.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 }