/* 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: #381D59;
	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: 15px;

	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: 15px;

	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: 10px;

	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: 10px;

	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: 0;
	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;
}