/* -- Main layout styles -- */

html, body {
	margin: 0; padding: 0;
	font-family: verdana, helvetica, sans-serif, arial;
	background: #FFFFFF url(../files/images/a1.gif) repeat-x top center;
  color: #444;
  width: 100%;
	font-size:12px;
}

a:link { color: #1166EE; }
a:visited { color: #6611AA; }
a:hover { color: #22AA22; }

h2 { font-weight: normal; font-size: 20px; padding:10px 0 5px 0; margin:0 0 5px 0; line-height:1.1em; border-bottom:1px solid #999; }
h3 { font-weight: normal; font-size: 17px; padding:5px 0; margin:0;  line-height:1.1em; }
hr { height:1px; width:100%; padding:0; margin:0; clear:both; background-color:#ccc; }
p { margin:0; padding:8px 4px; }
ul {
	margin:5px;
  padding: 0;
  list-style: none;
}
ul li {
	/*padding: 2px 5px 3px 15px;*/
	/*background: transparent url(../files/images/li_bullet.gif) no-repeat left 0.5em;*/
	margin-left:10px;
	list-style-image: url(../files/images/li_bullet.gif);
}
ol {
	margin:5px;
  padding:2px 2px 2px 10px;
}
pre { display:inline; padding:0; margin:0; }
form { margin:0;padding:0; }
img { border:0; }
#img-code { background: transparent url(../files/images/circle-ball-dark-antialiased.gif) center center no-repeat; }


/* -- Header layout/display styles -- */

#header {
	position: absolute;
	top:2px; left:10px; right:0;
  width: auto;
  height: 140px;
	margin:0; padding:0;
	min-width:980px;
  /*background: transparent url(../files/images/roadlines.gif) top right no-repeat;*/
}
#logo {
	float:left;
	margin-left:-13px;
}
#imageform #logo {
	float:none;
}

#banner_ad {
	width:468px;
	height:60px;
	padding-top:15px;
	margin:0 auto;
	display:table;
	text-align:center;
}

#sitemap {
	position: absolute;
	top:93px;
	left:0px;
	right:0px;
  width: auto;
  height: 28px;
  background: #222222 url(../files/images/content_header.png) repeat-x top center;
  font-weight: bold;
}
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../files/images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left; list-style:none;}
.menu1 li.right {float:right;}
.menu1 li a, .menu1 li input {display:block; float:left; height:35px; line-height:35px; color:#bbb; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b, .menu1 li span input {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(../files/images/button3.gif);}
.menu1 li.current a b {background:url(../files/images/button3.gif) no-repeat right top;}
.menu1 li a:hover, .menu1 li input:hover {color:#fff; background:#000 url(../files/images/button2.gif);}
.menu1 li a:hover b, .menu1 li span input:hover {background:url(../files/images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../files/images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../files/images/button3.gif) no-repeat right top;}
.menu1 li input { background:none; border:0; }
.menu1 li span input:hover { border:0; background:#000 url(../files/images/button2.gif); }

#login_area {
	float:right;
	width:155px;
	height:90px;
	display:inline;
}
#membersection {
	float:right;
	padding:0; 
	margin:0;
	width:205px;
	height:90px;
	background-color:#222;
	vertical-align:middle;
}
a.membuts {
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	display:block;
	float:left;
	padding:0;
	margin:5px;
}

/* -- Content layout/display styles -- */
#content { 
	width:100%;
	min-width:980px;
	float:left;
	padding:0; margin:0;
	background: #FFFFFF url(../files/images/a1.gif) repeat-x top center;
}
/* single column layout */
#contentCenter {	
	margin:130px auto 5px auto;
	padding:0;
  width: 88%;
}

/* 2 column - left: big, right: small */
#menuRight {
	margin:130px 0 5px 0;
	padding:0 0 2% 2%;
  float: right;
  width: 30%;
	background: #FFFFFF url(../files/images/menu-bg.jpg) no-repeat bottom left;
}
#contentLeft {
	margin:130px 0 5px 0;
	padding:0 0 2% 0;
  float: left;
	width: 68%;
}

/* 2 column - left: small, right: big */
#menuLeft {
	margin:130px 0 5px 0;
	padding:0.3% 0.5%;
  float: left;
  width: 18%;
}
#contentRight {
	margin:130px 0 5px 0;
	padding:0.3% 0.5%;
  float: right;
  width: 78.5%;
}

h1.header, h2.header {
	margin:0;
  clear: both;
	padding: 0.2em 0.2em 0.3em 0.3em;
  background: transparent url(../files/images/ctrl_bg.png) no-repeat bottom left;
	color: #666;
  display: block;
  font-size: 22px;
	font-weight:normal;
	border-bottom:1px solid #999;
}
h2.header {
	margin:7px 0 0 0;
	font-size: 19px;
}
h2 small { font-size:0.65em; font-weight:bold; }
h3.header {
	margin:5px 0;
  clear: both;
	padding: 0.2em 0.2em 0.3em 0.3em;
  background: transparent url(../files/images/ctrl_bg.png) no-repeat top left;
	color: #666;
  display: block;
  font-size: 15px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.header img { padding:3px 0 0 0; }
.header a { float:right; }

#menuRight h1.header, #menuRight h2.header {
	background-image: none;
}
.contentBody {
	padding:10px;
  line-height: 1.5em; 
  font-size: 1.1em;
}

.contentBody a.menuItem {
  display: block;  
  padding: 5px 0 5px 35px;
  background: url(../files/images/li_bullet.gif) no-repeat center left;
  border: 0px;
}
.contentBody a:hover.menuItem { 
  color: #00CCFF;
  background: url(../files/images/li_bullet.gif) no-repeat center left;
  border: 0px;
}
.contentBody table { font-size:1em; line-height:1.4em; }

/* -- Footer layout/display styles -- */

#footer {
	clear:both;
	width:100%;
	min-width:980px;
  line-height: 2.5em;
	height:80px;
	margin:0;
	padding:15px 0 0 0;
  border-top: 2px solid #999;
	color:#aaa;
	background: #333 url(../files/images/a1.gif) repeat-x top center;
}
#footer div { padding: 0 10px; }
#header a:link, #footer a:link { color:#6AE; }
#header a:visited, #footer a:visited { color:#A6E; }
#header a:hover, #footer a:hover { color:#6F2; }

/* other style stuff */
ul.search-list { list-style-image:none; margin: 5px 0 0 0; padding:0; font-size:0.9em; font-weight:bold; }
ul.search-list li a { display:block; padding:3px 0; }
ul.menu-list { margin:5px; }
ul.menu-list.first { margin-top:0; margin-bottom:10px; }
ul.menu-list li { border-bottom:1px solid #ccc; padding:3px 0; }
ul.menu-list li a { text-decoration:none; }
ul.menu-list li a:hover { text-decoration:underline; }

ul li.my-homepage {
	display:block;
	padding: 5px 0 5px 30px;
	background: transparent url(../files/images/home_small.png) no-repeat center left;
}
ul li.request-contact {
	display:block;
	padding: 5px 0 5px 30px;
	background: transparent url(../files/images/request_contact_small.png) no-repeat center left;
}
ul li.contact-email {
	display:block;
	padding: 5px 0 5px 30px;
	background: transparent url(../files/images/email_small.png) no-repeat center left;
}
ul li.contact-sms {
	display:block;
	padding: 5px 0 5px 30px;
	background: transparent url(../files/images/sms_small.png) no-repeat center left;
}

table.listingtable { border:1px solid #CCC; }
/*tr.schoolrow td { border:1px solid #3BE; background-color:#DEF; }*/
tr.schoolrow td, tr.basicrow td { border:1px solid #6D4; background-color:#EFE; }
tr.freerow td { border:1px solid #CCC; }
tr.odd td { background-color:#FFF; }
tr.even td{ background-color:#F0F0F0; }
table.subtable tr td { border-width:0; }

.shinybut_blue a { display:block; font-family: helvetica, arial, sans-serif; font-size: 24px; width:246px; height:180px; background: #fff url(../files/images/shinybut_blue.jpg) top center no-repeat; padding:35px 0 0 0; margin: 5px auto 10px auto; text-align: center; color:#ddf; text-decoration:none; }
.shinybut_green a { display:block; font-family: helvetica, arial, sans-serif; font-size: 24px; width:246px; height:160px; background: #fff url(../files/images/shinybut_green.jpg) top center no-repeat; padding:55px 0 0 0; margin: 5px auto 10px auto; text-align: center; color:#dfd; text-decoration:none; }
.shinybut_orange a { display:block; font-family: helvetica, arial, sans-serif; font-size: 24px; width:246px; height:160px; background: #fff url(../files/images/shinybut_orange.jpg) top center no-repeat; padding:35px 0 0 0; margin: 5px auto 10px auto; text-align: center; color:#fdc; text-decoration:none; }
.shinybut_blue a:hover, .shinybut_green a:hover, .shinybut_orange a:hover { background: #fff url(../files/images/shinybut_hover.jpg) top center no-repeat; color:#eee; }

.signup {  padding:0 0 10px 10px; }
.signup ul li { padding:5px; font-size:1em; }
.signup ol li { padding:2px; font-size:0.95em; }
.welcomenote { background: #fff url(../files/images/welcomenote.png) no-repeat center right; width:240px; padding-right:50px; }
.loginlabel { float:left; text-align:right; color: #fff;}
.news-title { margin:10px 0 5px 0; }
.news-title h3 { display:inline; font-size:1.1em; }
.archive { width:75%; display:block; margin:10px auto 0 auto; padding:5px; text-align:center; }
.blue-seperator { height:1px; color: #cdf; background-color:#cdf; }
.contact-ads a { text-align:center; padding:0 10px; }
.adslist li img { vertical-align:middle; padding: 5px 0; }
.inactive { color: #333; font-style: italic; }
.vBottom { vertical-align: bottom; }
.imgLeft { display:inline; float: left; }
.imgRight { display:inline; float: right; }
.spinner { padding:5px 10px 5px 0; background: transparent url(../files/images/circle-ball-dark-antialiased.gif) center center no-repeat; float:left; }
.security-code { vertical-align:top;text-align:center;padding:6px 2px !important; font-size:1.4em !important; text-transform:uppercase; }
.hideme { display:none; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

/* form validation styles */
.info   { color: #3333EE; font-weight: normal; padding:5px; }
.warn   { color: #CC6600; background-color: #FFFFDD; border:1px solid #DD8800; font-weight: normal; padding:5px 10px; margin:0 auto; float:none; clear:both; display:block; }
.error  { color: #FF0000; background-color: #FFeedd; border:1px solid #FF0000; font-weight: bold; padding:5px 10px; margin:0 auto; float:none; clear:both; display:block; }
a.error  { color: #FF0000; font-weight: normal; padding:0; }
.success  { color: #007700; background-color: #DDFFDD; border:1px solid #00AA00; font-weight: normal; padding:5px 10px; margin:0 auto; float:none; clear:both; display:block; }
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required, select.required { border: 1px solid #00A8E6; }
input.required:hover, textarea.required:hover, select.required:hover { border: 1px solid #22CC66; }
label.forrequired { color:#000 !important; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { padding: 3px; color: #FF3300; font-weight: bold; display:inline-block; }
.custom-advice { padding: 3px; color: #C8AA00; font-weight: bold; display:inline-block; }

/* buttons for input fields */
input.button {
	width:auto;
  font-weight: bold;
  background: #000 url(../files/images/button.png) repeat-x top center;
  padding: 3px 1em 3px 1em;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}
input.button:hover {
  background: #111 url(../files/images/button_hover.png) repeat-x top center;
	cursor: pointer;
}
input.bigbutton {
	width:auto;
  background: #000 url(../files/images/button.png) repeat-x top center;
	margin:6px 0 0 0;
  padding: 0.3em 0.9em;
	font-size: 1.2em;
  color: #FFFFFF;
	font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
}
input.bigbutton:hover {
  background: #111 url(../files/images/button_hover.png) repeat-x top center;
	cursor: pointer;
}
/*buttons for text links*/
a.button, .button a {
	width:auto;
  font-weight: bold;
  background: #000 url(../files/images/button.png) repeat-x top center;
  padding: 3px 1em 3px 1em;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
	border-right: 2px solid #222222;
	border-bottom: 2px solid #222222;
	border-top: 2px solid #999999;
	border-left: 2px solid #999999;
  line-height: 30px;
}
a.button:hover, .button a:hover {
  background: #111 url(../files/images/button_hover.png) repeat-x top center;
	cursor: pointer;
}
.sharethis.button {
	border-width:0;
	color: #1166EE;
	text-transform: none;
	font-weight:normal;
	font-size:1em;
	padding:0;
	margin:0;
}
.sharethis.close {
	background-image:none;
	background-color:transparent;
	border-width:0;
	color:#000;
	text-transform: none;
	font-weight:normal;
	font-size:1em;
	padding:0;
	margin:0;
}
.sharethis.close:hover {
	background-image:none;
	background-color:transparent;
	text-decoration: underline;
}
ul li.share_link span.sharethis.button {
	display:block;
	margin:0 0 0 8px;
	padding:6px 12px;
	font-family: verdana, helvetica, sans-serif, arial;
	font-size:0.9em;
	font-weight:bold; 
	border:1px solid #aaa;
	border-top:0;
	background: transparent url(../files/images/shader.png) repeat-x bottom left;
	text-decoration:none;
}

#accountsform {
	line-height:1.7em;
	width:265px;
}
#accountsform input {
	float:left;
	clear:left;
	margin-right:5px;
}
#accountsform label {
	float:left;
}
#fullbank td {
	padding-bottom:0 !important;
}
#fulldoform {
	width:275px;
}

#signupform {
	margin:0 auto;
	display:block;
	padding:0;
	float:none;
	width:650px;
}
#signupform input, #signupform select, #signupform textarea, #signupform label, #signupform h4 {
	font-size:1.3em;
	padding:3px;
	color:#333;
	float:left;
	margin: 10px 0 0 0;
}
#contactform input, #contactform select, #contactform textarea, #contactform label, #contactform h4 {
	font-size:1.1em;
	padding:3px;
	color:#333;
	float:left;
	margin: 5px 0;
}
#contactform label, #contactform h4 {
	width:175px;
}
#contactform label.cc {
	margin-left:5px;
	width:215px;
}
#contactform input#cc {
	margin-left:180px;
	margin-top:10px;
}
#signupform label, #signupform h4 {
	clear:left;
	width:210px;
}
#signupform h4, #signupform table, #signupform .subsection {
	padding-left:5px;
	clear:both;
}
#signupform td {
	padding-bottom:10px;
	padding-left:0;
}
#signupform td select, #signupform td textarea, #signupform td label, #signupform td h4 {
	margin:0;
	width:205px;
}
#signupform td input {
	margin:0;
}
#signupform p {
	padding:2px 4px !important;
}
#signupform .section {
	width:100%;
	display:block;
	float:left;
	clear:both;
	padding:10px 0;
}
#signupform .spinner {
	float:left;
	padding:0 10px 0 0;
}
#contactform .bigbutton, 
#signupform .bigbutton {
	color:#FFFFFF;
	padding:3px 15px;
	margin:8px 0 0 0;
}

.topmenu {
	margin:-10px auto 10px auto;
	background-color:#F9F9E0;
	border:1px solid #DDCC66;
	border-top-width:0;
	width:550px;
}

/* fieldset */
fieldset { position: relative; padding: 5px; margin: 10px 5px 0 5px; }
fieldset fieldset  { border: 1px solid #FFFFFF; }
legend { position: absolute; top: -9px; padding: 2px 5px; }
fieldset fieldset legend { font-size: 90%; }

/* tab menus */
.tab-box { float:left; background:#FFFFFF; padding: 10px 10px 10px 10px; line-height:normal; border:1px solid #555555; margin-bottom:5px; width:95%; }
.tabs1 { width:90%; background:#FFFFFF; font-size:93%; line-height:normal; }
.tabs1 ul { float:left; margin:0; padding:0; list-style:none; }
.tabs1 li { display:inline; float:left; margin:0 5px 0 0; padding:0; }
.tabs1 a { float:left; background:url("../files/images/tableft1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
.tabs1 a span { float:left; display:block; background:url("../files/images/tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#ffffff; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs1 a span { float:none; }
/* End IE5-Mac hack */
.tabs a:hover span { color:#ffffff; }
.tabs1 a:hover { background-position:0% -42px; }
.tabs1 a:hover span { background-position:100% -42px; }
.tabs1 .current a { background-position:0% -42px; }
.tabs1 .current a span { background-position:100% -42px; }

/* pop out image */
.popimg { }
/* make the images and description invisible and an absolute position so that it does not take up any space */
.popimg em { visibility:hidden; position:absolute; }
/* hack for IE5.x */
* html .uk:hover { padding:0px 20px 5px 5px; p\adding:0px 20px 5px 5px; }
/* make the descriptive text visible, give it a size and position */
.popimg:hover em {visibility:visible; float:right; background:#fff; border:1px solid #aaa; color:#333; padding:10px;font-style:normal; line-height:1.4em; font-size:13px; }
/* hack for IE5.x */
* html .popimg:hover em {}
/* give the image a border and margin */
.popimg:hover em img { border:1px solid #ccc; display:block; }