
* {margin:0px; padding:0px;}

html, body
{
	margin: 0px;
	padding: 0px;
	background:url(../gfx/ft_app_top_bg.png);
	font-size:14px;
	height:100%;
	font-family:Arial;
}

img
{
	border:none;
}

a
{
	color:#229fd3;
	font-weight:bold;
}

fieldset
{
	width:600px;
	padding:20px;
	margin-top:20px;
}
	fieldset legend
	{
		margin-bottom:20px;
	}

	fieldset p
	{
		width:400px;
		margin-left:auto;
		margin-right:auto;
	}

textarea
{
	width:400px;
}

.highlight
{
	border:2px solid #ffb2b2;
}


.divide
{
	height:1px;
	background-color:#d6d6d6;
	width:100%;
}

.current
{
	font-weight:bold;
}

div#top
{
	height:120px;
	width:100%;
	background:url(../gfx/ft_app_top.png) repeat-x;
	background-color:#FFF;
	border-bottom:3px solid #000;
}
	div#logo
	{
		width:900px;
		margin-left:auto;
		margin-right:auto;
		padding-top:10px;
		padding-bottom:25px;
	}
	
	div#slogan
	{
		float:right;
		font-style:italic;
		font-weight:bold;
		margin-top:20px;
	}
	
	div#menu
	{
		width:910px;
		margin-left:auto;
		margin-right:auto;
	}
	
	ul#navigation
	{
		
	}
		ul#navigation li
		{
			display:inline;
			width:auto;
			float:left;
			font-size:1em;
		}
			ul#navigation li div.left
			{
				margin-left:4px;
				float:left;
				width:24px;
				height:30px;
				background:url(../gfx/ft_app_menu_left.png) no-repeat;
			}
			
			ul#navigation li div.middle
			{
				width:auto;
				float:left;
				height:23px;
				padding-top:7px;
				background:url(../gfx/ft_app_menu_middle.png) repeat-x;
			}
				ul#navigation div.middle a
				{
					text-decoration:none;
					font-weight:bold;
					color:#fff;
				}
			
			ul#navigation li div.right
			{
				float:left;
				width:24px;
				height:30px;
				background:url(../gfx/ft_app_menu_right.png) no-repeat;
			}
			
			ul#navigation li.current div.left
			{
				margin-left:4px;
				float:left;
				width:24px;
				height:30px;
				background:url(../gfx/ft_app_menu_left_current.png) no-repeat;
			}
			
			ul#navigation li.current div.middle
			{
				width:auto;
				float:left;
				height:23px;
				padding-top:7px;
				background:url(../gfx/ft_app_menu_middle_current.png) repeat-x;
			}
			
			ul#navigation li.current div.right
			{
				float:left;
				width:24px;
				height:30px;
				background:url(../gfx/ft_app_menu_right_current.png) no-repeat;
			}
			
		ul.submenu 
		{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			height:30px;
			background:url(../gfx/ft_app_submenu_bg.png) repeat-x;
		}
			ul.submenu li
			{
				display:inline;
				width:auto;
				float:left;
				font-size:1em;
			}
			
			ul.submenu li div
			{
				
				height:23px;
				padding-right:10px;
				padding-left:10px;
				padding-top:7px;
				float:left;
			}
			
			ul.submenu li div.divider
			{
				width:3px;
				height:30px;
				padding:0px;
				float:left;
			}
			
			ul.submenu li div a
			{
				text-decoration:none;
				font-weight:bold;
				color:#fff;
			}
				ul.submenu li.current div a
				{
					text-decoration:underline;
				}

div#wrapper
{
	width:900px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #000;
	border-top:none;
	padding-top:10px;
	background-color:#fff;
}
	div#wrapper div#content
	{
		padding-top:10px;
		padding-left:20px;
		padding-right:20px;
	}
		div#wrapper div#content h1
		{
			margin-bottom:10px;
		}
	
		div#wrapper div#content h1.start
		{
			text-align:center;
		}
	
		div#wrapper div#content ul
		{
			padding-left:20px;
		}
		
	div#wrapper div#content div.divide
	{
		margin-bottom:20px;
	}

	div#footer
	{
		background:url(../gfx/ft_app_bottom_bg.png) repeat-x;
		height:70px;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		font-size:.9em;
	}
		div#footer div.divide
		{
			margin-top:30px;
		}
	
		div#footer div#copyright
		{
			float:left;
			margin-top:10px;
			width:auto;
			font-size:.9em;
			color:#4f4f4f;
		}
	
		div#footer div#small_logo
		{
			float:right;
			margin-top:8px;
			width:150px;
		}
		
div#author
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	font-size:.8em;
	color:#aeaeae;
	letter-spacing:.2em;
	font-family:Verdana;
}
	div#author div.kamape
	{
		width:auto;
		float:right;
	}

	div#author div.kamape a
	{
		color:#FFF;
		font-weight:bold;
		text-decoration:none;
	}

/**************************/
/*        MESSAGE         */
/**************************/

div.app-message
{
	border: 2px solid #b8e6a1;
	padding:20px;
	margin:20px;
	background: url(../gfx/app_message_bg.png) no-repeat #fafafa;
	margin-bottom:30px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
}
	div.app-message ul
	{
		margin-top:10px;
		list-style-type:none;
		
	}


/**************************/
/*        NOTICE          */
/**************************/

div.app-notice
{
	border: 2px solid #ffd2b8;
	padding:20px;
	margin:20px;
	background: url(../gfx/app_notice_bg.png) no-repeat #fafafa;
	margin-bottom:30px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
}
	div.app-notice ul
	{
		margin-top:10px;
		list-style-type:none;
		
	}

/**************************/
/*         ERROR          */
/**************************/

div.app-error
{
	border: 2px solid #ffb2b2;
	padding:20px;
	margin:20px;
	background: url(../gfx/app_error_bg.png) no-repeat #fafafa;
	margin-bottom:30px;
	width:808px;
	margin-left:auto;
	margin-right:auto;
}
	div.app-error p
	{
		font-weight:bold;
		margin-bottom:10px;
	}

	div.app-error ul
	{	
		margin-top:10px;
		list-style-type:none;
		
	}
	
	
/**************************/
/*       FIELDSET         */
/**************************/
fieldset.contact-info
{
	padding:10px;
	width:400px;
	letter-spacing:.07em;
	border:none;
	float:left;
}
	fieldset.contact-info legend
	{
		font-size:1.2em;
		font-style:italic;
		font-weight:bold;
		color:#000;
	}
	
	fieldset.contact-info p
	{
		font-size:.9em;
		margin-bottom:6px;
	}

	fieldset.contact-info p span.literal
	{
		font-weight:bold;
	}
	
/**************************/
/*       FIELDSET         */
/**************************/
fieldset.contact-form
{
	padding:10px;
	width:400px;
	letter-spacing:.07em;
	border:none;
	float:left;
}
	fieldset.contact-form legend
	{
		font-size:1.2em;
		font-style:italic;
		font-weight:bold;
		color:#000;
	}
	
	fieldset.contact-form p.input
	{
		font-size:.9em;
		height:30px;
	}

	fieldset.contact-form p label
	{
		font-weight:bold;
		width:120px;
		float:left;
	}
	
	fieldset.contact-form p input,
	fieldset.contact-form p select
	{
		float:left;
		width:auto;
	}
	
	fieldset.contact-form p textarea
	{
	}
	
	fieldset.contact-form p.submit input
	{
		margin-top:10px;
		border:none;
	}