/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/* Body */

body {
	font-family: 'Helvetica', 'Arial', sans-serif;
	color: #666;
}

/* Page */

#wpr-page {

}

#page {
	margin: 0 auto;
	width: 960px;
}

/* Header */

header {
	margin-bottom: 10px;
}

#logo {
	padding: 15px 10px;
	font-size: 40px;
	color: #999;
	font-weight: lighter;
}

#logo_image {padding: 0px 10px}  /* 0 padding top and bottom, 10 on sides */

/* Main menu */

#mainmenu {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
}

#mainmenu ul li {
	float: left;
	display: block;
	padding: 0 9px;
}

#mainmenu ul li:first-child {
	padding-left: 0;
}

#mainmenu ul li:last-child {
	padding-right: 0;
}

#mainmenu ul li a {
	display: block;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666;
}

#mainmenu ul li a:hover,
#mainmenu ul li.current a {
	color: #f30;
    color:#0893cf;
}

/* Submenu */

#submenu ul {
	width: 120px;
}

#submenu ul li {
	margin: 0.5em 0;
}

#submenu ul li ul {
	margin: 0.5em 0;
}

#submenu ul li ul li {
	margin-left: 15px;
}

#submenu ul li a {
	display: block;
	font-size: 14px;
	line-height: 120%;
	text-decoration: none;
	color: #666;
}

#submenu ul li a:hover,
#submenu ul li.current a {
	color: #f30;
    color: #0893cf;
}

#submenu ul li.current ul li a {
	color: #666;
}

#submenu ul li.current ul li a:hover,
#submenu ul li ul li.current a {
	color: #f30;
    color: #0893cf;
}

/* Breadcrumbs */

#breadcrumbs {
	padding: 10px 0 20px 0;
}

#breadcrumbs ul li {
	float: left;
	display: block;
	margin-right: 5px;
}

#breadcrumbs ul li a {
	font-size: 12px;
	line-height: 120%;
	text-decoration: none;
	color: #666;
}

#breadcrumbs ul li:after {
	content: '»';
	color: #666;
}

#breadcrumbs ul li:last-child:after {
	content: '';
}

/* ---[ Main ]--- */

#main {
	padding-bottom: 40px;
}

/* ---[ Main layout ]--- */

#aside-left,
#aside-right,
#main {
	float: left;
	padding: 10px;
	width: 250px;
	min-height: 10px;
}

#aside-left{
    width: 150px;
}

#main {
	padding: 0 10px;
	width: 500px;
}

/* Content formatting */

.content {

}

.content h1,
.content h2,
.content h3,
.content h4 {
	font-weight: bold;
	color: #666;
}

.content h1 {
	font-size: 24px;
    line-height: 200%;
}

.content h2 {
	font-size: 16px;
	line-height: 150%;
	color: #666;
}

.content h3 {
	font-size: 14px;
}

.content ul,
.content ol,
.content p {
	font-size: 14px;
	line-height: 150%;
}

.content p {
	margin-bottom: 21px;
}

.content table {
	margin: 0 0 1.25em 0;
	border: 1px solid #333;
	width: 100%;
}

.content table tr th,
.content table tr td {
	border: 1px solid #333;
	display: table-cell;
	padding: 5px;
	vertical-align: top;
}

.content table tr th {
	color: #fff;
	background-color: #555;
}

.content a {
	color: #f30;
    color: #0893cf;
	text-decoration: underline;
}

.content a:hover {
	text-decoration: none;
}

.content img {
	float: left;
	margin: 0 1em 0.5em 0;
}

.content strong {
	font-weight: bold;
}

.content em {
	font-style: italic;
}

.content ul,
.content ol {
	margin: 0 0 1.25em 0;
}

.content ul li ul,
.content ol li ol {
	margin-bottom: 0;
}

.content p + ul,
.content p + ol {
	margin-top: -21px;
}

.content ul li {
	margin-left: 15px;
	padding: 0.1em 0 0.1em 0.1em;
	list-style-type: square;
}

.content ul li {
	margin-left: 15px;
	padding: 0.1em 0 0.1em 0.1em;
	list-style-type: disc;
}

.content ul li ul,
.content ul li ul li ul {
	margin: 0;
}

ol li {
	margin-left: 20px;
	padding: 0.1em 0 0.1em 0;
	list-style-type: decimal;
}

/* Clearfix boilerplate */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* button */
.button
{
    display: inline-block;
    background: #0893cf;
    box-shadow: inset 0px 0px 0px 1px #48d3FF, 0px 2px 3px 0px rgba(0,0,0,0.25);
    border: solid 1px #0893cf;
    border-radius: 6px;
    padding: 0.45em 1.1em 0.5em 1.1em;
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
    background-image: -moz-linear-gradient(top, #38C3FF, #0893cf);
    background-image: -webkit-linear-gradient(top, #38C3FF, #0893cf);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#38C3FF), to(#0893cf));
    background-image: -ms-linear-gradient(top, #38C3FF, #0893cf);
    background-image: -o-linear-gradient(top, #38C3FF, #0893cf);
    background-image: linear-gradient(top, #38C3FF, #0893cf);
    outline: 0;
    white-space: nowrap;
}

.button:hover
{
    background: #28a3df;
    background-image: -moz-linear-gradient(top, #58d3FF, #28a3df);
    background-image: -webkit-linear-gradient(top, #58d3FF, #28a3df);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#58d3FF), to(#28a3df));
    background-image: -ms-linear-gradient(top, #58d3FF, #28a3df);
    background-image: -o-linear-gradient(top, #58d3FF, #28a3df);
    background-image: linear-gradient(top, #58d3FF, #28a3df);
}

.button:active
{
    background: #38C3FF;
    background-image: -moz-linear-gradient(top, #0893cf, #38C3FF);
    background-image: -webkit-linear-gradient(top, #0893cf, #38C3FF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0893cf), to(#38C3FF));
    background-image: -ms-linear-gradient(top, #0893cf, #38C3FF);
    background-image: -o-linear-gradient(top, #0893cf, #38C3FF);
    background-image: linear-gradient(top, #0893cf, #38C3FF);
}

.button a {text-decoration: none; color: #fff;}

/* tables */
/* #join_table {padding: 5px} */

#more
{margin-top: -20px}

#more a {text-decoration: none}

.center{text-align: center}

#square {
    width: 10px;
    height: 10px;
    background-color: #0893cf;
}



ul.errorlist {
    color: red;
    text-align: right;
    list-style-type: none;
    padding-top: 0;
    margin: 0;
}

ul.errorlist li {
    color:red;
    list-style-type: none;
    position: relative;
    left: 140px;
    top: 50px;;
}