/*Structure of this Stylesheet: 
 I - all main boxes
 II - defining the #top content
 III - defining the #content content
 IV - defining the #right sidebar
 */
body{
  background: #fff url(images/gradientbg.jpg) repeat-x;
  margin: 0;
  padding: 0;
  font: 12px "Verdana",sans-serif;
  text-align: center;
  line-height: 1.7em;
  color: #000;
}
#content{
	background: #FFF url(images/topleft.gif) no-repeat top left;
	padding: 10px;
}
#footer{
	text-align: center;
}
#left{
	float: left;
	width: 610px;
	background-color: #1865AD;
}
#main{
	margin: 20px auto;
	text-align: left;
	width: 780px;
	background: #FFF;
}
#right{
	float: right;
	width: 170px;
	background: #FFF url(images/topleft.gif) no-repeat top left;
}
#top{
	margin: 10px 0 0 10px;
	width: 600px;
	background: #5F5F5F url(images/toptopleft.gif) no-repeat top left;
	color: #F5F5F5;
}
/*Configuring the -top-box */
#top dd{
	margin: 0;
}
#top a{
	color: #F5F5F5;
	border-bottom: 1px #F5F5F5 dotted;
	padding:1px 10px 0px 5px;
	margin: 1px 0 0 10px;
	text-decoration: none;
}
#top a:hover{
	border-bottom: 1px #F5F5F5 solid;
}
#top .left{
	float: left;
	width: 280px;
	margin: 10px 0 0 10px;
	background: url(images/top-bg.gif) repeat-y top right;
}
#top .right{
	float:right;
	width: 275px;
	margin: 10px 10px 0 0;
}
#topbottom{
	clear: both;
	background: url(images/toptopbottom.gif) bottom right no-repeat;
	height: 10px;
}
/* just the c#content box*/
h2{
	font: normal normal 1.5em "Georgia",serif;
	color: #000;
	text-decoration: none;
	background: url(images/h2.gif) top left no-repeat;
	padding: 3px 0 0 8px;
}
h3{
	font: normal normal 1em "Georgia",serif;
	text-transform: uppercase;
	text-indent: 2em;
	margin: 7px 0 2px 0;
}
#headline{
	width: 590px;
	height: 90px;
	position: relative;
}
#headline h1{
	position: absolute;
	bottom: 6px;
	right: 277px;
	color: #000;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font: normal normal 2.2em "Trebuchet MS","Arial",sans-serif;
}
#topright{
	background: url(images/symbol.jpg) no-repeat top left;
	width: 590px;
	height: 90px;
	position: relative;
}

p{
	text-indent: 1.3em;
	margin: 0 0 5px 0;
	padding: 0;
}
/* sidebar */
#inner{
	padding: 0 10px;
}
form{
	margin: 0;
	padding: 0 0 30px 0;
	border-bottom: 1px #999 solid;
}
form input{
	background: #F5F5F5;
	border: 0;
	border-bottom: 1px #EFEFEF dotted;
}
form label{
	font-family: "Georgia",serif;
}
form .button{
	background: #FFF;
	border-bottom: none;
	cursor: pointer;
}
form a{
	font-family: "Georgia",serif;
}
h5{
	background: url(images/nav-h.gif) center left no-repeat;
	font: 1.5em "Arial",sans-serif;
	padding-left: 25px;
	margin: 7px 0 3px 3px;
}
.nav{
	margin: 2px;
	padding: 0;
}
.nav li{
	display: inline;
	list-style-type: none;
	
}
.nav li a{
	display: block;
	background: #EFEFEF;
	padding: 1px 1px 1px 5px;
	margin: 1px;
	text-decoration: none;
	color: #000;
}
.nav li a:hover{
	padding-left: 2px;
	border-left: 3px #9C0 solid;
}

/********************************************/
/*****    css photo gallery template    *****/
/*****  http://www.tankedup-imaging.com *****/
/*****            20/08/2006            *****/
/********************************************/

/* ---------- gallery container ---------- */
.gallery {
position:relative;
width:624px;
margin:1em auto;
}

/* ---------- opacity ---------- */
.gallery a img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:visited img {opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.6;}
.gallery a:hover img {opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.9;}

/* ---------- thumbnail images ---------- */
.thumb, .no-thumb {
float:left;
width:149px;
height:112px;
margin:2px;
}
.thumb {
}
.no-thumb {
border:1px solid #fff;
}
.thumb a img {display:block;}
.thumb a span {display:none;}
.thumb a:hover, .thumb a:active, .thumb a:focus {background:transparent;}

/* ---------- preview image ---------- */
.gallery a:hover span {
display:block;
position:absolute;
width:300px;
height:225px;
top:124px;
left:161px;
}

/* ---------- preview image title block ---------- */
.thumb em {
position:absolute;
width:200px;
top:196px;
left:50px;
-moz-border-radius:12px;
background:#ab5;
color:#036;
font:normal 12px/20px verdana;
text-align:center;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8;
}
.thumb a {
text-decoration:none;
}

/* ---------- no border on images ---------- */
a img {border:0;}

/* ---------- clear floats ---------- */
.clear {
height:0;
line-height:0px;
font-size:0;
clear:both;
}
.box {
	border: 1px solid #000000;
}