/* CSS Document */

body {background:url("clouds.jpg") top center repeat; font: 0.85em Verdana, sans-serif; line-height: 1; margin:0; padding:0; text-align:center;}
a {outline:none;}
h1 {margin:0; padding:0; text-indent:-5000px;}
h1 a { display:block; float:left; margin:0; height:190px; overflow:hidden; width:550px;}
#wrapper {background:url("brillworks.png") top left no-repeat; margin:0 auto; text-align:left; width:1002px;}
#bubble {background:url("bubbletop.png") top left no-repeat; float:right; margin:1em 0 0; padding:15px 0 0 0; width:300px;}
#bubble p {font:bold 1em/1.5em Arial, Helvetica, sans-serif; margin:-10px 0 0; padding:0 10px 0; text-align:center; width:280px; }
#bubble p a {color:#fff; text-decoration:none; width:20%;  }
#bubble p a:hover {color:#fdd78f; }
#bubblebottom {background:url("bubblebottom.png") top left no-repeat; clear:right; float:right; margin:0 0 35px; height:5px; width:300px; }
#content {background:url("contenttop.png") top left no-repeat; float:left; margin:40px 0 0; padding:12px 0 0; width:658px;}
#contentmiddle {background:url("contentmiddle.png") top left repeat-y; margin:0; padding:1em 0 1em 30px ; width:628px;}
#contentbottom {background:url("contentbottom.png") top left no-repeat; clear:both; margin:0; padding:12px 0 0; width:658px;}
h2 {color:#368caf; font:normal 2.4em/1em Georgia, "Times New Roman", Times, serif; margin:0; padding:0;}
#content p {font:normal .95em/1.5em Verdana, Arial, Helvetica, sans-serif; margin:1em 0; width:598px;}
a {color:#065f84;}
a:hover {color:#e47911; text-decoration:none;}

* { margin: 0; padding: 0; }

html { overflow-y: scroll; }
#background {background: url("clouds.jpg") repeat 5% 5%; position: absolute; top:0; left:0; right:0; bottom:0; }

h2, h3 { font: normal 1.5em verdana,arial,helvetica,sans-serif; color: #e47911; width:590px; }
h3 {border-bottom:1px solid #ccc; font-size:1.1em; font-weight:bold; margin:2em 0 1em; padding:0; width:590px;}
#contentmiddle div {float:left; font: normal .95em verdana,arial,helvetica,sans-serif; height:240px; margin-right:10px; overflow:hidden; padding:0 0 1em; width:110px;}
#contentmiddle div a {text-decoration:none;}
#contentmiddle div img {border:1px solid #ccc; }

#contentmiddle #largeimages, #contentmiddle #photogallery { height:auto; width:628px;}
#contentmiddle #largeimages div {height:130px; margin-right:27px; overflow:hidden; padding:0 0 1em; width:127px;}
#contentmiddle #photogallery div  {height:145px; margin-right:12px; overflow:hidden; padding:0 0 1em; width:187px;}
#contentmiddle #largeimages h3 { clear:left;}
#contentmiddle .cover {float:left; margin:1em 3em 2em 0; width:200px;}
#contentmiddle .cover img {border:1px solid #ccc;}
#contentmiddle p {margin:1.5em 0;}

/* JAVASCRIPT CONTAINER  (See "Blogroll" on News page) */
#marqueecontainer{
border-top: 2px solid #769276; border-bottom: 2px solid #769276;  float:right; margin:0; overflow: hidden; padding:0;  margin:0 50px 0 0; position: relative; 
height: 685px; /*marquee height */
width: 202px; /*marquee width */ 
}

#vmarquee div {margin:1em 0; text-align:center;}
#vmarquee p a:hover {color:#600; text-decoration:underline;}
#vmarquee span, #vmarquee em {display:block; width:200px; font:bold .9em verdana,arial,helvetica,sans-serif;}
#vmarquee a img {border:1px solid #146eb4;}
#vmarquee em {color:#769276; font-size:.9em; font-weight:normal;}


/* PAGINATION */

#contentmiddle .paginationstyle{ height:120px; margin:-42px 0 0 -23px; padding:5px 0 0; width:640px; }

.paginationstyle a{ color: navy; outline:none; text-decoration: none; }
.paginationstyle a:hover, .paginationstyle a.selected { color:#000; background-color:#fee496; }
.paginationstyle .flatview {display:block; text-align:right; width:610px;}
.paginationstyle .flatview a {border:1px solid #fff; padding:2px; }
.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ background-color: #fcf3da; border:1px solid #a3c2ff; color: #000; }

span.leftarrow {display:block; float:left; margin:75px 0 0 0; text-indent:-5000px; height:40px; width:20px; }
span.leftarrow a {background:url("leftarrow.png") no-repeat -20px 0; display:block; height:40px; outline:none; width:20px;}
span.leftarrow a:hover {background:url("leftarrow.png") no-repeat 0 0 ; height:40px; width:20px;}

span.rightarrow {display:block; float:right; margin:75px 0 0 0; text-indent:-5000px; height:40px; width:20px; }
span.rightarrow a {background:url("rightarrow.png") no-repeat 0 0; display:block; height:40px; outline:none; width:20px;}
span.rightarrow a:hover {background:url("rightarrow.png") no-repeat -20px 0 ; height:40px; width:20px;}

#contentmiddle div.hidepiece {margin:-80px 0 0 2px; height:155px; overflow:hidden; width:600px;}
#contentmiddle div.hidepiece span {display:block;}
#contentmiddle div.hidepiece a:hover span {text-decoration:underline;}