/* css file created 3 november 2005 */
/* -------------------------------------------------------*/

/* Global settings for all pages */
/* -------------------------------------------------------*/
body {
	background-color:				#EEEFD9;
	margin:							0px;
	text-align:						center;
	padding-top:					15px;
}

td, div {
	font-family:					verdana, Sans-serif;
	font-size:						12px;
}

h1 {
	font-size:						15px;
	color:							#003399;
}

h1:first-letter {
	color:							#669900;
	text-decoration:				underline;
}

h2 {
	font-size:						14px;
	color:							#003399;
}

h3 {
	font-size:						12px;
	color:							#003399;
}

a:link, a:visited {
	color:							#3366CC;
}

a:hover {
	color:							#003366;
}

input {
   border:                   		1px solid #666666;
   font-family:               		verdana, Sans-serif;
   font-size:                 		12px;
   padding:                   		2px 2px 2px 2px;
}

select {
   border:                    		1px solid #666666;
   font-family:               		verdana, Sans-serif;
   font-size:                 		12px;
}

textarea {
   border:                    		1px solid #666666;
   font-family:               		verdana, Sans-serif;
   font-size:                 		12px;
}

/* Buttons */
/* -------------------------------------------------------*/
a:link.Button, a:visited.Button {
	display:						block;
	background-image:				url("../grfx/button/Button.gif");
	background-position:			center center;
	background-repeat:				no-repeat;
	height:							22px;
	width:							165px;
	line-height:					22px;
	text-align:						center;
	text-decoration:				none;
	font-size:						12px;
	color:							#003399;
	font-weight:					normal;
	font-family:					Arial, Sans-serif;
}

a:hover.Button {
	background-image:				url("../grfx/button/Buttonhover.gif");
	color:							#FFF;
}

a:link.TopButton, a:visited.TopButton {
	display:						block;
	background-image:				url("../grfx/button/Topbutton.gif");
	background-position:			center center;
	background-repeat:				no-repeat;
	height:							22px;
	width:							165px;
	line-height:					22px;
	text-align:						center;
	text-decoration:				none;
	font-size:						12px;
	color:							#003399;
	font-weight:					normal;
	font-family:					Arial, Sans-serif;
}

a:hover.TopButton {
	color:							#FFF;
}

/* Make up first pages */
/* -------------------------------------------------------*/
div#SurDiv {
	background-color:				#FFF;
	width:							760px;
	margin-left:					auto;
	margin-right:					auto;
	padding:						0px;
	background-image:				url("../grfx/border/border-top.gif");
	background-repeat:				repeat-x;
	background-position:			top center;
}

/* borders */
/* ----------- */
#BGLayer1 {	background-image: url("../grfx/border/border-bottom.gif"); background-repeat: repeat-x;	background-position: bottom center;}
#BGLayer2 {	background-image: url("../grfx/border/border-left.gif"); background-repeat: repeat-y; background-position: left center;}
#BGLayer3 {	background-image: url("../grfx/border/border-right.gif"); background-repeat: repeat-y; background-position: right center;}
#BGLayer4 {	background-image: url("../grfx/border/corner-left-top.gif"); background-repeat: no-repeat; background-position: left top;}
#BGLayer5 {	background-image: url("../grfx/border/corner-right-top.gif"); background-repeat: no-repeat; background-position: right top;}
#BGLayer6 {	background-image: url("../grfx/border/corner-left-bottom.gif"); background-repeat: no-repeat; background-position: left bottom;}
#BGLayer7 {	background-image: url("../grfx/border/corner-right-bottom.gif"); background-repeat: no-repeat; background-position: right bottom;}

/* page */
/* ----------- */
div#Page {
	width:							750px;
	margin-left:					auto;
	margin-right:					auto;
}

/* Top page */
/* ----------- */
#TopPage {
	padding:						0px;
	height:							170px;
	background-image:				url("../grfx/top/Top-Gradient.gif");
	background-repeat:				repeat-x;
	background-position:			bottom center;
	position:						relative;
}

#logo {
	position:						absolute;
	left:							0px;
	bottom:							0px;
}

#PhotoBG {
	background-image:				url("../grfx/top/Background-Photo.gif");
	background-repeat:				no-repeat;
	background-position:			center center;
	position:						absolute;
	right:							75px;
	bottom:							7px;
	width:							281px;
	height:							140px;
}

#Photo1 { background-image: url("../grfx/top/TopPhoto1.jpg"); background-repeat: no-repeat; background-position: center center; height: 140px;}
#Photo2 { background-image: url("../grfx/top/TopPhoto2.jpg"); background-repeat: no-repeat; background-position: center center; height: 140px;}
#Photo3 { background-image: url("../grfx/top/TopPhoto3.jpg"); background-repeat: no-repeat; background-position: center center; height: 140px;}

/* Main page */
/* ----------- */
#MainPage {
	background-color:				#F2F6E3;
}

/* Bottom page */
/* ----------- */
#BottomPage {
	background-image:				url("../grfx/bottom/Bottom-Gradient.gif");
	background-repeat:				repeat-x;
	background-position:			top center;
}

#BottomBGline {
	background-image:				url("../grfx/bottom/Bottom-Line.gif");
	background-repeat:				no-repeat;
	background-position:			top left;
	height:							18px;
}

.BottomTable {
	width:							100%;
}

.BottomTd {
	width:							25%;
}

.TextBottom {
	color:							#999;
	font-size:						9px;
	padding:						6px;
}

.TextBottomWl {
	color:							#999;
	font-size:						9px;
	border-left:					1px dotted #CCC;
	padding:						6px;
}