/*
Theme Name: Centaur Academy
Author: Bosh It Web Services
Author URI: http://www.bosh.me/
*/

html, body {
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
height:100%;
font-size:12px;
}

a, a:link, a:active, a:visited {
color:#000066;
text-decoration:none;
}

a:hover {
color:#3333CC;
/*text-decoration:underline;*/
/*border-bottom:1px solid #FF6600;*/ 
}

p {
font-size:12px;
}
img {
border:0;
}

ul.sidebar, ul.sidebar li {
list-style-type:none;
margin:0;
padding:0;
}

#banner {
float:left;
margin:auto;
padding:12px 10px 6px 42px;
width:720px;
text-align:center;
position:relative;
}

.bannermsg {
font-size:12px;
float:left;
padding:6px 0;
margin:auto;
height:42px;
width:140px;
text-align:left;
}

.bannermsg a, a:link .bannermsg, a:visited .bannermsg, a .bannermsg {
color:#000e3c;
}


.bannerbutton {
float:left;
margin-right:26px;
padding:0;
/*border:2px outset #41507C;*/
/*background-color:#41507C;
*/
width:210px;
height:60px;
/*-moz-border-radius:12px;*/
}

.newsletterbutton {
background:transparent url(images/buttons_03.png) 0 0 no-repeat scroll;
}

.newsletterbutton:hover {
background-position:0 -60px;
}


.coursesbutton {
background:transparent url(images/buttons_03.png) -210px 0 no-repeat scroll;
}

.coursesbutton:hover {
background-position:-210px -60px;
}


.fundsbutton {
background:transparent url(images/buttons_03.png) -420px 0 no-repeat scroll;
}

.fundsbutton:hover {
background-position:-420px -60px;
}

.bannerbutton a {
font-family:Arial, Helvetica, sans-serif;
position:relative;
font-size:14px;
font-weight:bold;
color:#CCCCCC;
text-decoration:none;
text-shadow:#000 0px -1px 2px;
float:right;
width:138px;
height:40px;
padding:6px 12px 14px 60px;
}

.bannerbutton a:hover {
color:#ffffff;
text-decoration:none;
text-shadow:#000 0px 0px 2px;
}


#header {
width:100%;
background:transparent url(images/headerbar.png) repeat-x;
padding:0;
position:relative;
z-index:10000 !important;
}



.post-edit a {
text-decoration:none;
font-size:11px;
color:#fff;
background-color:#41507C;
padding:2px 4px;
border:1px solid #000e3c;
float:left;
}

#header img {
float:left;
}

#header-inside {
width: 960px;
margin: 0 auto;
height:140px;
position:relative;
}



body > #container {
    position: relative;
	height:auto;
    min-height: 100%;
}

#content {
width:480px;
height:100%;
float:left;
position:relative;
margin-top:0;
/*z-index:-1;*/
}

#content a {
}
#panel1, #panel2 {
width:240px;
float:left;
margin-top:6px;
}


.post {
/*z-index:-1;
*/
}
#page {
width:960px;
margin:0 auto;
padding-bottom:150px;
overflow:auto;
clear:both;
}

/* slider */

#s3slider {
   width: 960px; /* important to be same as image width */
   height: 320px; /* important to be same as image height */
   position: relative; /* important */
   margin:6px 0 0 0;
   padding:0;
/*   z-index:-1;
*/}

#s3sliderContent {
   width: 960px; /* important to be same as image width or wider */
   height:320px;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding:0;
   list-style-type:none;

}

#s3sliderContent {
margin:0;
padding:0;

}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 14px Geneva, Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   /*width: 374px;*/
   background-color: #000E3C;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
  /* top: 0;
*/
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 5px;
    left: 0;
	width:480px !important;
}
.left {
	top: 0;
    left: 0;
	width: 480px !important;
/*	height: 280px; */
}


.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}



/* menus */

/* again with the menu - these are the classes wordpress adds with wp_list_pages */

/* the outermost list item; contains whole list */
.pagenav { 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:2px 0 0 0;
padding:0;
height:37px;
position:absolute;
float:right;
}

/* any Page item */
.page_item { /*
background-color:#E9E9E9;
border:1px solid #000e3c;*/
/*position:relative;
float:left;*/
text-align:center;
width:170px;
height:35px;
padding-bottom:2px;
/* text-shadow:#000 0px 2px 4px; */

}

/* second level ul */
/*body.noJS li.page_item ul {
display: none; 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}*/





/* second level ul hover */
body.noJS li.page_item:hover ul { 
/*display: block; 
margin:0;
padding:0;*/
 }
	
/* any link in menu */
li.page_item a {
padding-top:6px;
display:block;
height:31px;
text-transform:uppercase;
font-size:14px;
color:#dedede;
text-decoration:none;
}

/* second level li */
li.page_item ul li.page_item {
margin:0;
padding:0;
background-color:#000e3c;
height:28px;
}	   





/* Drop down li links */
li.page_item ul li a, li.page_item ul li a:link {
text-transform:none;
font-size:13px;
text-align:left;
text-indent:6px;
height:24px;
margin:0;
padding:4px 0 0 0;
}

li.page_item ul li, li.page_item ul  {
height:28px;
/*z-index:1;
*/}
/* hovered menu stlye */
li.page_item a:hover, li.page_item ul li a:hover {
color:#FFFFFF;
background-color:#41507C;
/* text-shadow:#000 0px 0px 2px; */
cursor:
/*z-index:1;*/
} 

li.page_item ul li a:hpver {
height:28px;
}   
.page-item-2 { } /* item for Page ID 2 */

.current_page_item { } /* the current Page */

.current_page_parent { } /* parent of the current Page */
.current_page_ancestor { } /* any ancestor of the current Page */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* footer styles */
#footer {
width:100%;
background:transparent url(images/footerbar.png) repeat-x;
padding:0;
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;
} 

#footer-links {
width:960px;
margin:0 auto;
}

#footer ul, ul.footerlinks{

padding:0;
float:left;
margin:0 16px;
display:inline;
color:#CCCCCC;
position:relative;
top:30px;
list-style-type:none;
}

 ul.footerlinks li, #footer li.pageitem {
 margin:0;
 padding:0;
 line-height:12px;
 text-align:left;
 width:auto;
 height:16px;
 }

#footer a, #footer a:link, #footer a:visited {
width:auto;
/*height:15px;
vertical-align:baseline;
*/text-transform:none;
margin:0;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
/* text-shadow:#000 0px -1px 2px; */
background:transparent;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:none;
/* text-shadow:#000 0px 0px 2px; */
}

.post-content {
padding:0 12px;
}

#page p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.eMember_label {
color:#000e3c;

}

.eMember_button {
font-size:18px;
-moz-border-radius:6px;
background-color:#C30009;
}

.eMember_button:hover {
background-color:#6a7194;
}

#doLogin {
}

/* palette */

.color1 {
    color: #6a7194; /* waikawa grey */
}
.color2 {
    color: #5f579d; /* governor bay */
}

.color3 {
    color: #c69f74; /* rodeo dust */
}
.color4 {
    color: #604631; /* irish coffee */
}
.color5 {
    color: #040703;
}
.color6 {
    color: #f1d2d2; /* vanilla ice */
}
.color7 {
    color: #504638; /* paco */
}
.color8 {
    color: #b0a192; /* eagle */
}
.color9 {
    color: #c3c5ac; /* kangaroo */
}
.color10 {
    color: #987277; /* bazaar */
}
.color11 {
    color: #8f8680; /* suva grey */
}

#page p.frontpagemain {
color:#000066;
font-size:20px;
font-weight:bold;
line-height:20px;
text-align:center;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4 {
color:#000066;
font-weight:bold;
/*text-shadow:1px 0px 1px #d7af85;*/
/*margin:0;
padding:0;*/
}

.post-content h1 {
/*border-bottom:1px dashed #ff6600;
background-color:#eda;*/
}

h1 { font-size:18px; line-height:22px; }
h2 { font-size:16px; color:#000066; }
h3 { font-size:14px; } 
h4 { font-size:12px; }

.wp_eMember_widget {
}

div.textwidget div.bannerbutton {
margin-bottom:36px;
}

#loginForm .eMember_label {
font-size:11px;
}

#login_user_name, #login_pwd {

}

#doLogin {
font-size: 14px;
}
.forgot_pass_link {
font-size:10px;
}

.register_link {
font-size:16px;
}

a.sliderLink {
color:#eda;
text-decoration:none;
font-weight:bold;
font-size:18px;
float:right;
}

.sliderLink:hover {
color:#fff;
}

.s3sliderImage span h1 {
font-size:18px;
}

#page .s3sliderImage p {
font-size:14px;
}

#page blockquote p {
font-size:14px;
}

.eMember_text_input {
height:14px;
width:60%;

}

.widget_course_list {
margin:0;
padding:0 0 6px 0;
}