/* default elements */
html {
	height:100%;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	margin:0;
	padding:0;
	color:#333;
	background:url(images/bg-01.jpg) no-repeat #009599;
	height:100%;
}
p {
	margin:0;
	padding:0;
	line-height:1.67em;
	margin-bottom:1.0em;
}
ol, ul {	
	margin:0;
	padding:0;
	margin-top:1.25em;
	margin-bottom:1.25em;
	margin-left:1.25em;
	list-style:square;
}
li {
	padding-left:1em;
	line-height:1.67em;
}
a {
	text-decoration: none;
	color:#C03;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}

/* texts */
h1 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:4em;
	font-weight:bold;
	letter-spacing:-0.08em;
	*letter-spacing:-2px;
	line-height:1em;
	margin-bottom:0.5em;
	text-transform:lowercase;
}
h2 {
	margin:0;
	padding:0;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:2em;
	font-weight:normal;
	line-height:1em;
	margin-bottom:0.5em;
	text-transform:lowercase;
}
h3 {
	padding:10px;
	width:70%;
	background:#333;
	color:#fff;
	font-weight:normal;
}
.big {
	font-size:1.33em;
}
.small{
	font-size:0.83em;
}
/* general classes */
.center {
	text-align:center;
}
.hide {
	display:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.i {
	background:#fff;
}
.caps {
	text-transform:uppercase;
}
/* forms */
input { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; padding:2px; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; padding:2px; }
select { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; padding:2px; }
fieldset {
	margin:0;
	padding:0;
	border:0;
	clear:left;  
	width:100%;
}
legend {
	display:none;	
}
fieldset ul {
	margin:0;
	list-style:none;
}
fieldset li {
	margin:0;
	background:none;
	padding:3px 0 3px 0;
	float:left;  
	clear:left;  
	width:100%;  
}
fieldset label {
	display:block;
	float:left;
	text-align:right;
	width:10em;
	margin-right:3em;
}
#msg ul {
	margin-bottom:0.5em;
	list-style:none;
}
div.error ul li {
	background:url(images/ico-err.gif) 0 50% no-repeat;
	color:red;
	line-height:2em;
	padding-left:30px;
}
div.report ul li {
	background:url(images/ico-suc.gif) 0 50% no-repeat;
	color:green;
	line-height:2em;
	padding-left:30px;
}
input.error { background:url(images/ico-errsm.gif) right no-repeat #fff; border:1px solid red;padding:2px; }
textarea.error { background:url(images/ico-errsm.gif) right 2px no-repeat #fff; border:1px solid red;padding:2px; }
label.error { color:red; }

/* page layout style */
#page {
	width:978px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#top-01 {
	width:960px;
	margin:0 9px 0 9px;
	height:74px;
}
#top-01 img { margin:0 0 0 15px; }

#menu {
	width:978px;
	height:47px;
	background:url(images/bg-02.png) no-repeat;
}
#menu ul {
	margin:0;
	padding:4px 0 0 25px;
	list-style:none;
}
#menu li {
	margin:0px 10px;
	padding:4px 5px;
	display:inline;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#menu li:hover {
	background:#C03;
}
#menu li.active {
	background:#09F;
}
#menu a {
	font-size:15px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-2px;
	color:#fff;
	line-height:47px;
}
#menu a:hover {
	text-decoration:none;
}

#top-03 {
	width:978px;
	height:309px;
	background:url(images/top-00.gif) center no-repeat;
}
#top-03 div {
	width:978px;
	height:309px;
	background-repeat:no-repeat;
	background-position:center;
}

#content {
	width:925px;
	min-height:400px;
	margin:0 9px 0 9px;
	padding:25px 10px 35px 25px;
	background:url(images/bg-03.jpg) top repeat-x #fff;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}

#main {
	width:568px;
	float:left;
}
#side {
	width:355px;
	margin-right:-0px;
	float:right;
	background:url(images/side-01.png) repeat-y;
}
#side h2 {
	margin:0;
	background:url(images/side-02.png) no-repeat;
	padding:11px 40px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	color:#FFF;
}
#side div.main {
	padding:15px 40px 30px 40px;
	background:url(images/side-03.png) bottom no-repeat;
}

#footer {
	padding:25px;
	margin-top:25px;
	font-size:0.8em;
	background:url(images/bg-04.jpg) #333;
	color:#FFF;
}
#footer div:first-child { width:960px; margin:0 auto 0 auto; }
#footer a { color:#fff;font-weight:normal; }
#footer img { vertical-align:middle; }
#footer #left { float:left; }
#footer #right { float:right; }
