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

#dbhome,
#dbcontact,
#dbabout,
#dbmission,
#dbsplash {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #333;
	text-align: center;
	background: url(image/bkGrd_frost_Lrg.jpg) no-repeat left top #b6b5b7;
}

#wrap {
	background:url(image/logo2.png) no-repeat 360px 30px;
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	position: relative;
	border-top: none;
}

#dbsplash #wrap {
		background:none;
}

#wrap img.base {
	position:absolute;
	top:0;
	left:0;
}

#dbnews #wrap {
	padding-bottom:10px;

}

#logo {
	background1: url(images/logo2_ie.png) no-repeat center 260px;
	position: relative;
	top:0;
	left:0;
	width:800px;
	height: 220px;
	z-index:10;
}

#dbcontact #logo {
	height:220px;
}

#dbtesti #logo {
	height:70px;
	width:auto;
}

#logo img.base {
	position:absolute;
	top:260px;
	left:22px;
}

.footer {
	height: 50px;
	position: relative;
	top:200px;
}

/* rollover big images */

#gallery {
	width:600px;
	margin:0 auto;
	position: absolute;
	top:0;
	left:0;
	z-index:20;
}

#gallery ul {
	background:url(images/shine.gif) no-repeat right top;
	list-style:none; 
	padding-left:83px; 
	margin:230px 0 0 0; 
	position:relative;
	width:640px;
	float:left;
}

#gallery ul li {
	display:inline; 
	width:52px; 
	height:52px; 
	float:left; 
	margin:3px 0 3px 5px;
}

#gallery ul li.hide {
	display:none;
}

#gallery ul li a {
	display:block; 
	width:50px; 
	height:50px; 
	text-decoration:none; 
	border:1px solid #bfc3b5;
}

#gallery ul li a img {
	display:block; 
	width:50px; 
	height:50px; 
	border:0;
}

#gallery ul li a:hover {
	white-space:normal; 
	border-color:#BFC3B5;
}

#gallery ul li a:hover img {
	position:absolute; 
	left:98px; 
	top:-230px;
	width:auto; 
	height:auto;
}

/* ------nav------ */
.menu {
	width: 320px;
	height:30px;
	margin: 0 0 0 400px;
	z-index:8;
	position:relative;
}

a, 
a:link, 
a:active, 
a:visited {
	height: 20px;
	text-transform:uppercase;
	color:#333333;
	border:none;
}

a:hover {
	
	
}

#mycarousel a,
#mycarousel a .hover {
	background:url(image/buttonArtBkgrd.png) no-repeat left top;
	position:absolute;
	width:160px;
	height:80px;

}

#mycarousel a:hover {
	background-position: center bottom;
}

.roll1, 
.roll2, 
.roll3, 
.roll4, 
.roll5 {
	background: url(images/menu2.png) no-repeat left top;
	width: auto;
	padding:0 10px;
	display:block;
	float: left;
	position: relative;
}

.roll1{
}

.roll1:hover,
.roll1:active, 
#dbhome .roll1 {
	background-position:left -20px;
}

.roll2{
	width: 75px;
	background-position:-90px top;
}

.roll2:hover,
.roll2:active {
	background-position:-90px -20px;
}

.roll3{
	width:135px;
	background-position:-165px top;
}

.roll3:hover,
.roll3:active {
	background-position:-165px -20px;
}

.roll4 {
	width: 100px;
	background-position: -300px top;
}

.roll4:hover,
.roll4:active {
	background-position:-300px -20px;
}

.roll5 {
	width: 120px;
	background-position: -400px top;
}

.roll5:hover,
.roll5:active {
	background-position:-400px -20px;
}

/* to use picture gallery menu, make roll11 background-postion:-200px -80;... i have hidden this link until we get some images*/



.main {
	position: relative;
	left:0;
	width: 1350px;
	height:130px;
	margin: 0px auto;
	padding: 0;
	z-index:20;
	text-align:left;

}

#dbhome .main {
	
}

#dbabout .main,
#dbmission .main,
#dbcontact .main {
	left:45px;
}

.content {
	position:relative;
	float:left;
	width:700px;
	background-color:#FFFFFF;
	height:400px;
}

#dbcontact .content,
#dbcontact .leftShad,
#dbcontact .rightShad {
	height:440px;
}

.leftShad,
.rightShad {
	background:url(image/sideGradLhs.png) repeat-y right top;
	
	position:relative;
	float:left;
	width:165px;
	height:400px;
}

.rightShad {	
	background:url(image/sideGrad.png) repeat-y left top;
}

.main img,
#dbsplash img {
	margin:0;
	border:none;
}

img.shadowTop,
img.shadowBot {
	margin:0 0 0 0;
	width:1000px
}

img.shadowBot {
	margin:0;
}

img.lrgPce1 {
	left:77px;
	position:absolute;
	display:none;
	z-index:2;
}

img.skt {
	position:absolute;
	left:20px;
	
}

#dbmission img.skt {
	left:0;
}

.pics {
	width:210px;
}

#dbcontact form {
	margin:10px 80px;
}

fieldset {
	padding:10px;
	border:none;

}

legend {
	font-size:16px;
	font-weight:bold;

	
}

label {
	display:block;
	width:250px;
	clear:both;
	margin:0;
}

input {
	display:block;
	position:relative;
	clear:both;
	left:252px;
	width:230px;
	top:-1.3em;
}

.submit {
	width:auto;
	margin:10px;
	left:0;
	
}

.comment1 {
	width:490px;
	margin-top:10px;
}

textarea {
	width:480px;
	height:100px;
	resize:none;
	margin:10px 0;
}



form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #CC0000;
	margin:-18px 0 6px;
	text-transform:uppercase;
	font-size:8pt;
}
div.error { 
	display: none; 
}

input {	
	border: 1px solid black; 
}

input:focus { 
	border: 1px dotted black; 
}

input.error { 
	border: 1px dotted #CC0000; 
}

form.cmxform .gray * { 
	color: gray; 
}

p {
	margin:15px 0px;
	padding:0;
	font-style:italic;
	font-size:10pt;
	line-height:22pt;
	left:120px;
	letter-spacing:0.1em;
	text-align: right;
	z-index:1;
	position: relative;
	width:550px;
}

#dbcontact p,
#dbsplash p {
	left:0;
	width:auto;
	text-align:left;
	line-height:2em;
	margin-top:0px;
}

#dbabout p,
#dbmission p {
	width:600px;
	left:35px;
	padding-top:13px;
}

#dbmission p {
	line-height:35pt;
	margin-top:20px;
	font-size:12pt;
	width:650px;
}

#dbsplash p {
	text-align:center;
}

.padR10 {
	padding-right:10px;
}

.padR20 {
	padding-right:20px;
}

.padR30 {
	padding-right:30px;
}

.padR40 {
	padding-right:40px;
}

.padR50 {
	padding-right:50px;
}

.padR60 {
	padding-right:60px;
}

.padR70 {
	padding-right:70px;
}

.padR80 {
	padding-right:80px;
}

.lrgtxt {
	font-size:18pt;
	letter-spacing:-0.1pt;
	text-transform:none;
}


li, ul {
	margin:0;
	padding:0;
	text-align: left;

}

ul {
	padding-left:130px;
}

li {
	
	
}

li img {
	padding:6px 0 0 6px;
}

#dbbio .txt h2 {
	clear:;
}

h2, h3 {
	padding-bottom: 1ex;
	font-size: 12pt;
	font-style:italic;
}

h3 {
	color:#0000FF;
	text-align: center;
}

img {
	position:relative;

}

.ui-tabs-hide {  
display: none;  
}