/* CSS Document */



/* global fonts */



body {

text-align:center;

background-color:#666666;

}



li {

font-family:Arial, Helvetica, sans-serif;

list-style: none;

font-size: small;

}



p {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

}



h1 {

font-family:Arial, Helvetica, sans-serif;

font-size: 17px;

letter-spacing: 4px;

font-style: bold;

}



h2 {

font-family: Arial, Helvetica, sans-serif;

font-size: medium;

letter-spacing: 2px;
text-transform: uppercase;

}



h3 {

font-family: Arial, Helvetica, sans-serif;

font-size: 10px;

letter-spacing: 2px;

}



a img {

border: none;

}



a {

text-decoration:none;

color: #000000; 

}



a:hover {

color: #999999;

}



/*rounded corners - container */



#Container {

background : #999999 url(leftside.gif) repeat-y left top;

position:relative;

width:850px;

height: auto;

margin: 0px auto;

text-align: left;

}



#liquid-round {

width:70%;

margin:0px auto;

background:#ffffff url(leftside.gif) repeat-y left top;

}



.top {

width:100%;

height:20px;

background:url(top.gif) no-repeat left top;

}



.top span {

display:block;

position:relative;

height:20px;

background:url(topright.gif) no-repeat right top;

}



.center-content {

position:relative;

background:url(rightside.gif) repeat-y right top;

margin:-1px 0 -50px 0;

}



.bottom {

height:60px;

background:url(bottom.gif) no-repeat left bottom;

}



.bottom span {

display:block;

position:relative;

height:60px;

background:url(bottomright.gif) no-repeat right top;

}



/*space where content is held */



#Content {

background-color:#cccccc;

width: 800px;

border-right: 1px solid #666666;

margin-left: 25px;

margin-right: 25px; 

border-bottom: 1px solid #666666;

}







.footer  {

background-color:#999999;

position: relative;

height: 25px;

width: 770px;

margin-left: 25px;

margin-right: 25px; 

text-align: center;

}



.footer span {

color: #000000;

font-size: 10px;

font-family:Arial, Helvetica, sans-serif;



}



/*top nav*/

#title{

margin-left: 20px;

}

	 

#navcontainer

{

text-align: right;

}



#navmenu ul {

margin: 0 35px 6px 0;

padding: 0; 

list-style-type: none; 

list-style-image: none; }



#navmenu li {

display: inline;

letter-spacing: 4px;

font-family:Arial, Helvetica, sans-serif;

}



#navmenu ul li a {

text-decoration:none;  

padding: 10px 10px 7px 10px;

border-left: 1px solid #cccccc;

border-right: 1px solid #666666;

border-top: 1px solid #ffffff;

background-color: #999999;

color: #000000;

text-decoration: none;

width: 115%;

font-size: x-small;

}



.deselect {

text-decoration:none;

padding: 10px 10px 7px 10px;

border-left: 1px solid #cccccc;

border-right: 1px solid #666666;

border-top: 1px solid #ffffff;

background-color: #cccccc;

color: #000000;

text-decoration: none;

width: 115%;

font-size: x-small;

}



#navmenu ul li a:hover {

background: #cccccc; 

}



/* Gallery */

#gallery {

padding: 20px;

}



#gallery h2 {

font-size: medium;

font-family:Arial, Helvetica, sans-serif;

letter-spacing: 2px;

font-weight: normal;

text-transform:uppercase;

}

	

#gallery ul { 

list-style: none; 

}



#gallery ul li { 

display: inline; 

}



#gallery ul img {

border: 5px solid #3e3e3e;

border-width: 5px 5px 5px;

}



#gallery ul a:hover img {

border: 5px solid #cccccc;

border-width: 5px 5px 5px;

color: #fff;

}



#gallery ul a:hover { color: #666666; }



/* Gallery Animation */

#galleryanim {

padding: 20px;

}



#gallery h2 {

font-size: medium;

font-family:Arial, Helvetica, sans-serif;

letter-spacing: 2px;

font-weight: normal;

text-transform:uppercase;

}