@charset "utf-8";
/* CSS Document */


/* GENERAL STYLES */

body {margin-left: 0px;background-image:url(IMAGES/VESPER_BACKGROUND.gif);background-attachment:fixed;font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;}
p {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#000000;}
img {border:none}

/* BACKGROUND GRAPHICS */
#content {position:absolute;top: 50px;height: 500px;width: 2000px;background-image:url(IMAGES/VESPER_SKY.png);}
#treeline {position:absolute;top: 200px;left:0px;height: 300px;width: 2000px;background-image:url(IMAGES/VESPER_TREELINE.png);filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:1;}

/* VERTICAL LINES */
#content h1 {height:500px;width:15px;background-color:#FFFFFF;float:left;margin:0px;filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
#content h2 {height:500px;width:25px;float:left;margin:0px;}
#content h3 {height:500px;width:20px;background-color:#FFFFFF;float:left;margin:0px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;}
#content h4 {height:500px;width:30px;float:left;margin:0px;}
#content h5 {height:500px;width:30px;background-color:#FFFFFF;float:left;margin:0px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content h6 {height:500px;width:35px;float:left;margin:0px;}

/* CONTENT EXTRA CIRCLES */
#content .blankcircle1 {position:absolute;top:40px;left:920px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle2 {position:absolute;top:150px;left:992px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle3 {position:absolute;top:70px;left:1160px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle4 {position:absolute;top:180px;left:1170px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle5 {position:absolute;top:20px;left:1295px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle6 {position:absolute;top:140px;left:1425px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle7 {position:absolute;top:60px;left:1645px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#content .blankcircle8 {position:absolute;top:180px;left:1660px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}

/* LEFTER */
#logoblock {height:500px;width:253px;float:left;z-index:3;}
#logoblock .logo {position:relative;top: 215px;z-index:4;}
#logoblock .address {position:relative;top: 170px;left: 35px;font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size: 10px;z-index:5;}
#logoblock a {color:#000000;}

/* CALENDAR */
#calendar {position:absolute;top:50px;left:800px;height:500px;width:161px;z-index:2}						
#calendar h1 {position:relative;top:0px;left:60px;height:500px;width:40px;background-color:#FFFFFF;margin:0px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#calendar .circle8 {position:absolute;top:0px;left:0px;height:61px;width:161px;filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;}
#calendar .circle8 ul {position:relative;top:-30px;left:60px;padding:0px;margin:0px;list-style-type:none;background-color:#FFCC00;visibility:hidden}
#calendar .circle8 ul {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF;}
#calendar .circle8 ul ul {top:0px;left:0px;width:250px;padding:0px 2px 8px 2px;background-color:#FFFFFF}
#calendar .circle8 ul ul {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;}
#calendar .circle8:hover {width:310px;height:500px;filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;}
#calendar .circle8:hover ul {visibility:visible;z-index:10;}
						
/* LINKED CIRCLES */
.circle1 {position:absolute;top:210px;left:173px;height:196px;width:196px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:5;}
.circle1 a {display:block;border:hidden;text-decoration:none;z-index:2}
.circle1 p {position:absolute;top:100px;left:80px;height:190px;width:300px;padding:0px 10px 0px 120px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle1 p.image {position:absolute;background:none;top:0px;left:-120px;height:196px;width:196px;visibility:hidden;z-index:0;}
.circle1:hover {width:510px;height:300px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.circle1:hover p, .circle1:hover p.image{visibility:visible; z-index:0;}

.circle2 {position:absolute;top:80px;left:313px;height:227px;width:227px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:5;}
.circle2 a {display:block;border:hidden;text-decoration:none;z-index:2}
.circle2 p {position:absolute;top:100px;left:85px;height:280px;width:300px;padding:0px 10px 0px 150px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle2 p.image {position:absolute;background:none;top:0px;left:-150px;height:227px;width:227px;visibility:hidden;z-index:0;}
.circle2:hover {width:550px;height:400px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.circle2:hover p, .circle1:hover p.image{visibility:visible; z-index:0;}

.circle3 {position:absolute;top:280px;left:425px;height:152px;width:153px;filter:alpha(opacity=30)-moz-opacity:.30;opacity:.30;z-index:5;}
.circle3 a {display:block;border:hidden;text-decoration:none;z-index:2}
.circle3 p {position:absolute;top:55px;left:68px;height:210px;width:300px;padding:0px 10px 0px 90px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle3 p.image {position:absolute;background:none;top:0px;left:-90px;height:153px;width:153px;visibility:hidden;z-index:0;}
.circle3:hover {width:465px;height:300px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;z-index:4;}
.circle3:hover p, .circle1:hover p.image{visibility:visible; z-index:0;}

.circle4 {position:absolute;top:105px;left:545px;height:148px;width:148px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:5;}
.circle4 a {display:block;border:hidden;text-decoration:none;z-index:1}
.circle4 p {position:absolute;top:65px;left:68px;height:120px;width:300px;padding:0px 10px 0px 80px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle4 p.image {position:absolute;background:none;top:0px;left:-80px;height:148px;width:148px;visibility:hidden;z-index:0;}
.circle4:hover {width:500px;height:500px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;z-index:4}
.circle4:hover p, .circle1:hover p.image{visibility:visible; z-index:0;}

.circle5 {position:absolute;top:210px;left:600px;height:214px;width:214px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:4;}
.circle5 a {display:block;border:hidden;text-decoration:none;z-index:1}
.circle5 p {position:absolute;top:100px;left:-2px;height:150px;width:300px;float:right;padding:0px 140px 0px 10px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle5 p.image {background:none;left:300px;top:0px;height:214px;width:214px;margin:0px;visibility:hidden;z-index:0;}
.circle5:hover {left:290px;width:524px;height:500px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.circle5:hover p, .circle1:hover p.image{visibility:visible; z-index:0;}
.circle5:hover img{float:right}

.circle6 {position:absolute;top:85px;left:735px;height:139px;width:139px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:4;}
.circle6 a {display:block;border:hidden;text-decoration:none;z-index:1}
.circle6 p {position:absolute;top:60px;left:99px;height:100px;width:300px;padding:0px 80px 0px 10px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle6 p.image {background:none;left:401px;top:0px;height:139px;width:139px;visibility:hidden;z-index:0;}
.circle6:hover {left:324px;width:550px;height:500px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;z-index:3;}
.circle6:hover p, .circle1:hover p.image{visibility:visible; z-index:0;}
.circle6:hover img{float:right}

.circle7 {position:absolute;top:325px;left:765px;height:164px;width:164px;filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;z-index:5;}
.circle7 a {display:block;border:hidden;text-decoration:none;z-index:1}
.circle7 p {position:absolute;top:40px;left:27px;height:180px;width:300px;padding:0px 87px 0px 10px;margin:0px;background-color:#FFFFFF;text-align:justify;visibility:hidden;z-index:0;}
.circle7 p.image {position:absolute;background:none;left:294px;top:0px;height:196px;width:196px;visibility:hidden;z-index:0;}
.circle7:hover {left:429px;width:500px;height:200px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;z-index:3;}
.circle7:hover p, .circle1:hover p.image{visibility:visible; z-index:3;}
.circle7:hover img{float:right}

/* FOOTER */
#footer {position:fixed;top:550px;height:11px;width:100%;list-style-type:none;}
.copyright li {color:#FFFFFF;font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;float:right;}
.copyright a {color:#FFFFFF;}
.bookmark li {float:left;margin-top:2px;}
.contactus li {color:#FFFFFF;font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;font-size:11px;float:left;color:#FFFFFF; margin-left:10px;}
.contactus a {color:#FFFFFF;}