*{
	padding			: 0;
	margin			: 0;
	behavior		: url(content/js/iepngfix.htc);
}

body
{
	margin			: 0 0 15px 0;
	font-size		: 0.8em;
	font-family		: "trebuchet ms";
	background-image	: url(../graphic/design/background/background.png);
	background-position	: 0 50px;
	background-repeat	: repeat-x;
}

a
{
	text-decoration		: none;
	color			: #f7931e;
}

a:hover
{
	text-decoration		: none;
	color			: #8f8387;
}

a:visited
{
	font-style		: italic;
}

a.history
{
	color			: #000;
}

.clearFloat
{
	clear			: both;
}

h1, h2, h3, h4, h5, h6
{
	color			: #000;
}
	h1
	{
	color			: #86c43f;
		font-size		: 1.6em;
	}
	h2
	{
		font-size		: 1.4em;
	}
	h3
	{
		font-size		: 1.2em;
	}
	h4
	{
		font-size		: 1.1em;
	}
	h5
	{
		font-size		: 1.0em;
	}
	h6
	{
		font-size		: 0.9em;
	}


#frame
{
	width			: 100%;
	background-image	: url(../graphic/design/background/bg_header.jpg);
	background-position	: 0 50px;
	background-repeat	: no-repeat;
}

ul#error
{
	list-style		: none;
	background-image	: url(../graphic/design/border/dotted_h.png);
	background-repeat	: repeat-x;
	background-position	: bottom;
}
ul#error li
{
	background-image	: url(../graphic/design/border/dotted_h.png);
	background-repeat	: repeat-x;
	font-size		: 12pt;
	padding			: 2px 0 2px 5px;
}


#page
{
	width			: 850px;
}
	#header
	{	
		padding			: 25px 0 0 120px;
		width			: 730px;
		height			: 25px;
		font-size		: 0.85em;
		color			: #a7a9ac;
	}
		#header a
		{
			color			: #8e8e8e;
		}
		#header a:hover
		{
			color			: #67696c;
		}
	#band
	{
		padding			: 38px 0 0 475px;
		width			: 375px;
		height			: 106px;
		background-repeat	: no-repeat;
	}
		#band a
		{
			display			: block;
			width			: 279px;
			height			: 96px;
		}
	#navigation
	{
		padding			: 0 0 0 120px;
		width			: 730px;
		height			: 65px;
	}
		#navigation a
		{
			margin			: 0 5px 0 0;
		}
	#bar
	{
		width			: 100%;
		padding			: 0 0 20px 0;
	}
		#bar .background
		{
			float			: left;
			width			: 750px;
			height			: 20px;
			border-right		: 1px solid #efebcc;
			border-bottom		: 1px solid #efebcc;
		}
		#bar .page
		{
			float			: left;
			overflow		: visible;
			width			: 94px;
			height			: 20px;
			line-height		: 20px;
			padding			: 0 0 0 5px;
			font-weight		: bold;
		}
	#body
	{
		margin			: 0;
		width			: 100%;
		background-image	: url(../graphic/design/cloverleaf.png);
		background-position	: bottom left;
		background-repeat	: no-repeat;
	}
		#content
		{
			margin			: 0 0 0 0;
			width			: 730px;
			float			: left;
		}
			ul.list
			{
				padding			: 5px 0 0 35px;
				list-style		: circle;
			}
				ul.list li
				{
					padding			: 2px 0 2px 0;
				}
				ul.list ul
				{
					padding			: 2px 0 2px 30px;
				}
					ul.list ul li
					{
						padding			: 0;
					}

			table.sponsoring tr
			{
				height			: 30px;	
			}
				table.sponsoring td.title
				{
					width			: 120px;
					font-weight		: bold;
				}
		

			table.grey thead td
			{
				padding			: 1px 0 1px 3px;
				font-weight		: bold;
				background-color	: #f6e9ed;
			}

			table.grey tbody td
			{
				padding			: 3px;
				background-color	: #f6f6f6;
				border-top		: 2px solid #fff;
			}

			td.head
			{
				background-color	: #e6d9dd;
				padding			: 4px 5px 3px 5px;
				font-weight		: bold;
			}
			td.dark
			{
				font-size		: 0.9em;
				background-color	: #f6e9ed;
				padding			: 3px 0 0 5px;
			}
			td.light
			{
				font-size		: 0.9em;
				background-color	: #f6f6f6;
				padding			: 3px;
				font-style		: italic;
			}

			#content p
			{
				margin			: 5px 0 15px 0;
			}
			ol
			{
				margin			: 5px 0 15px 35px;
				list-style-type		: decimal;
			}
				ol li ol
				{
					list-style-type		: lower-alpha;
					margin			: 0 0 0 35px;
				}

			ul#project
			{
				list-style		: none;
				margin			: 0;
				padding			: 0;
				height			: 18px;
			}
				ul#project li
				{
					list-style		: none;
					display			: inline;
					float			: left;

				}
				ul#project li a
				{
					display			: block;
					margin			: 0 4px 0 0;
					float			: left;
					clear			: left;
				}
				* html ul#project li a
				{
					margin			: 0 2px 0 0;
				}
				ul#project li a img
				{
					margin			: 0;
					padding			: 0;
				}
				ul#project img
				{
					display			: block;
					float			: left;
					clear			: left;
					border			: 0;
					margin			: 0 4px 0 0;
					padding			: 0;
				}
				* html ul#project img
				{
					margin			: 0 2px 0 0;
				}

			.viewBox
			{
				width			: 620px;
				margin			: 0 10px 20px 0;
			}
			.tagBox
			{
				width			: 630px;
				margin			: 0 0 20px 0;
			}
			.clearBox
			{
				width			: 620px;
				margin			: 0;
			}
			.splitBox
			{
				float			: left;
				width			: 310px;
				margin			: 0 0 20px 0;
			}
				.BoxImage
				{
					float			: left;
					width			: 141px;
				}
				.BoxDetails
				{
					padding			: 0 0 0 15px;
					float			: left;
					width			: 464px;
				}

					.BoxTitle
					{
						width			: 100%;
						font-size		: 0.9em;
						line-height		: 1.3em;
					}
					.BoxText
					{
						padding			: 5px 0 2px 0;
						width			: 100%;
						font-size		: 1.0em;

					}
					.BoxFoot
					{
						width			: 100%;
					}

			.Box
			{
				width			: 730px;
				clear			: both;
				margin			: 0 0 25px 0;
			}
				.contentBox
				{
					float			: left;
					width			: 621px;
					border-top		: 1px solid #c6c6c6;
					padding			: 8px 10px 0 0;
					margin			: 0;
				}
					.contentBoxHalf
					{
						float			: left;
						width			: 310px;
					}
				
				.titleBox
				{
					float			: left;
					color			: #858585;
					overflow		: visible;
					padding			: 0 0 0 5px;
					margin			: -4px 0 0 0;
					width			: 94px;
					font-size		: 0.85em;
				}


			.bookBoxTitle
			{
				width			: 80%;
				font-weight		: bold;
			}
				.bookBoxTitle .nmbr
				{
					font-size		: 1.2em;
					font-weight		: bold;
				}
			.bookBoxContent
			{
				margin			: 5px 0 5px 0;
				width			: 100%;
			}
			.bookBoxFoot
			{
				width			: 100%;
				font-size		: 0.9em;
			}

			.newsBoxImage
			{
				float			: left;
				width			: 111px;
				padding			: 0 20px 0 0;
			}
			.newsBoxDetails
			{
				float			: left;
				width			: 489px;
			}
			.newsBoxTitle
			{
				line-height		: 1.3em;
				padding			: 0 0 5px 0;
			}
				.newsBoxTitle a,
				.newsBoxTitle span
				{
					font-size		: 1.3em;
					font-weight		: bold;
					color			: #000;
				}
				.newsBoxTitle span.comment
				{
					font-size		: 1.1em;
					font-weight		: bold;
					color			: #000;
				}
			.newsBoxContent
			{
				font-size		: 0.9em;
				line-height		: 1.5em;
				padding			: 0 0 5px 0;
			}
			.newsBoxFoot
			{

			}

			.galleryBoxImage
			{
				float			: left;
				width			: 75px;
			}
			.galleryBoxContent
			{
				float			: left;
				padding			: 0 15px 0 0;
				width			: 220px;
			}
			.galleryBoxTitle
			{
				height			: 46px;
			}
				.galleryBoxTitle span
				{
					font-size		: 0.8em;
				}

			.galleryBoxLink
			{
				height			: 18px;
			}


			.message
			{
				width			: 612px;
			}
				.message.warning
				{
					color			: #bb0;
					border			: 1px solid #bb0;
					padding			: 3px;
					font-weight		: bold;
				}

				.message.error
				{
					color			: #f00;
					border			: 1px solid #f00;
					padding			: 3px;
					font-weight		: bold;
				}

				.message.success
				{
					color			: #0a0;
					border			: 1px solid #0a0;
					padding			: 3px;
					font-weight		: bold;
				}

				.message.blank
				{
				}

				.message.default
				{
					color			: #777;
					border			: 0px solid #777;
					padding			: 0px;
					font-weight		: bold;
				}

				.message.error.blank
				{
					border: 0;
					padding: 0;
				}

		#sidebar
		{
			padding		        : 0 0 90px 0;
			float		      	: left;
			width		      	: 120px;
		}
	#footer
	{
		width		       	: 100%;
		height			    : 38px;
		background-image	: url(../graphic/design/background/bg_footer.png);
		background-repeat	: no-repeat;
	}
    
    
    ul.sun-list
    {
        list-style          : none;
        width               : 620px;
    }
    ul.sun-list li
    {
        float               : left;
        padding-right       : 16px;
        padding-bottom      : 20px;
    }
    ul.sun-list li.last
    {
        padding-right       : 0;
    }
    img.sun-image
    {
        width               : 190px;
        height              : 190px;
    }
    p.sun-list-details
    {
        padding-left        : 5px;
        margin              : 0;
    }
    
    .sun-image-prev,
    .sun-image-next
    {
        width               : 72px;
        height              : 300px;
        background-repeat   : no-repeat;
        background-position : -150px 0;
        float               : left;
    }
    a.sun-image-prev,
    a.sun-image-next
    {
        background-position : 0 0;
        display             : block;
    }
    a.sun-image-prev:hover,
    a.sun-image-next:hover
    {
        background-position : -75px 0;
    }
    .sun-image-prev
    {
        background-image    : url(../graphic/design/button/prev.png);
    }
    .sun-image-next
    {
        background-image    : url(../graphic/design/button/next.png);
    }
    
    
    .sun-image-detail
    {
        float               : left;
        width               : 450px;
        height              : 300px;
    }