@charset "utf-8";
/* CSS Document */

/* Text Formatting Styles */
ul				{list-style: square;}
ul li			{margin-top: 5px;}
ul div			{margin-left: 15px;}

a:link, a:visited
				{text-decoration: underline; color: #000000;}
a:hover, a:active
				{text-decoration: none; color: #000000;}

.b				{font-weight: bold;}
.i				{font-style: italic;}
.u				{text-decoration: underline;}
.bi, .ib		{font-weight: bold; font-style: italic;}
.bu, .ub		{font-weight: bold; text-decoration: underline;}
.iu, .ui		{font-style: italic; text-decoration: underline;}
.none			{font-style: normal; text-decoration: none; font-weight: normal;}
.tcenter		{text-align: center;}
.tright			{text-align: right;}
.tleft			{text-align: left;}
.tjustify		{text-align: justify;}

.center			{width: 200px; margin-right: auto; margin-left: auto; float: none;}
.fright			{float: right;}
.fleft			{float: left;}

div.line, div.lineclr, div.linecll, div.lineclb, div.lineclrb, div.linecllb, div.lineclbb
				{width: 100%; height: 1px; background: none;}
div.line		{background: #000000;}
div.lineclr		{clear: right; background: #000000;}
div.linecll		{clear: left; background: #000000;}
div.lineclb		{clear: both; background: #000000;}
div.lineclrb	{clear: right; background: none;}
div.linecllb	{clear: left; background: none;}
div.lineclbb	{clear: both; background: none;}

p,li			{text-align: justify; background: none; font-family: Arial, Helvetica, sans-serif; 
				 color: #000000; font-size: 12px;}
a				{font-size: 12px;}

input,textarea	{border: 1px solid #444444;}

blockquote.see	{font-size: 10px; font-style: italic;}



.button, .button:link, .button:visited
				{display: block; height: 15px; width: 70px; border: 1px solid #000000; text-align: center;
				 background: #444444; color: #FFFFFF; text-decoration: none; margin: 1px; padding: 1px; cursor: pointer;}
.button:hover, .button:active
				{background: #000000; color: #FFFFFF; border: 1px solid #444444;}

/* Primary Layout styles */
body			{width: 778px; background: #CCCCCC url(image/body-bg.jpg) center 95px repeat-y;
				 border-right: 1px solid #000000; border-left: 1px solid #000000; padding: 0px; 
				 margin-top: 0px; margin-bottom: 0px; margin-right: auto; margin-left: auto;}


/* Page Header Styles */
div.head		{width: 100%; height: 95px; background: #000000 url('image/head/tile.jpg') repeat-x;}
div.head div.h01
				{width: 275px; height: 100%; background: url('image/head/title.jpg') center center no-repeat #444444;
				 margin-left: 50px; float: left;}
div.head div.h02
				{height: 100%; width: 440px; background: url('image/head/phrase.png') no-repeat left center; float: right;}


div.top			{min-height: 375px; max-height: 425px; width: 100%; background: url('image/body-bg-top.jpg') top center;
				 border-bottom: 0px solid #00FF00;}

/* Top - Nav Styles */
div.top div.nav	{height: 325px; width: 250px; float: left; padding-top: 25px; padding-bottom: 25px; 
				 border-right: 0px solid #00FF00;}
div.top div.nav a.nav01, div.top div.nav a.nav02, div.top div.nav a.nav03, div.top div.nav a.nav04
				{display: block; width: 174px; margin-right: auto; margin-left: auto; 
				 background-position: center center; background-repeat: no-repeat;}
div.top div.nav a.nav01, div.top div.nav a.nav01:link, div.top div.nav a.nav01:visited
				{background-image: url('image/nav/nav-01.gif'); height: 80px;}
div.top div.nav a.nav01:hover, div.top div.nav a.nav01:active
				{background-image: url('image/nav/nav-m-01.gif');}

div.top div.nav a.nav02, div.top div.nav a.nav02:link, div.top div.nav a.nav02:visited
				{background-image: url('image/nav/nav-02.gif'); height: 72px;}
div.top div.nav a.nav02:hover, div.top div.nav a.nav02:active
				{background-image: url('image/nav/nav-m-02.gif');}

div.top div.nav a.nav03, div.top div.nav a.nav03:link, div.top div.nav a.nav03:visited
				{background-image: url('image/nav/nav-03.gif'); height: 70px;}
div.top div.nav a.nav03:hover, div.top div.nav a.nav03:active
				{background-image: url('image/nav/nav-m-03.gif');}

div.top div.nav a.nav04, div.top div.nav a.nav04:link, div.top div.nav a.nav04:visited
				{background-image: url('image/nav/nav-04.gif'); height: 74px;}
div.top div.nav a.nav04:hover, div.top div.nav a.nav04:active
				{background-image: url('image/nav/nav-m-04.gif');}

/* Top - Primary Image Styles */
div.top div.pimage
				{float: left; height: 325px; width: 525px; padding-top: 15px; padding-bottom: 5px;}
div.top div.pi01
				{height: 315px; width: 480px; border: 0px solid #00FF00; margin-left: 10px;
				 background-position: center center; background-repeat: no-repeat;}

/* Top - Image Selector Bar Styles */
div.top div.selector
				{height: 52px; width: 480px; background: #000000; float: left; margin-left: 10px;
				 overflow: auto; border: 1px solid #444444;}
div.top div.selector a.simg
				{display: block; height: 25px; width: 25px; padding: 2px; margin: 2px; border: 1px solid #444444; 
				 background: #FF0000; float: left;}


/* Content Styles */
div.content, div.content2
				{width: 700px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px;
				 border: 0px solid #00FF00; background: none;}
div.content2	{background: url('image/content2/tile.gif') top left repeat-y;}
div.col			{width: 50%; background: none; float: left;}
div.col div.h	{background: none; padding: 5px; font-weight: bold; font-size: 14px;
				 padding-left: 25px;}
div.col div.c	{padding: 10px; text-align: justify; min-height: 185px;}

div.contentBackground
				{background: #FFFFFF;}

div.contentImage
				{width: 150px; float: left; border-bottom: 0px solid #00FF00;}
div.contentImage div.ci01
				{width: 100%; height: 200px; background-repeat: no-repeat; background-position: top center;}
div.contentCopy
				{width: 550px; float: left;}





/* Footer Styles */
div.foot		{height: 60px; width: 100%; background: #000000 url('image/head/tile.jpg') repeat-x;}

div.foot div.f01
				{height: 100%; width: 275px; margin-left: 50px; background: #444444;}

div.foot div.f01content
				{padding-top: 5px; text-align: center; color: #FFFFFF;}

div.foot div.f02
				{height: 100%; width: 300px; float: right;}

div.foot a.f02content
				{background: url('image/designedby.jpg') center center no-repeat; height: 40px; width: 140px;
				 display: block; margin-top: 10px;}


/* End CSS Stylesheets */