/* Page styles */

a, a:visited {
	color:#007bc4;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

h1
{
	color:#990000;
}

body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

p{
	text-align:left;
}

body{
	margin-top:10px;
	color:#000;
	font-size:13px;
	background-color:#000000;
	text-align:center;
}

.clear{
	clear:both;
}


#rounded{
	width:999px;
	text-align:left;
	margin:0 auto
}
.container{
	background-color:#dcdcdc;
	padding:2px 20px 2px 20px;
	width: 959px;
	margin:-3px auto 0 auto
}

* html .container{
	padding:2px 20px 2px 19px;
}

.container-top{
	background-color:#fff;
	padding:0px 0px 0px 0px;
	width: 957px;
}
.container-left{
	position:absolute;	
	background-color:#f9f9f9;
	padding:20px 20px 20px 20px;
	width: 95px;
}

* html .container-left{
margin-left:-135px;
padding-right:0px
}

* html .container-right{
float:none;
margin-left:136px
}

* html .navigation{padding-right:0px}

.container-right{
	float: right;
	background-color:#f9f9f9;
	padding:20px 20px 20px 20px;
	margin-right:2px;
	width: 782px;
}
.container-bottom{
	background-color:#fff;
	padding:0px 00px 0px 0px;
	width: 957px;
}

img{
	border:0px solid #000;
}

h1{
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

h2{
	font-weight:normal;
	font-size:20px;
	
	color:#999999;
}

ul{
	margin:30px 0px;
}

li{
	list-style:none;
	display:block;
	float:left;
	width:110px;
	padding:3px
}

li a,li a:visited{
	padding:10px;
	text-align:center;
	background-color:#000;
	color:#fff;
	display:block;
	margin-right:10px;
}

li a:hover{
	background-color:#993333;
	text-decoration:underline;
	font-weight:bold;
	color:#fff;
}

li a:active{
	background-color:#fff;
	text-decoration:none;
	color:#000;
}


#pageContent{
	margin-top:10px;
	border:1px dashed #cccccc;
	padding:10px;
	vertical-align:text-top;	
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#loading{
	visibility:hidden;
}

.demo{
	color:white;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}


.thumbnail:hover{ /*CSS for enlarged image*/
background-color: transparent;
z-index: 50;
}


.thumbnail span{ 
position: absolute;
background-color: #fff;
padding: 20px;
left: -900px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 150px;
top: -600px;
 /*position where enlarged image should offset horizontally */
}