/* CSS Document */
html, body {
	margin: auto;
	padding: 0;
	background-color: #f3f3f3;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #6f6e6f;
	text-align: left;
}

.h1 { 
	font: bold 16px georgia, serif; 
	color: #6f6e6f;
}

.h2 { 
	font: italic 37px georgia, serif;  
	color: #6f6e6f;
}

.h3 { 
	font: 12px verdana, sans-serif; 
	color: #6f6e6f;
}

.h4 { 
	font: bold 16px georgia; 
	color: #6f6e6f;
}

a.box {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #fff;
}

a.box:link {
	text-decoration: none;
	color: #fff;
}
a.box:visited {
	text-decoration: none;
}
a.box:hover {
	text-decoration: underline;
	color: #fff;
}
a.box:active {
	text-decoration: none;
}

a.box {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #fff;
}

a.front:link {
	text-decoration: none;
	color: #6f6e6f;
}
a.front:visited {
	text-decoration: none;
}
a.front:hover {
	text-decoration: underline;
	color: #6f6e6f;
}
a.front:active {
	text-decoration: none;
}

a.front {
	font-family: Georgia, serif;
	font-size: 20px;
	color: #6f6e6f;
}

a.bread {
	font-family: Georgia, Serif;
	font-size: 10px;
	color: #fff;
}

a.bread:link {
	text-decoration: none;
	color: #fff;
}
a.bread:visited {
	text-decoration: none;
}
a.bread:hover {
	text-decoration: underline;
	color: #fff;
}
a.bread:active {
	text-decoration: none;
}

a.page {
	font-family: Verdnana, Sans-serif;
	font-size: 12px;
	color: #6f6e6f;
}
a.page:link {
	text-decoration: none;
	color: #6f6e6f;
}
a.page:visited {
	text-decoration: none;
}
a.page:hover {
	text-decoration: underline;
	color: #6f6e6f;
}
a.page:active {
	text-decoration: none;
}

#top-panel {
	width: 100%;
	height: 95px;
	margin-top: 30px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 30px;
	padding-bottom: 10px;
	background-color: #ffffff;
    border-bottom: 1px dashed #acacac;
	border-top: 1px dashed #acacac;	
}

#center-top-panel {
	width: 855px;
	height: 81px;
	align: center;
	/*background-image: url(../images/elements-index_03.jpg);*/
	background-repeat: no-repeat;
}

#box {
	width: 358px;
	height: 338px; 
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 11px;
	margin-left: 0;
	margin-right: 30px;
	align: center;
	background-color: #ffffff;
}

#box:hover {border: 1px solid #666
}

#indexbox {
	width: 514px;
	height: 346px; 
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 11px;
	margin-left: 0;
	margin-right: 30px;
	align: center;
	background-color: #ffffff;
}

#indexbox:hover {border: 1px solid #666
}

#small-box {
	width: 358px;
	height: 23px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 0;
	margin-bottom: 30px;
	margin-left: 0;
	margin-right: 30px;
	align: center;
	background-color: #ffffff;
}

#small-box:hover {border: 1px solid #666
}

#small-box-center {
	width: 353px;
	height: 18px;
	padding: 5px 0 0 5px;
	background-color: #1a2660;
	align: center;
}

#gallerybox {
	width: 163px;
	height: 163px; 
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 30px;
	align: center;
	background-color: #ffffff;
}

#gallerybox:hover {border: 1px solid #666
}

#notes {
	width: 118px;
	height: 46px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 25px;
	align: center;
	background-color: #ffffff;
}

#notes:hover {border: 1px solid #666
}

#air {
	width: 118px;
	height: 46px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 0;
	align: center;
	background-color: #ffffff;
}

#air:hover {border: 1px solid #666
}

#word {
	width: 118px;
	height: 46px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 25px;
	align: center;
	background-color: #ffffff;
}

#word:hover {border: 1px solid #666
}

#spot {
	width: 118px;
	height: 46px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 0;
	align: center;
	background-color: #ffffff;
}

#spot:hover {border: 1px solid #666
}

#ppt {
	width: 118px;
	height: 46px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 25px;
	align: center;
	background-color: #ffffff;
}

#ppt:hover {border: 1px solid #666
}

#fyi {
	width: 118px;
	height: 46px;
	border: 1px dashed #acacac;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 7px;
	margin-left: 0;
	margin-right: 0;
	align: center;
	background-color: #ffffff;
}

#fyi:hover {border: 1px solid #666
}

#bottom-panel {
	width: 100%;
	height: 50px;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10;
	background-color: #ffffff;
	border-top: 1px dashed #acacac;
	border-bottom: 1px dashed #acacac;	
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 9px;
	color: ##6f6e6f;
	text-align: left;
}