/*

Theme Name: cassiaeducation

Theme URI: http://www.perth-web-design.com.au/

Description: A theme by <a href="http://www.perth-web-design.com.au/">PerthWebDesign</a>.

Version: 1.0

Author: PerthWebDesign

Author URI: http://www.perth-web-design.com.au/

*/



* { margin:0; padding:0; } /* ---- reset margin & padding ----*/



body { background:url(images/bg.jpg) repeat left top; height:100% auto; margin-top:25px; -webkit-text-size-adjust:100%; }

#bggraphic { width:100%; height:137px; position:absolute; /*z-index:-1;*/ background:url(images/bg_graphic.png) no-repeat; top:420px; }

#bgmain_index { width:100%; height:676px; position:absolute; z-index: 3; background: url(images/bg_content.png); margin-top:501px; left:0;}



.float-right { float:right; }

.float-left { float:left; }

.space { height:35px; }

.border { border:1px solid #F00; }

.clear { clear:both; }



a, a:hover, a:visited { text-decoration:none; }

a { color: #245387; font-family:Arial, Helvetica, sans-serif; font-size:14px ; }

a:hover { opacity:0.75; }

img { border:none; }

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

h2.titlebar { height:54px; background:url(images/bar_title.png); font-family: 'Arvo', Serif; font-size:28px; color:#3d3d3e; line-height:54px; margin-bottom:25px; }

h2.titlebar{

	background: url("images/bar_title_top.jpg") repeat-x scroll left top transparent;

    float: left;

    height: auto;

    line-height: 38px;

    width: 100%;}

h2.titlebar span{

	background: url("images/bar_title_bottom.png") repeat-x scroll left bottom transparent;

    display: block;

    float: left;

    padding: 15px 0;

    width: 100%;

}



h2.titlebar_program { height:54px; background:url(images/bar_title.png); font-family: 'Arvo', Serif; font-size:28px; color:#3d3d3e; line-height:54px; margin-bottom:25px; text-align:center; }

h2 p { height:54px; background:url(images/bar_title.png); font-family: 'Arvo', Serif; font-size:28px; color:#3d3d3e; line-height:54px; margin-bottom:25px; }

h5 p { font-family: 'Arvo', Serif; font-size:16px; color:#124e8f; margin-bottom:22px; }

ul { margin-bottom:10px; }

li { font-family:Arial, Helvetica, sans-serif; font-size:14px; }



/* ----------------------------- style head ---------------------------------*/



#head { width:940px; margin:auto; position:relative; font-family: 'Arvo', serif; color:#FFFFFF; height:166px; }

#head #logo { margin-left:5px; width:165px; float:left; }

#head h2 {  font-size:30px; text-shadow: 1px 1px #000000; float:left; }

#head .phone { /* font-size:28px;*/ font-size:23px; /*float:right;*/ text-align:right; /*margin-top:-8px;*/ position: absolute;top: -8px;right: 0; }

#head .address {  font-size:14px; float:right; text-align:right; position:absolute; right:0; top:45px; }



#content-top{

	background: url("images/bg_content_top.png") no-repeat scroll center top transparent;

    height: 30px;

    margin-top: -30px;

}

#content-bottom{

	background: url("images/bg_content_bottom.png") no-repeat scroll center bottom transparent;

    height: 66px;

    margin-bottom: -65px;

    position: relative;

    z-index: 6;

}



/* ----------------------------- END style head ---------------------------------*/



/* ----------------------------- END PRIMARY NAVIGATION ---------------------------------*/



#primary_navigation {

   margin: 0;

   padding: 0;

   height: 42px;

   font-size:19px;

   position:absolute;

   background:url(images/bar_nav.png);

	-moz-border-radius:10px 0 0 10px;

	-webkit-border-radius:10px 0 0 10px;

	-khtml-border-radius: 10px 0 0 10px;

	border-radius: 10px 0 0 10px;

	behavior: url(js/PIE.htc);

   right:14px;

   top:100px; }

#primary_navigation li {

   list-style: none;

   float: left; }  

#primary_navigation li a {

   display: block;

   padding: 0px 10px;

   height:42px;

   line-height:42px;

   color: #fff;

   text-decoration: none; 
   
   font-family: 'Arvo', serif !important;

   font-size: 19px !important;

}

#primary_navigation li a:hover {

   background:url(images/bar_nav_over.png); }

#primary_navigation li ul {

   display: none; 

   width: 200px; /* Width to help Opera out */

   background:url(images/bar_nav.png);

   position:absolute;

   z-index:5;}

#primary_navigation li:hover ul, #primary_navigation li.hover ul {

   display: block;

   position: absolute;

   z-index:5;

   margin: 0;

   padding: 0; }

#primary_navigation li:hover li, #primary_navigation li.hover li {

   float: none; }

#primary_navigation li:hover li a, #primary_navigation li.hover li a {

   /*background:url(images/bar_nav.png); */

   height:42px;

   line-height:42px;

   font-size:14px;

   color: #FFFFFF;}

#primary_navigation li li a:hover {

   background:url(images/bar_nav_over.png);}

#primary_navigation ul li ul {

	visibility: block;

	/*z-index: 50;*/

	position: absolute;

}

#primary_navigation .home{text-indent:-9999px; background:url(images/icon_home.png) no-repeat; width:27px; margin:0 10px; padding:0 !important;}

#primary_navigation .home:hover{background:url(images/icon_home_hover.png) no-repeat; width:27px; margin-left:10px;}

#primary_navigation li .first{text-decoration:none;}

#primary_navigation img {position:absolute; right:-14px; top:0px;}

/* ----------------------------- END PRIMARY NAVIGATION ---------------------------------*/



/* ----------------------------- style slide ---------------------------------*/

#slide { width:940px; height:239px; margin:auto; position:relative; clear:both; margin-top:30px; /*z-index:5;*/ margin-bottom:20px; }
.bigSlide{  height:300px !important;}
#slide img {position:absolute; /*z-index:1;*/}

#slide .text_aboutus { position:absolute; right:72px; top:30px; width:390px; text-align:right; z-index:15; }

#slide .text_contactus { position:absolute; left:45px; top:30px; width:400px; /*z-index:15;*/ }

#slide h1 { font-family:Arial, Helvetica, sans-serif; font-size:62px; color:#0f4177; margin-bottom:30px; }

#slide p { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#202020; margin-bottom:20px; }

#slide p.small { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#202020; margin-bottom:20px; }

#slide #bannerborder { background:url(images/banner_border.png) repeat; width: 960px; height:241px; position:absolute; left:-10px; top:-10px; /*z-index:-1;*/ }
#slide .bigbannerborder{ height:395px !important;}
#slide #banner { position:absolute; /*z-index:5;*/ }

#slide ul { list-style:none; }

#slider .text_home { font-family:Arial, Helvetica, sans-serif; position:absolute; left:45px; top:45px; width:320px; /*z-index:15;*/ }
#slider .addWidth{ width:600px;}
#slider h1 {

	color: #0F4177;

    font-size: 62px;

    line-height: 64px;

    margin-bottom: 20px;

    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.65);

}

#slider p {  font-size:14px; color:#202020; margin-bottom:20px; }

#sliderarea #bannerborder_home { background:url(images/banner_border.png) repeat; width: 960px; height:330px; position:absolute; left:-10px; top:-10px; /*z-index:-1;*/ }



#slide #banner{

	 height: 220px;

    overflow: hidden;

    position: absolute;

    width: 940px;

}
#slide .bigbanner{

	height: 395px !important;

    overflow: hidden;

    position: absolute;

    width: 940px;

}

#slider .readmore{ background:url(images/readmore-bg.png) left top no-repeat; display:inline-block; width:105px; height:33px; text-indent:-9999px;}

#slider .readmore:hover{ background-position:left bottom; }

p.button { 

	display: block;

	text-indent: -9999px;

	background: url(images/readmore-bg.png) no-repeat top left;

	width: 105px;

	height: 33px;

}

p.button:hover { background-position:bottom left; }


/*/////////////////////////////////////////////////////////////////////////////

    BX Slider

/////////////////////////////////////////////////////////////////////////////*/



#slidercontainer {

    position: relative;

    width: 940px;

	height: 395px;

	margin:0 auto;

	margin-top:30px;

}



#sliderarea {

    position: absolute;

    z-index: 1;

	margin:auto;

}



#slider, #slider li {

    position: relative;

    height: 395px;

    width: 940px;

	/*z-index:1;*/

}



#slider p {

	margin: 0 0 10px !important;

}





.bx-prev {

    display: none;

    position: absolute;

    left: -60px;

    top: 40%;

    width: 41px;

    height: 38px;

    display: block;

    background: url(images/button_slider_left.png) no-repeat 0 0;

    text-indent: -99999em;

    /*z-index: 1;*/

}  



.bx-next { 

    display: none;

    position: absolute;

    right: -60px;

    top: 40%;

    width: 41px;

    height: 38px;

    display: block;

    background: url(images/button_slider_right.png) no-repeat 0 0;

    text-indent: -99999em;

    /*z-index: 1;*/

}



/* ----------------------------- END style slide ---------------------------------*/



/* ----------------------------- style main ---------------------------------*/

#container { position:relative; width:100%; min-height:590px; }

#bgmain {

	background: url("images/bg_content.png") repeat-y scroll center bottom #FFFFFF;

    float: left;

    left: 0;

    margin-top: 30px;

    position: relative;

    width: 100%;

    z-index: 3;

}

#main { width:940px; margin: auto; min-height:520px; position:relative; z-index:5; margin-top: 50px; }

#main_index { width:940px; margin: auto; min-height:520px; position:relative; z-index:5; margin-top:-50px; }



/* ----------------------------- END style main ---------------------------------*/



/* ----------------------------- style subpage ---------------------------------*/



#subpage { width:940px; height:107px; margin-bottom:50px; font-family: 'Arvo', serif; }

#col { float: left; width:310px; height:100px; }

#col h2 { font-size: 30px; color:#3d3d3e; margin: 15px 0 0 100px; position:absolute; }

#col p { font-size: 16px; color:#124e8f; position:relative; margin:0 0 0 105px; position:absolute; top:60px; }

.col1 { background:url(images/icon_whatwedo.png) no-repeat left top; height:100px;}

.col1:hover { background:url(images/icon_whatwedo_hover.png) no-repeat left top; height:100px; }

.col2 { background:url(images/icon_program.png) no-repeat left top; height:100px;}

.col2:hover { background:url(images/icon_program_hover.png) no-repeat left top; height:100px; }

.col3 { background:url(images/icon_enroll.png) no-repeat left top; height:100px;}

.col3:hover { background:url(images/icon_enroll_hover.png) no-repeat left top; height:100px; }



/* ----------------------------- END style subpage ---------------------------------*/



/* ----------------------------- style content ---------------------------------*/

#sidebar .titlebar span{ width:90%; padding-left:5%; padding-right:5%;}

#sidebar a.map{ float:left; margin:0 10px; }

#content {

	float: left;

    left: 6px;

    position: inherit;

    width: 585px;
	
	color:#3f3f40;

 }

.page-template-page-fullwidth-php #content{ width: 928px; }



#content h5{ font-family: 'Arvo', Serif; font-size:16px; color:#124e8f; margin-bottom:22px; }

#content h5 p{ font-family: 'Arvo', Serif; font-size:16px; color:#124e8f; margin-bottom:22px; }

#content p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3f3f40; margin-bottom:29px; line-height:21px; }

#content #form_contactus { width:475px; padding:5px; }

#content h2 p { height:54px; background:url(images/bar_title.png); font-family: 'Arvo', Serif; font-size:28px; color:#3d3d3e; line-height:54px; margin-bottom:25px; }



#content img.alignleft{

	float: left;

    margin: 8px 15px 10px 0;

}



#content img.alignright{

	float: right;

    margin: 8px 0 10px 15px;

}





#content ul{

  clear:both;

  float:none;

  padding-left:20px;

}

#content ul li{}

#content ol{ padding-left:20px; }

#content ol li{ }



#form_contactus label{ display:block; font:Arial, Helvetica, sans-serif; size:14px; color:#656565; text-align:left; width:140px; }

#form_contactus input{ font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 0 20px 0; }

#form_contactus textarea{ font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:458px; margin:2px 0 20px 0; }

#form_contactus button{ clear:both; background:url(images/button_submit.png) no-repeat; width:127px; height:40px; }



/* ----------------------------- END style content ---------------------------------*/



/* ----------------------------- Gravity Form Section ---------------------------------*/



.gform_wrapper ul li {

    list-style-image: none;

    list-style: none;

}



#gform_wrapper_4 .gform_wrapper ul li {

    list-style-image: none;

    list-style: none;

}



#gform_wrapper_4 .gform_wrapper ul { margin: 0px; }



#gform_wrapper_4 .gfield_label {

    font-family: font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#656565;

}



#gform_wrapper_4 .gfield_required {

    font:Arial, Helvetica, sans-serif; size:14px; color:#656565;

}

#gform_wrapper_4 .ginput_container{ margin:0 0 15px 0;}

#gform_wrapper_4 .ginput_container input {

    width: 300px;

    font-size: 12px;

    line-height: 12px;

    height: 20px;

    color: #444;

    background: #f3f2f2;

    border: 1px solid #d9d8d8;

    padding: 5px;

    margin-top: 5px 0;

	-moz-box-shadow:    inset 0 0 5px 1px #d9d8d8;

    -webkit-box-shadow: inset 0 0 5px 1px #d9d8d8;

    box-shadow:         inset 0 0 5px 1px #d9d8d8;

}



#gform_wrapper_4 .ginput_container textarea {

    width: 450px;

    font-size: 12px;

    color: #444;

    background: #f3f2f2;

    border: 1px solid #d9d8d8;

    font-family: Arial, Helvetica, sans-serif;

    height: 78px;

    padding:5px;

    margin-top: 3px;

	-moz-box-shadow:    inset 0 0 5px 1px #d9d8d8;

    -webkit-box-shadow: inset 0 0 5px 1px #d9d8d8;

    box-shadow:         inset 0 0 5px 1px #d9d8d8;

}



#gform_wrapper_4 .ginput_container input:focus, .ginput_container textarea:focus {

    background: #FFFFFF;

    color:#3f3f40;

}

#gform_wrapper_4 .gform_footer.top_label { width:462px; text-align:right; }

#gform_wrapper_4 .gform_button {

    width: 100px;

    font-size: 12px;

    line-height: 12px;

    height: 27px;

    padding:5px;

    color: #fff;

    background: #2b7195;

    border: none;

    -moz-border-radius:6px;

    -webkit-border-radius:6px;

    border-radius:6px;

	behavior: url(js/PIE.htc);

    cursor: pointer;

}



#gform_wrapper_4 .gform_button:focus, .gform_button:hover {

    color:#666;

}



#gform_wrapper_4 .gform_validation_container {

    display: none;

}



/*-- Error Section ----------------*/



#gform_wrapper_4 .validation_error {

    font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#656565;

    /*margin:  10px 0px;*/

}



#gform_wrapper_4 .gfield_error {

    background: none;

    border: 0px;

    color: #656565;

    padding: 0px;

}



#gform_wrapper_4 .gfield_error .gfield_label {

    color: #656565;

    font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;

}



#gform_wrapper_4 .validation_message {

    color: #656565;

	font-family:Arial, Helvetica, sans-serif; font-size:12px;

    /*padding: 2px 0px 0px 0px;*/

}



#gform_wrapper_4 .gfield_error input, .gfield_error textarea {

    color: #444;

    background: #f3f2f2;

    border: 2px solid #b1b1b1;

}



#gform_wrapper_4 .gfield_error input:focus, .gfield_error textarea:focus {

    color: #fff;

}



/* ----------------------------- END Gravity Form Section ---------------------------------*/





/* ----------------------------- style sidebar ---------------------------------*/



#sidebar { width:291px; float:right; }

#sidebar img.map { margin-bottom:20px; display:block; margin-left:auto; margin-right:auto;; }

#contactinfo p { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#3f3f40; line-height:18px;}

#contactinfo img {vertical-align:middle;}

#contactinfo .location2 {text-indent:25px; margin-bottom:10px;}



#quote { width:291px; position:relative; }

#quote .quote_main { background:url(images/quote_main.png) repeat-y; position:relative; }

#quote .quote_bottom { background:url(images/quote_bottom.png) no-repeat; height:32px; }

#quote .quote_pname { background:url(images/quote_pname.png) no-repeat; height:45px; line-height:45px; text-align:center; }

#quote .pname { font: 'Arvo', Serif; size:12px; color:#6e6e6e; }

#quote .text { padding-top:40px; padding-bottom:20px; width:150px; text-align:center; margin:auto; font:Arial, Helvetica, sans-serif; size:14px; color:#a9a9a9; }

#quote img.quote_open { position:absolute; top:28px; left:17px; }

#quote img.quote_close { position:absolute; bottom:10px; right:17px; }



/* ----------------------------- END style sidebar ---------------------------------*/



/* ----------------------------- style news ---------------------------------*/



#barnews { width:100%; height:65px; background:url(images/bar_news.png) repeat-x; position:relative; z-index:5; }

#news { height:65px; line-height:65px; width:940px; margin:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#a19d9d; text-align:center; }

#news span { font-family: 'Arvo', Serif; font-size:20px; color: #3d3d3e; }

#news img { vertical-align:middle; margin: 0 5px 0 5px; }



/* ----------------------------- Gravity Form Section [newsletter] ---------------------------------*/

#subscribe {display:inline-block; width:210px; vertical-align: middle;float: right; margin-top: 17px; margin-left: -60px; margin-right: 50px; }

#gform_wrapper_5 .medium.idleField { 

	font-family:'Arvo', Serif; 

	font-size:12px; 

	color:#e3e5e0; 

	text-align:center; 

	width:165px; 

	height:33px; 

	background:url(images/button_email.png) no-repeat; 

	border:none; 

	vertical-align:middle;

	float:left;

}

#gform_wrapper_5 li#field_3_1.gfield.gfield_contains_required {margin:0;}



#gform_wrapper_5 .gform_body {float: left; width: 165px;}

#gform_wrapper_5 .gform_fields.top_label.description_below { 

	margin: 0px;

	width: 175px;

}



#gform_wrapper_5 .gform_wrapper ul { 

	margin: 0px;

}



#gform_wrapper_5 .gform_wrapper ul li {

    margin: 0;

    padding: 0;

    list-style-image: none;

    list-style: none;

}



#gform_wrapper_5 .gfield_label {

    display:none;

}



#gform_wrapper_5 .gfield_required {

    font:Arial, Helvetica, sans-serif; size:14px; color:#656565;

}



/*#gform_wrapper_5 .gform_body .gform_fields .gfield .ginput_container {border:1px solid red}*/



#gform_wrapper_5 .ginput_container input {

	font-family:'Arvo', Serif; 

	font-size:12px; 

	color:#e3e5e0; 

	text-align:center; 

	width:165px; 

	height:33px; 

	background:url(images/button_email.png) no-repeat; 

	border:none; 

	vertical-align:middle;

	float:left;

}



#gform_wrapper_5 .ginput_container input:focus {

	font-family:'Arvo', Serif; 

	font-size:12px; 

	color:#e3e5e0; 

	text-align:center; 

	width:165px; 

	height:33px; 

	background:url(images/button_email.png) no-repeat; 

	border:none; 

	vertical-align:middle;

	float:left;

}



#gform_wrapper_5 .gform_footer.top_label { 

	width:29px; 

	text-align:right; 

	float:left;

}



/*#gform_wrapper_5 .gform_footer input[type=image] {border:1px solid red}*/



#gform_wrapper_5 .gform_images_button {

	background:url(images/button_email2.png) no-repeat; 

	width:29px; 

	height:33px; 

	border:none; 

	vertical-align:middle;

}



#gform_wrapper_5 .gform_button:focus, .gform_button:hover {

    color:#666;

}



#gform_wrapper_5 .gform_validation_container {

    display: none;

}



/*-- Error Section ----------------*/



#gform_wrapper_5 .validation_error {

    font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F00;

    /*margin:  10px 0px;*/

	position: absolute;

	top: -70px;

}



#gform_wrapper_5 .gfield_error {

    background: none;

    border: 0px;

    color: #F00;

    padding: 0px;

}



#gform_wrapper_5 .gfield_error .gfield_label {

    color: #F00;

    font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;

}



#gform_wrapper_5 .validation_message {

    color: #656565;

	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F00; font-weight:bold;

    /*padding: 2px 0px 0px 0px;*/

	position: absolute;

	top: -50px;

}



#gform_wrapper_5 .gfield_error input, .gfield_error textarea {

    color: #F00;

    background: #f3f2f2;

    border: 2px solid #b1b1b1;

}



#gform_wrapper_5 .gfield_error input:focus, .gfield_error textarea:focus {

    color: #fff;

}



/* ----------------------------- END Gravity Form Section ---------------------------------*/



/* ----------------------------- END style news ---------------------------------*/



/* ----------------------------- style footer ---------------------------------*/



#bgfooter { width:100%; position:relative; background:url(images/bg_footer.png) repeat-x; height:182px; /*z-index:1;*/ }

#footer { width: 940px; margin:auto; padding-top:100px; }

#footer p.copyright { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#a6a4a4; margin-left:50px; }

#footer img { //margin-right:18px; }



/* ----------------------------- END style footer ---------------------------------*/





.teducation{  border-right: 1px solid #000000;

    border-top: 1px solid #000000;}

	.teducation th{ height:30px;

	border-bottom: 1px solid #000000;

    border-left: 1px solid #000000; }

	.teducation tr td{border-bottom: 1px solid #000000;

    border-left: 1px solid #000000;

    height: 100px;}

	.teducation tr td .week{ text-align:center;}

	.teducation tr td .date{ height: 10px;

    padding: 1%;

    text-align: right; }

	.teducation tr td .text{ height:80px; padding:5px;}

.text_home {
	padding:10px;
	background: url(images/bg_excerpt.png) repeat;
	/*text-shadow: 0 0 5px #FFF;*/
	-moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;
	
}
.text_home .excerpt p{
	color:#FFF !important;
	
}

/*   STYLE LIST OF PROGRAMS   */

#programs { margin-bottom: 30px; }

#programs ul { list-style:none; /*margin-left:33px;*/ }

#programs li { 

	background: url("images/icon_program_small.png") no-repeat scroll left top transparent;

    /*float: left;*/

    line-height: 35px;

    min-height: 45px;

    /*width: 260px; */

}

#programs li a { 

	font-family:Arial, Helvetica, sans-serif;

	color: #3F3F40;

    display: block;

    float: left;

    line-height: 20px;

    padding-left: 55px;

    padding-top: 7px;

    size: 18px;

}
#subscribe #gforms_confirmation_message {
	width: 370px;
	margin-top: -15px;
}