/*Reset*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*960.gs*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	line-height: 1.8em;
	color: #000;
	background: #eee;} /* we set the font size to 76% to compensate for different browsers and operating systems. 76% tends to look like 12px on most screens and we set the line height equalt to the height of an uppercase "M" character */

div#wrapper {
	background: url('../images/bg.jpg') repeat-y center;
	margin: 0px auto;
	width: 972px;
}

div {font-size: 1em;}
	
div#top-module table.contentpaneopen {}

a, a:link {color: #3290D0;}
a:visited {color: #3290D0;}
a:hover {text-decoration: none;}

h1,	.componentheading  {font-size: 2.0em;font-weight: normal;margin-top: 0em;margin-bottom: 0em;}
h2,	.contentheading {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}

p {font-size: 1.0em;line-height: 1.8em;margin: 1.2em 0em 1.2em 0em;}
strong, b {font-weight: bold;}
em, i {font-style:italic;}
blockquote {border-left:10px solid #ddd;margin-left:10px;}
pre {font-family: monospace;font-size: 1.0em;}
code {font-family: "Courier New", Courier, monospace;font-size: 1em;white-space: pre;}
.small,
.createdate,
.modifydate {font-size: 85%;line-height: 90%;}

ol, ul, li {font-size: 1.0em;line-height: 1.8em;margin-top: 0.2em;margin-bottom: 0.1em;}
li > p {margin-top: 0.2em;}

table {font-size: 1em;line-height: 1.8em;margin: 1.5em 0;padding: 0;}
table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 1.5em 0;}
th {font-weight: bold;text-align: left;}
td {font-size: 1em; vertical-align: top;}
form table {font-size: 1.1em;}

hr {display: none;}

div.hr {height: 1px;margin: 1.5em 10px;border-bottom: 1px dotted #000;}

/* Layout */
.registrationForm label {
	
}
#header {
	width: 972px;
	margin: 0px auto;
	background: url(../images/rure_header.jpg) no-repeat;
	height: 148px;
	position: relative;
}

div#header #topnav {
	background: #000;
	width: 960px;
	height: 24px;
	margin: 0 auto;
	text-indent: 0px;
	position: relative;
}
ul.destmenu li a.active {
	color:#3290D0;
	font-weight:bold;
}
ul.destmenu li.destmenu_divider {
	border:none;
	background:#000000;
	padding-left:2px !important;
	margin:0;
	color:#ffffff;
	font-weight:bold;
}
#topleft {
	width: 500px;
	height: 24px;
	line-height: 24px;
	text-indent: 0px;
	position: absolute;
	left: 10px;
	color:#ffffff;
}
#topleft ul, #topleft li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topleft a, #topleft a:visited {
	text-decoration: underline;
	color: #FFCC00;
	font-size: 12px;
}
#topleft a:hover { text-decoration: none; }

#topright {
	width: 400px;
	height: 24px;
	position: absolute;
	right: 30px;
	text-align: right;
}

#topright a, #topright a:visited {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
#topright a:hover { text-decoration: underline; }

#topright ul.menu li {
	display: inline;
	padding-right: 15px;
	float: right;
	margin-top: -0.4px;
}

#menu {
	width: 870px;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 96px;
	background: none;
}

div#menu ul {
	height: 30px;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 30px;
	float: left;
}
div#menu ul li {
	display: inline;
	padding: 0 15px 0 0;
	margin: 0;
	line-height: 30px;
}

#menu a {
	text-decoration: none;
	color: #fff;
}
#menu a:hover { text-decoration: underline; }

div#top {
	background: #eee;
	font-size: 2.5em;
	color: #000;
	height: 24px;
	padding: 10px;
	width: 920px;
	margin-top: 25px;
	margin-bottom: 15px;
}

div#top div.moduletable p {
	margin: 0px;
	font-size: 0.8em;
	line-height: 1em;
}

div.right div.moduletable h3 {
	margin: 0 0 0.5em;
	font-size: 1.6em;
}

div.right div.moduletable ul.destmenu {
	margin-bottom: 20px;
}

div.right div.moduletable ul.destmenu h3 {
	margin-bottom: 10px;
}

div.right div.moduletable ul.destmenu li {
	border-bottom: 1px solid #eee;
	padding: 0px 0px 3px;
}
div.right div.moduletable ul.destmenu li li {
	padding-left: 20px;
	border-bottom: 0;
}

div.right div.moduletable ul.destmenu li a {
	color: #000;
	text-decoration: none;
}

div#footer {
	background: url('../images/footer.jpg') no-repeat;
	margin: 0px auto;
	width: 972px;
	height: 100px;
}

div#footer div#copyright {
	float: left;
	width: 500px;
	font-size: 0.8em;
	padding-left: 10px;
}

div#footer div#credit {
	float: right;
	width: 300px;
	font-size: 0.8em;
	text-align: right;
	padding-right: 10px;
}

table.formTable td {
	padding: 5px;
}

div.pagination {
	padding: 10px;
	text-align: center;
}

div.pagination ul.pagination li {
	display: inline;
	padding: 5px;
}

/*  default Joomla styles */
/*
*	Didn't know if you needed these or not. If not,
*	feel free to delete what you don't use.
*/
div.error {padding: 10px; background: #eee;}
div.componentheading {}
div.contentpane {}
div.contentdescription {}
td.sectiontablefooter {}
td.sectiontableheader {}
a.category {}
td.sectiontableentry1 {}
td.sectiontableentry2 {}
form#selectForm {}
table.contentpane {}
td.contentheading {}
form#emailForm {}
input#contact_name {}
label#contact_emailmsg {}
input#contact_email {}
input#contact_subject {}
label#contact_textmsg {}
textarea#contact_text {}
input#contact_email_copy {}
form.form-validate {}
div.contact_email {}
input.inputbox {}
input.required {}
input.validate-email {}
textarea.inputbox {}
textarea.required {}
button.button {}
button.validate {}
span.hasTip {}
hr#system-readmore {}
form#jForm {}
ul#archive-list {}
div#navigation {}
li.row {}
h4.title {}
h5.metadata {}
span.created-date {}
span.author {}
div.intro {}
div.contentpaneopen_edit {}
table.contentpaneopen {}
a.contentpagetitle {}
td.buttonheading {}
span.small {}
td.createdate {}
td.modifydate {}
a.readon {}
span.article_separator {}
input#title {}
input#created_by_alias {}
input#publish_up {}
input#publish_down {}
textarea#metadesc {}
textarea#metakey {}
table.adminform {}
td.key {}
img.calendar {}
input#alt {}
table.blog {}
td.article_column {}
div.blog_more {}
a.blogsection
td.contentdescription {}
span .article_separator {}
td.componentheading {}
form#poll {}
table.pollstableborder {}
th.sectiontableheader {}
td.smalldark {}
span.highlight {}
table.searchintro {}
input#search_searchword {}
/*input#area_{VALUE} {} /* Value is set programatically. Replace {VALUE} with the ID VALUE of the input you want to target */
input.button {}
form#login {}
form#josForm {}
label#namemsg {}
input#name {}
label#usernamemsg {}
input#username {}
label#emailmsg {}
input#email {}
label#pwmsg {}
input#password {}
label#pw2msg {}
input#password2 {}
div.message {}
form.josForm {}
label.hasTip {}
input#password1 {}
input.validate-password {}
input#token {}
input#name {}
form#adminForm {}
input#jformtitle {}
input#jformurl {}
textarea#jformdescription {}
table#explain-sql {}
table.Table {}
td.TD {}
div#keepAliveLayer {}
/*input#cb{ROW_NUMBER} {} /* Value is set programatically. Replace {ROW NUMBER} with the Row Number of the input checkbox you want to target */
dl.tabs {}
div.pane-sliders {}
div.panel {}
h3.jpane-toggler  {}
h3.title {}
div.jpane-slider  {}
div.content {}
table.paramlist {}
table.admintable {}
td.paramlist_description {}
td.paramlist_key {}
td.paramlist_value {}
div.toolbar {}
#search {}
input.text_area {}
select.inputbox {}
span.breadcrumbs  {}
span.pathway {}
/*button#trigger_{ID} {} /* Value is set programatically. Replace {ID} with the ID number of the button you want to target */
div.expander {}
/*input#{NAME} {} /* Value is set programatically. Replace {NAME} with the ID name of the input you want to target */
div#overDiv {}
a.tooltip {}
/*form{FORMNAME} {} /* Value is set programatically. Replace {FORMNAME} with the name of the form you want to target */
link#luna-tab-style-sheet {}
/*div#{PANEID} {} /* Value is set programatically. Replace {PANEID} with the PANEID of the div you want to target */
div.tab-page {}
h2.tab {}
div.bannergroup {}
div.bannerheader {}
div.banneritem {}
div.clr {}
div.bannerfooter {}
a.pathway {}
table.moduletable {}
ul.newsfeed {}
ul.latestnews {}
li.latestnews {}
a.latestnews {}
input#mod_login_username {}
input#mod_login_password {}
input#mod_login_remember {}
/*li#{ITEM ID} {} /* Value is set programatically. Replace {ITEM ID} with the ITEM ID of the list liem you want to target */
span.separator {}
ul#mainlevel {}
ul#sublevel {}
ul.mostread {}
li.mostread {}
a.mostread {}
table.poll {}
ul.relateditems {}
input#mod_search_searchword {}
div.search {}
ul.sections {}
/* @end */

th.sectiontableheader {
	background-color: #000;
	border: 1px solid #000;
	padding: 5px;
	text-align: center;
	color: #fff;
	border-bottom-color: #ccc;
	line-height: 1.1em;
	vertical-align: center;
}
th.sectiontableheader a {
	color: #fff;
	text-decoration: none;
}
th.sectiontableheader a:hover { text-decoration: underline; }
tr.sectiontableentry1 td, tr.sectiontableentry2 td {
	border: 1px solid #ccc;
	padding: 5px;
}
span.sisterschool { display: block; float: left; height: 30px; line-height: 30px; font-size: 12px; color: #FC0; font-weight: bold; padding-left: 15px; }
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 250px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}

.tool-text {
   font-size: 100%;
   margin: 0;
}
ul.destmenu .indent {
	padding-left:20px;
}
input.invalid, textarea.invalid {
	border: 1px solid #ff0000;
}
label.invalid {
	color: #ff0000;
}