/*********************************************************************************/
/************************** CSS STYLESHEET SEICHO-NO-IE **************************/
/*********************************************************************************/



/************************************ GENERAL ************************************/

html { height: 100%; margin: 0; }

body
{
	height: 100%;
	margin: 0;
	font: normal 0.8em/1.6em Arial;
	color: #555555;
}

h1
{
	height: 22px;
	font: bold 22px/24px Arial;
	margin: 0 0 18px 0;
	color: #00ace2;
}

h2
{
	margin: 20px 0;
	font: bold 22px/24px Arial;
	color: #00ace2;
}

h3
{
	margin: 20px 0 10px 0;
	font: normal 20px/22px Arial;
	color: #888888;
}

p { margin: 14px 0; }

a
{
	text-decoration: none;
	color: #00ace2;
}

a:hover
{
	color: #ff8400;
}

.clearAll
{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
}



/************************************* BOXES *************************************/

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(../../general/bgMain.gif) repeat-x;
}

#container
{
	width: 816px;
	margin: 0 auto;
	padding-bottom: 120px;
}

#header
{
	height: 228px;
}

#topPhoto
{
	height: 125px;
	padding-top: 4px;
}

#headerMessage
{
	height: 20px;
	text-align: right;
	padding-top: 1px;
}

#contentHolder
{
	margin-top: 30px;
}

#sidebar
{
	float: left;
	width: 202px;
	padding: 0 22px;
	border-right: 1px solid #a6dded;
	background: url(../../general/bgSidebar.gif) no-repeat right;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#content
{
	float: right;
	width: 546px;
}

#footer
{
	margin-top: -120px;
	height: 120px;
	background: url(../../general/bgBottom.gif) repeat-x bottom;
}

#footerContent
{
	margin: 0 auto;
	width: 816px;
	height: 70px;
	padding-top: 50px;
	background: url(../../general/doves.gif) no-repeat right top;
	color: #888888;
}



/********************************* MAIN NAVIGATOR ********************************/

#mainNav
{
	position: relative;
	height: 78px;
	text-align: right;
	margin: 0;
	padding: 0;
}

#logo {	position: absolute;	top: 20px; left: 0; border: none; }

#mainNav ul
{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mainNav li
{
	float: left;
	width: 91px;
	height: 38px;
	text-align: center;
}

#mainNav a
{
	float: left;
	width: 90px;
	height: 38px;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#mainNav a:hover { background-position: 0 -38px; }

#mainNav span
{
	float: left;
	width: 90px;
	height: 38px;
	font-size: 0;
	line-height: 0;
	background-position: 0 -76px;
}

.HOME { background: url(../../general/btHome.gif) no-repeat; }
.ABOUT { background: url(../../general/btAbout.gif) no-repeat; }
.LOGIN { background: url(../../general/btLogin.gif) no-repeat; }
.CONTACT { background: url(../../general/btContact.gif) no-repeat; }




/******************************** GROUP NAVIGATOR ********************************/

#groupNav
{
	padding: 10px 0;
}

#groupNav ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#groupNav li
{
	float: left;
	padding: 0 14px;
	background: url(../../general/arrow.gif) no-repeat left center;
}




/************************************* FORMS *************************************/

form
{
	padding: 0;
	margin: 0;
}

.formHolder
{
	width: 467px;
}

label
{
	float: left;
	width: 103px;
	line-height: 20px;
}

form br { clear: left; }

.formField
{
	float: left;
	width: 160px;
	height: 20px;
	background-color: #dcf6ff;
	border: 1px solid #00ace2;
	margin-bottom: 2px;
}

.wide { width: 435px; }

.formSelect
{
	width: 160px;
	background-color: #dcf6ff;
	border: 1px solid #00ace2;
	margin-bottom: 2px;
}

.formTextarea
{
	width: 360px;
	height: 120px;
	background-color: #dcf6ff;
	border: 1px solid #00ace2;
}

.formButtons
{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #00ace2;
}

.indentLabel { padding-left: 10px; }

.formSecurity
{
	width: 270px;
	padding: 10px 0;
	margin-top: 10px;
	border: 1px dotted #ff9c9c;
	background-color: #fff4f4;
}

.formSecurity input { width: 150px; }
