*{margin:0; padding:0; border:0;}
body, html{min-height:100%; background:#222222; color:#000000; font:11px Helvetica, Verdana, Geneva, sans-serif;}

a{color:#000000;}
strong, strong a{color:#202020;}
h1{color:#ffffff; text-align:right;letter-spacing:4px;}
h2, h3{text-align:left; letter-spacing:2px;}
table, tr, td{margin:0; border:0; padding:0;}
textarea, input, .form_subsection{background:#efefef; border:2px solid #cccccc;}
.form_subsection{width:350px; padding:10px;}

#container{position:relative; width:536px; margin:10px auto; padding:32px; background:#a7a7a7 url(interface/header1_flat.jpg) no-repeat;}
#container div{margin:0;}

.has_more_info{position:absolute; background:transparent url(interface/expand.png) top right no-repeat;}
#content .has_more_info{background:transparent url(interface/expand-black.png) center right no-repeat;}
p .has_more_info{position:relative;}
.has_more_info .more_info{display:none;}
.has_more_info:hover .more_info{display:block; background:white; color:black; text-align:left; padding:10px; opacity:0.75;}
p .has_more_info:hover .more_info{position:absolute;}

#nav_menu{background:transparent url('interface/nav_bg_raster.png') top left no-repeat; width:512px; margin-top:125px; padding:2px 0 2px 0; position:absolute; list-style:none; clear:both;}
#nav_menu a, #outer_menu a:hover{color:#ffffff; text-decoration:none;}
.outer_item{float:left; padding:0 0 0 0; margin-left:25px; width:100px; min-height:20px; font-size:11px; color:#ffffff; cursor:pointer; font-size:14px; text-align:center;}
.outer_item ul{display:none;}
.outer_item:hover{background:transparent url('interface/outeritem_bg.png') top left repeat-x;}
.outer_item:hover ul{display:block; list-style:none; margin:0; padding:0; background:transparent url('interface/submenu_bg.png') bottom left repeat-x;}
.outer_item:hover ul li{display:block;}

.gallery{margin:0; border:0; padding:0; width:536px; background:#e5e5e5 url(interface/grade.jpg) top left no-repeat; list-style-type:none;}
.gallery li{padding-top:50px;}
.gallery li div{text-align:right;}
.gallery li div img{padding:10px;}

.album{width:512px; text-align:left; overflow:hidden; background: #e0e0e0 url('interface/grade2.jpg') top left no-repeat;}
.scrollinglist{max-width:512px; text-align:left; white-space:nowrap; overflow:auto;}
.album img{display:inline; vertical-align:middle; margin:0; padding:0; border:0;}


/* styling for SVG elements or their html containers: */

.inactive{display:none;}
.active{display:block; position:fixed; top:0; left:0; width:100%; height:100%; opacity:1; z-index:5000;}

#loadingrect1, #loadingrect2, #loadingrect3{fill:#000000; stroke:none;}

.loading_state1{display:block; opacity:1;}
.loading_state1 #loadingcircle1{fill-opacity:0.5;}
.loading_state1 #loadingcircle2{fill-opacity:0.25;}
.loading_state1 #loadingcircle3{fill-opacity:0.5;}

.loading_state2 #loadingcircle1{fill-opacity:0.75;}
.loading_state2 #loadingcircle2{fill-opacity:0.5;}
.loading_state2 #loadingcircle3{fill-opacity:0.25;}

.loading_state3 #loadingcircle1{fill-opacity:0.5;}
.loading_state3 #loadingcircle2{fill-opacity:0.75;}
.loading_state3 #loadingcircle3{fill-opacity:0.5;}

.loading_state4 #loadingcircle1{fill-opacity:0.25;}
.loading_state4 #loadingcircle2{fill-opacity:0.5;}
.loading_state4 #loadingcircle3{fill-opacity:0.75;}