/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/

body {font-size: 62.5%; width: 970px;  margin:0 auto; font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;}
div#main { position:relative; width: 970px;}
#tabs { background:transparent url(/image/logo.gif) no-repeat scroll 10px 12px; height: 70px; position:relative;  width:100%;}
#header { padding-top: 5px; border-top: 5px solid #6028C8; padding-bottom: 5px; border-bottom: 5px solid #6028C8; position:relative;  width:100%;}
#footer {clear: both; padding-top: 10px; border-top: 5px solid #6028C8; color: #333333; font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; position:relative; width:100%; }


/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 1.1em;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #6028C8;
	bottom: -1px;
	margin:12px 1px 0 300px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #6028C8;
	border-right: none;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #523F99;
	background: #FFFFC0 url(/image/nav_off.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active { /* order: LVHFA */
	background: #936ADF url(/image/nav_hover.png) 0 50% repeat-x;
	color: #000000;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #6028C8;
}

.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs-nav li.ui-tabs-selected a:focus, .ui-tabs-nav li.ui-tabs-selected a:active {
	background: #6028C8 url(/image/nav_on.png) 0 50% repeat-x;
	color: #FFFFC0;
}

.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	clear:left;
	border-top: 15px solid #6028C8;
	background: none;
	color: #5D2516;
	padding: 1.5em 1.7em;
	font-size: 1.2em;
	min-width: 0;
	margin-left: 200px;
	/* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */
}
* html .ui-tabs-panel {
	display: inline-block; /* => IE6 trigger hasLayout (while maintaining valid CSS) in IE6 to prevent margins pushed here from preceding elements */
}
.ui-tabs-hide {
	display: none !important/*for accessible hiding: position: absolute; left: -99999999px;*/;
}

#tab_line {
	border-top: 15px solid #6028C8;
	margin: 0; padding: 0;
	margin-left: 200px;
	clear:left;
}

div#content_right {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	width:760px;
	float:right;
	background: none;
	color: #5D2516;
	padding-left: 10px;
	font-size: 1.2em;
	min-width: 0;

	/* => IE7 trigger hasLayout (while maintaining valid CSS) to prevent margins pushed here from preceding elements */
}

div#content_all {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	background: none;
	color: #5D2516;
	font-size: 1.2em;
	text-align: center;
}

#Content {float: left; }

#Content h3 {padding-left: 10px; clear: both;}
#Content h4 {padding-left: 20px;}
#Content h5 {padding-left: 20px; font-size: 100%;}
#Content p {padding-left: 20px;}
#Content ul {padding-left: 50px;}
#Content li {line-height: 1.4;}

.toTop {text-align: right}

div#content_left { width:200px; float:left; margin-top: 50px; height: auto;}


#Home { font-size: 1.12em; float: left;}
#Home li {line-height: 1.1;}
h2 { font-size: 1.9em; font-weight: strong; margin-bottom: 1px; margin-top: 2px;}
h3 { margin-bottom: 1px;}
h3 a, h3 a:hover, h2 a, h2 a:hover { color: #5D2516;}

/* =a */
a {
	color: #6028C8;
	text-decoration: none;
}

a:hover {
	color: #936ADF;
}

a:active {
	color: #936ADF;
}

#menu2left {float:left; width:50%; font-weight: bold; margin-bottom: 10px; margin-top: 5px;}
#menu2right {float:right; width:50%; font-weight: bold; margin-bottom: 10px;  margin-top: 5px; }