/* ------------ CSS ---------------- */

/* <<<<<<<<<<<<<<<< STYLE CSS >>>>>>>>>>>>>>>> */


/* ---------------------------- */
/* --------- INITIAL ---------- */

* { margin:0; padding:0;}


* html p#iepara{ 
/* For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE */
padding-top: 1em;
}


body {
background:#39414a;
font-size:17px;
line-height:1em;
font-family:tahoma, arial;
color:#5a6b6d;
}

img {
border:0; 
vertical-align:top;
}



/* -------- END INITIAL ------- */
/* ---------------------------- */






/* ---------------------------- */
/* -------- CLASSES ----------- */
.column { float:left;}
.clear { clear:both;}

p {
text-align:justify;
}

.vam{
vertical-align:middle;
}

.fl{ 
float:left
}

.fr{ 
float:right
}

.tac{ 
text-align: center
}

span{ 

}

a img{ 
border:0px
}


a:hover {
text-decoration:none;
color:#999999;
}

a {
color:#39414A;
}

b a {
color:#39414a;
text-decoration:none;
padding:0 0 0 19px;
}

b a:hover {
text-decoration:none; 
color:#0fb6d0;
}

strong img{
margin:1px 7px 0 0;
vertical-align:text-bottom;
}

strong a{
color:#39414a; 
text-decoration:none;
}

strong a:hover {
text-decoration:none; 
color:#0fb6d0;
}

.title {
margin-bottom:12px;
color:#39414A;
font-size:18px;
}


h1 {
}

h2 {
}

h3 {
font-size:18px;
color:#39414A;
font-weight:bold;
}

h3 a {
font-size:18px;
color:#39414A;
font-weight:bold;
}

/* -----> lists */
ol { 
margin:0; 
padding:0; 
list-style-position:inside; 
}

li { 
line-height:1.75em;
}

li a {

}

.list ul{
list-style:none;
}

/* -------- END CLASSES ------- */
/* ---------------------------- */





/* ---------------------------- */
/* ------------ FORMS --------- */
input, select {
background:#FFFFFF;
vertical-align:middle; 
font-family:tahoma; 
color:#000000; 
font-weight:normal;
}

input {
border: 1px solid #7F9DB9;
background:#FFFFFF;
margin-bottom:8px;
}

input .btn {
background:#F8F8F6;
}


input:hover {
border: #00AFF0 1px solid;

}

textarea{
   width:150px; height:127px;
   font-size:1em;
   padding:0 5px 0 5px;
   margin:3px 0 11px 0px;
   overflow:auto
}


/* ----> Call back */

.form_container {  
padding:0;
margin:0;
}

div #bottom_left_1_1_pnlViewForm {
margin:0;
margin-left:10px;
}

div #bottom_left_1_1_pnlViewForm div .fieldItem {
width:230px;
height:60px;
padding:0;
}

div #bottom_left_1_1_pnlViewForm div .title {
height:15px;
padding:0;
margin:0;
}

div #bottom_left_1_1_pnlViewForm div .fieldItemInner {
padding:0;
margin:0;
}

div #bottom_left_1_1_pnlViewForm div .fieldItemInner input{
width:140px;
}

div #bottom_left_1_1_pnlViewForm .req {
display:none;
}

div #bottom_left_1_1_pnlViewForm .fieldName {
color: #000000;
}

div #bottom_left_1_1_pnlViewForm div .fieldItem {
height:50px;
margin:0;
padding:0;
}

div #bottom_left_1_1_pnlViewForm div .type-phone {
height:40px;
margin:0;
padding:0;
}


div #bottom_left_1_1_pnlViewForm div .type-text {
height:40px;
padding:0;
margin:0;
}





/* -------- END FORMS --------- */
/* ---------------------------- */





/* <<<<<<<<<<<<<<<< END STYLE CSS >>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<< INTERMISSION  >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */
/* <<<<<<<<<<<<<<<<               >>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<< HTML CSS >>>>>>>>>>>>>>>> */





/* ----------------------------- */
/* ---------- HEADER ----------- */
.header {

}


.tall_header {
background:#FFFFFF url(../../../Images/template/skybg.jpg) 0 -1px repeat-x; 
width:100%;}

.h_logo, .h_img, .h_menu { 
width:780px;
}

div .main {
margin:0 auto 0 auto;
width:753px;
height:100%;
}

.site_center {
margin:0 auto 0 auto;
}

.tall_header {
height:100%;
}

.h_logo {
height:147px; 
background:url(../../../images/template/logo.gif) 291px 38px no-repeat;
}

.h_logo img {
position:absolute; 
margin:38px 0 0 291px; 
width:198px; 
height:79px;
}

.h_img {
height:194px; 
background:url(../../../images/template/h_img.jpg) 11px 0 no-repeat;
}



.h_menu {
height:52px; 
text-indent:11px;
}

.title, .title1 {
display:block; 
}



.line_x {
background:url(../../images/icons/line_x.gif) 0 0 repeat-x; 
height:7px; 
margin:10px 0 0 0;
}

.ind_1 {
margin:11px 0 11px 0;
}



/* -----> NAVIGATION */

#navigation {
height:20px;
text-align:center;
}

#navigation a {
display: inline;
}

#navigation ul, #navigation li {
margin: 0; 
padding: 0;
}

#navigation li {
display: inline; 
list-style: none;
}

#navigation ul li, .menuHorizontal ul {
margin: 0;
padding: 0;
background: none;
}

#navigation .mainfoldericon{ 
background: #e0f0f5;
}

#navigation ul li a{
/*top level item widths*/
width: auto;
text-align:center;
float: left;    
font-size:9px;
font-weight:bold;
padding: 1px 7px;
margin-top:1px; 
border:0;
border-right:1px #333333 solid;
color:#FFFFFF;
font-size: 12px;
text-transform: uppercase;
}

#navigation ul li a:hover{
/*menu item hover colours*/
color:white;


}
#navigation ul li#firstitem {
border-left: none;

}
#navigation ul li ul li {
display: block;
float: none;
clear: both;
}
#navigation ul li ul li a{
/*sub menu */
border-color:#FFFFFF;
display: block;
float: none;
clear: both;
color:#361F05;
padding: 2px 12px;
width: 100px;
font-size:12px;
background:#666666;
}

#navigation .subfoldericon{
background-color: #e0f0f5;
}


.mainNav .level2 {
display:none;
}

.mainNav li{
list-style:none;
}

/* Holly Hack for IE */
 html .menuHorizontal ul li { float: left; height: 1%; }
 html .menuHorizontal ul li a { height: 1%; }
 html .menuHorizontal ul li ul li { float: left;}





/* --> IMAGE NAVIGATION */
#img-nav {

}

#img-nav #navigation_top {
height:122px;
background: #00AFF0 url(../../../Images/template/img-nav/img-nav_top.jpg) no-repeat;
}


#img-nav #navigation_bottom {
height:106px;
background: url(../../../Images/template/img-nav/img-nav_bottom.jpg) no-repeat;
}




#img-nav ul {
margin-left:20px;
}

#img-nav ul li {
list-style:none;
}

#img-nav ul li a {
list-style:none;
float:left;
margin-left:35px;
}






/* -----> BOXES INITIAL */
.box a {
color:black;
text-decoration:none;
}

.box {
margin-bottom:15px;
}




/* -----> SERVICES BAR */
div .servicesbar {
float: right;
width: 245px;
font-size: 11px;
}

div .servicesbar .box table{
margin:10px;
}

div .servicesbar .box img {
padding-right:5px;
}

div .servicesbar .box {
background: url(../../../images/template/module-bottom.png) no-repeat bottom left;
height:153px;
}

div .servicesbar h4 {
padding: 10px 0 0 10px;
background: url(../../../images/template/module-top.png) no-repeat top left;
font-family: Arial;
font-size: 18px;
font-weight: normal;
color:#00AFF0;
}





/* -----> NEWSLETTER BAR */
div .newsletterbar {
float: right;
width: 245px;
font-size: 11px;
}

div .newsletterbar .box  div{
padding-left:10px;
}

div .newsletterbar  .box img {
padding-right:5px;
}

div .newsletterbar  .box {
background: url(../../../images/template/module-bottom.png) no-repeat bottom left;
height:153px;
}

div .newsletterbar  h4 {
padding: 10px 0 0 10px;
background: url(../../../images/template/module-top.png) no-repeat top left;
font-family: Arial;
font-size: 18px;
font-weight: normal;
color:#00AFF0;
}





/* -----> BLOG BAR */
div .blogList ul {
margin-top:8px;
}


div .blogbar {
float: right;
width: 245px;
font-size: 11px;
}

div .blogbar .box a {
padding-left:10px;
}


div .blogbar .box  div{
}

div .blogbar  .box img {
padding-right:5px;
}

div .blogbar  .box {
background: url(../../../images/template/module-bottom.png) no-repeat bottom left;
height:153px;
}

div .blogbar  h4 {
padding: 10px 0 0 10px;
background: url(../../../images/template/module-top.png) no-repeat top left;
font-family: Arial;
font-size: 18px;
font-weight: normal;
color:#00AFF0;
}

div .blogbar h2{
font-weight:normal;
font-size:11px;



}

div .blogbar .postDate{
display:none;
}

div .blogbar .postInfo {
display:none;
}

div .blogbar .title {
display:none;
}

div .blogbar .element {
margin:0;
}

div .blogbar .postTitle a{
margin:0;
padding:0;
}

div .blogbar li {
margin-left:30px;
list-style:disc;
}

div .blogbar .rss {
display:none;
}







/* -----> PORTFOLIO BAR */
div .blogbar object{
margin:10px;
}



/* -----> TESTIMONIALS BAR */
div .testimonialsbar {
float: right;
width: 245px;
font-size: 11px;
}


div .testimonialsbar .box  div{
}

div .testimonialsbar  .box {
background: url(../../../images/template/module-bottom.png) no-repeat bottom left;
height:153px;
}

div .testimonialsbar  h4 {
padding: 10px 0 0 10px;
background: url(../../../images/template/module-top.png) no-repeat top left;
font-family: Arial;
font-size: 18px;
font-weight: normal;
color:#00AFF0;
}


#school-banner {
margin-top:5px;
}





/* -------- END HEADER --------- */
/* ----------------------------- */




/* ---------------------------- */
/* ------ CONTENT AREA -------- */


/* -----> INITIAL */
.col_1, .col_2, .col_3, col_4 {
float:left;
display:inline;
}

.col_box_1, .col_box_2 {
float:left;
display:inline;
}

.content {
height:100%;
margin:10px;
padding:0;
font-size:0.687em; 
line-height:1.5em; 
}

.content #cmscontent {
padding-bottom:25px;
}


.leftcol2 {
display:inline;
width:225px;
float:left;
height:100%;
margin-top:20px
}

.rightcol2 {
display:inline;
width:460px;
float:right;
margin-top:20px
}

/* -----> PAGES */

/* ------ HOME PAGE ------ */

#home {
height:100%;
}

#home .content .col_1 {
width:150px;
}

#home .content .col_2 {
width:150px;
}

#home .content .col_3 {
width:150px;
}

/* -$$$$ END HOME PAGE $$$$$- */




/* ----- COLUMNS TWO PAGE ------ */
#columns_two .col_1 {
display:inline;
width:336px;
float:left;
height:100%;
margin-right:10px;
padding-left:10px;
padding-right:15px;
margin-top:20px
}

#columns_two .col_2{
display:inline;
width:336px;
float:left;
padding-right:10px;
padding-left:15px;
margin-top:20px
}


/* -$$$ END COLUMNS TWO PAGE $$$- */

/* ----- RIGHTBAR PAGE ------ */
#rightbar .col_1 {
display:inline;
width:465px;
float:left;
height:100%;
margin-right:10px;
padding-left:10px;
padding-right:15px;
margin-top:20px
}

#rightbar .col_2{
display:inline;
width:205px;
float:left;
padding-right:10px;
padding-left:15px;
margin-top:20px
}

.content input, select{
   width:150px;
}

#rightContent_4_4_pnlViewForm .title{
font-size:14px;
margin-bottom:1px;
}



/* -$$$ END RIGHTBAR PAGE $$$- */


/* ----- WIDE PAGE ------ */
#wide .col_1 {
width:100%;
height:100%;
}

/* -$$$ END WIDE PAGE $$$- */



/* -$$$ END RIGHTBAR PAGE $$$- */
#wide-blog .col_1 {
width:100%;
height:100%;
}

#wide-blog .postViewInfo {
display:none;
}

#wide-blog .blogBack {
display:none;
}

/* -$$$ END WIDE PAGE $$$- */



/* ------> CONTENT CLASSES */




/* BLOG */
.col_1 .postTitle a {
color: #39414A;
font-size:16px;
text-decoration:none;
}

.col_1 .postInfo{
color: #00AFF0;
font-weight:bold;
}

.post h2 {
color: #39414A;
}



/* ----- END CONTENT AREA ----- */
/* ---------------------------- */






/* ---------------------------- */
/* --------- FOOTER ----------- */

.footer {
margin:0 auto 20px auto;
width:753px;
color:#FFFFFF;
font-size:0.687em;
}

footster {
width:753px;
margin:0 auto 0 auto;
}


.footer a {
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}
.footer span {
margin:0 359px 0px 6px;
}

.footer .decor{
margin:0; 
padding:0;
}

.footer .decor span {
margin:0; 
padding:0; 
color:#FFFFFF;
} 


/* ------- END FOOTER --------- */
/* ---------------------------- */

 




/* <<<<<<<<<<<<<<<< END HTML CSS >>>>>>>>>>>>>>>> */


        img.info{
            float:right;
            margin-right:5px;
        }

        /* END CSS */
/* ---------------------------- */

#more-services{
    color:#FFFFFF;
    float:right;
    position:absolute;
    text-align:right;
    width:753px;
    margin-top:4px;

}
#more-services a{
  color:#FFFFFF;
  text-decoration:none;
  font-size:12px;
}
#more-services a img{
    margin-top:2px;
}