/* 
Client			: ACST - Australian College of Sports Therapy
Description		: Main site css
Created By		: Bjorn de Lima
Created Date	: Mid-2009

*/
/* CSS Document */

/* Css 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%;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	line-height: 1.1;
	background:url(../images/tile_body.jpg) repeat-y #2AC5D7 left;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
#page{
width:948px;
background-color:#2AC5D7;
}
#side{
width:200px;
float:left;


}
#content{
width:730px;
background:#FFFFFF url(../images/tile_main.jpg) repeat-y;
float:left;
padding-left:18px;
display:inline;
}

#content h1,#content h1.inner{
background:url(../images/acst_logo.gif) no-repeat;
height:95px;
margin:8px 15px;
text-indent:-900px;
cursor:pointer;
}
#content h1.inner{
background:url(../images/acst_logo_small.gif) no-repeat;
margin:8px 0px 0px 15px;
}
#mainmenu{
background:#51b1df url(../images/tile_menu.jpg) repeat-x ;
height:45px;
}
#mainmenu ul{


}
#mainmenu ul li{
color:#FFFFFF;
font-family:tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
float:left;
display:block;
background:#51b1df url(../images/tile_menu.jpg) repeat-x ;
}

#mainmenu ul li a{
color:#FFFFFF;
padding:5px 20px 7px 20px;
text-decoration:none;
display:block;
float:left;
}
#mainmenu ul li a:hover{
color:#fc0;

}

#mainmenu ul li a span{
color:#111;
font-size:11px;
padding-top:3px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
float:left;
}

.rtop, .rbottom,.rtop2, .rbottom2{display:block}
.rtop *, .rbottom *,.rtop2 *, .rbottom2 *{display: block; height: 1px; overflow: hidden}
.rtop .r1{margin: 0 5px 0 0;background:#fff;}
.rtop .r2{margin: 0 3px 0 0 ;background:#fff;}
.rtop .r3{margin: 0 2px 0 0;background:#fff;}
.rtop .r4{margin: 0 1px 0 0;background:#fff;height:2px;}
.rtop .r1,.rtop .r2,.rtop .r3,.rtop .r4{background-color:#65beea;} 

.rtop2 .r1{margin: 0 4px 0 0px;background:#004D8A;}
.rtop2 .r2{margin: 0 3px 0 0px ;background:#004D8A;}
.rtop2 .r3{margin: 0 2px 0 0px;background:#004D8A;}
.rtop2 .r4{margin: 0 1px 0 0px;background:#004D8A;height:2px;}
.rtop2 .r1,.rtop2 .r2,.rtop2 .r3,.rtop2 .r4{background-color:#004D8A;} 


.rbottom .r1{margin: 0 4px 0 4px;background:#6ABFE8;}
.rbottom .r2{margin: 0 3px 0 3px ;background:#6ABFE8;}
.rbottom .r3{margin: 0 2px 0 2px;background:#6ABFE8;}
.rbottom .r4{margin: 0 1px 0 1px;background:#6ABFE8;height:2px;}

.rbottom2 .r1{margin: 0 4px 0 0px;background:#066DAF;}
.rbottom2 .r2{margin: 0 3px 0 0px ;background:#066DAF;}
.rbottom2 .r3{margin: 0 2px 0 0px;background:#066DAF;}
.rbottom2 .r4{margin: 0 1px 0 0px;background:#066DAF;height:2px;}

.rtop2mini .r1{margin: 0 4px 0 0px;background:#004D8A;}
.rtop2mini .r2{margin: 0 3px 0 0px ;background:#004D8A;}
.rtop2mini .r3{margin: 0 2px 0 0px;background:#004D8A;}
.rtop2mini .r4{margin: 0 1px 0 0px;background:#004D8A;height:2px;}


ul.courses{
color:#FFFFFF;
font-size:15px;
line-height:1.7;
margin-left:30px;
margin-top:100px;
}
ul.courses li{
background:url(../images/li_circ.jpg) left no-repeat;
font-family:tahoma,Arial, Helvetica, sans-serif;
padding-left:30px;
margin:0px;
font-weight:normal;
}
ul.courses li.first{
background:url(../images/li_main.jpg) left no-repeat;
}
#side ul.courses li a{
color:#FFFFFF;
font-family:tahoma,Arial, Helvetica, sans-serif
}
ul.courses li.finder{
font-weight:bold;
margin-top:22px;
}
#maincontent{

padding:18px 25px;
background:url(../images/tile_content.jpg) #004D8A repeat-x bottom;
}
#flash{
margin-bottom:8px;
}
#header h2{
background:url(../images/header_about.jpg) no-repeat;
height:180px;
margin:0px 0px 10px 0px;
text-indent:-900px;
}
#about #header h2{
background:url(../images/header_about2.jpg) no-repeat;
}
#students #header h2{
background:url(../images/header_students.jpg) no-repeat;
}
#sports #header h2{
background:url(../images/header_sports.jpg) no-repeat;
}
#staff #header h2{
background:url(../images/header_staff.jpg) no-repeat;
}
#library #header h2{
background:url(../images/header_library.jpg) no-repeat;
}
#events #header h2{
background:url(../images/header_events.jpg) no-repeat;
}
#location #header h2{
background:url(../images/header_location.jpg) no-repeat;
}
#massage #header h2{
background:url(../images/header_massage.jpg) no-repeat;
}
#myotherapy #header h2{
background:url(../images/header_myotherapy.jpg) no-repeat;
}
#download #header h2{
background:url(../images/header_download.jpg) no-repeat;
}
#contact #header h2{
background:url(../images/header_contact.jpg) no-repeat;
}
#finder #header h2{
background:url(../images/header_about2.jpg) no-repeat;
}

.w60{
width:60%;
}
.w40{
width:40%;
}
.w90{
width:100%;
}
.w70{
width:70%;
}
.w30{
width:30%;
}
.left{
float:left;
}
.right{
float:right;
}

h3{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#B3EAF0;
font-size:15px;


}
h2{
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#fff;
font-size:25px;
margin:2px 0px 15px 0px;
}
p{
padding:5px 38px 2px 0px;
color:#EBF1F7;
font-size:12px;
line-height:1.5;
}
.text{
color:#EBF1F7;
font-size:12px;
line-height:1.5;
}
p strong{
color:#FFFFFF;
}
p a{
color:#B3EAF0;
text-decoration:underline;
}

#footer{
border-right:1px solid #ddd;
background:url(../images/tile_footer.jpg) repeat-x bottom #fff;
}
#maincontent .block{
width:300px;
float:left;
margin:1px 15px 5px 10px;
font-size:11px;
line-height:1.5;
display:inline;
color:#EBF1F7;
}
#maincontent h3{
clear:both;
float:none;
display:block;
padding-top:10px;
}
#maincontent ul li a, #maincontent h4,#maincontent ul.points li{
display:block;
padding-top:17px;
padding-bottom:8px;
text-indent:11px;
background:url(../images/arrow3.gif) left no-repeat;
background-position:0px 20px;
color:#fff;
font-size:12px;
}
#maincontent ul.points li{
padding-top:5px;
padding-bottom:5px;
margin-left:20px;
background-position:0px 8px;
}
#maincontent h4 a{
color:#FFFFFF;
}
#maincontent ul li{
padding-bottom:0px;
text-indent:14px;
padding:0px;
margin:0px;
font-weight:bold;
}
#maincontent ul li a{
	padding:0px 3px;
	background-position:0px 4px;
	margin-top:0px;
}

#footer .block{
width:100px;
float:left;
margin:1px 15px 5px 25px;
font-size:11px;
line-height:1.5;
display:inline;
}
#footer .block ul strong{
display:block;
padding-top:15px;
padding-bottom:8px;
text-indent:11px;
background:url(../images/arrow.gif) left no-repeat;
background-position:0px 20px;
}
#footer .block a{
color:#666;
}
#maincontent .block li {
margin:0px;
text-indent:0px;
padding:0px;
}
#footer .block a:hover{
color:#2AC6D8;
}
a{
text-decoration:none;
}
.curvetop{
height:9px;
margin-top:12px;
background:url(../images/curve_top.gif) top repeat-x;
}
.curvebot{
height:9px;
margin-bottom:12px;
background:url(../images/curve_bottom.gif) top repeat-x;

}

#mainmenu li ul{
display:none;
position:absolute;
}
#mainmenu li ul li{
font-size:14px;
clear:both;
display:block;
line-height:1.2;
margin:0px;
padding-top:2px;
width:auto;
width:185px;
background:url(../images/arrow2.gif) no-repeat #6ABFE8 ;
background-position:0px ;
text-indent:8px;
}
#mainmenu li ul li.last{
padding:0px;
background-color:transparent;
background-image:none;
}

#copyright{
font-size:11px;
padding:5px 0px 20px 20px;
color:#888;
}

/* --------------  form styling ------------------*/
form{
margin-top:30px;
}
form label{
display:block;
padding:10px 0px;
clear:both;
display:block;
float:none;
text-indent:12px;
}
form label span{
color:#FFFFFF;
width:130px;
display:block;
float:left;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}
form label input.input{
margin:0px;
width:204px;
height:24px;
border:none;
background:url(../images/inputbg.jpg) top left no-repeat;
text-indent:15px;
font-size:12px;
padding-top:3px;
color:#666666;
}

form label span#select{
background:url(../images/selectbg.jpg) top left no-repeat;
width:195px;
height:25px;
color:#666;
text-indent:20px;
padding-top:4px;
cursor:pointer;
font-size:12px;
display:block;
float:left;
margin-left:11px;

}

form textarea{
border:none;
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tright{
text-align:right;
}
#contact .w30 p{
padding-right:0px;
padding-left:0px;
font-family:Tahoma, Arial, Helvetica, sans-serif;

}

#download dl{
	height:60px;
	width:444px;
	margin-top:15px;
	text-indent:80px;
	background:url(../images/bgdown.jpg) no-repeat top left;
}

#download dl h3{
color:#2AC6D8;
font-size:17px;
margin-bottom:0px;
margin-top:1px;
font-family:Tahoma,Arial, Helvetica, sans-serif
}
#download dl p{
color:#666;
font-size:12px;
margin-top:0px;
padding:0px;
}
#maincontent ul.tick li{
color:#FFFFFF;
font-size:14px;
font-weight:lighter;
line-height:1.6;
text-indent:22px;
background:url(../images/tick.gif) no-repeat left;
}

.staff{
width:160px;
height:240px;
display:inline;
float:left;
margin-right:10px;
text-align:center;
margin-bottom:20px;
}

#maincontent .staff h3{
text-align:center;
color:#62BCE9;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
margin-top:0px;
padding-top:2px;
line-height:1.4;
}
.staff img{
padding-left:0px;
}
#maincontent .staff h4{
font-family:tahoma,Arial, Helvetica, sans-serif
color:#FFFFFF;
font-weight:lighter;
background-image:none;
text-align:center;
margin:0px;
padding:1px;
font-size:15px;
}
p.small{
font-size:10px;
font-weight:bold;
}
span.abn{
display:block;
padding-top:10px;
font-size:10px;
color:#888;
}
#myotherapy .block ul li a ,#diploma_st .block ul li a{
background-image:none;
font-weight:bold;
color:#EBF1F7;
text-indent:0px;
padding-left:0px;
font-size:11px;
}
#myotherapy .block ul li a:hover ,#diploma_st .block ul li a:hover{
color:#B3EAF0;
text-decoration:underline;
}
.hidden{
display:none;
}
span.dropitem{
position:absolute;
}
.dropitem a{
background-color:#B3EAF0;
display:block;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:5px 3px;
text-indent:0px;
}
.dropitem a:hover{
background-color:#fff;

}

#searchbox{
clear:both; 
text-align:right; 
text-transform:uppercase; 
font-size:10px; 
color:#666666;
background:url(../images/tile_search.jpg) repeat-x top left;
height:50px;
}
#searchbox h3{
width:390px;float:left; margin:12px; margin-top:16px; font-size:12px; font-weight:bold;
text-transform:capitalize; margin-left:0px; color:#444;

}