//Add all styles that are specific to the front end of the site only
//Any global font styles that you want accessible in the admin tool should be placed in style.css

/***********************
*                      *
* MAIN TEMPLATE STYLES *
*                      *
************************/

#navTop {height: 23px;padding: 0px 0px 0px 11px;border: 0px;margin: 0px;background-color: #c8d0f0;}
#navTop ul {margin:1px 0px 0px 0px;padding:0px;list-style:none}
#navTop li {float:left;margin:0px;padding:0px 0px 0px 0px;}

#navTop .navbtns {margin: 0px;border: 0px;padding: 3px 10px 0px 0px;float: right;}

.contain {clear:both;display:block;height:0px;line-height: 0px;}

body {background-color: white;font-family: arial;margin: 0px;color: #333333;}

#siteContainer {margin-left:auto;margin-right:auto;width:940px;}

/* 'position: absolute' is required in order to get the left menu to stretch vertically */
#contentContainer {margin:10px 0px 0px 0px;position: absolute;}
.messageText{padding-left:20px;padding-right:30px;padding-top:20px;}


#header{background-image: url(/global/bg_header.gif);height: 140px;width: 940px;}
#headerLogo{background-repeat: no-repeat; background-image: url(/global/i_logo.gif); width: 300px; height:93px; padding-top: 20px; padding-left:70px;border:0px solid #FFF}
#headerLogo .text {margin:0px 0px 0px 0px;height:92px;border:0px solid #FFF}
#middlePart{width: 940px; height: 275px}

#schoolPhoto{float: left;}
#schoolMovie{float: right;}

#home_bottom_spacer{height: 10px; width: 100%;}

#bottomPart{width: 940px;height:100%;margin:0px 0px 10px 0px;}
#messagePanel{float:left;width:464px;border:0px solid;}
#newsPanel{float: left; width: 460px;border-top:1px solid #424C57;margin-left:15px;}
.newsArrow{float: left;margin-top:5px;}
.newsItem{float: left; margin-top: 5px;}
.newsItemTitle{color: #2F3A48;font-size: 13px;font-weight:bold;}
.newsItemText{width: 360px; margin-top: 5px; margin-bottom: 5px;}
.newsItemPhoto{float:right;margin-top:10px;}
.newsRow{margin-top:10px;border:px solid;height:100px;}

.news_row{height: 110px;width: 930px; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 50px;}
.news_photo{float: left;}
.news_item{padding-left: 141px; border-bottom: 1px solid #ADB2B7;padding-bottom: 20px;}
.news_itemTitle{color: #0E1D31; font-size: 18px; padding-bottom: 10px;}
.news_itemText{font-size: 11px;line-height: 1.5em; padding-bottom: 10px;}

#content_panel{width: 660px;}
#content_image{float: right;}
#content{margin-left: 172px;}
#content_heading{font-size: 13px;color: #AF7003;font-weight: bold;}
#content_heading2{font-size: 11px;color: #AF7003;font-weight: bold;}
.content_text{color: #333333; line-height: 1.6em;}

#contactus_contact_container{width: 895px; height: 500px;}
#contactus_contact_panel{float:left; height: 450px; width: 310px; padding-top: 10px; padding-bottom: 10px;padding-left: 5px; border-right: 1px dotted #8D8D8D;}
#contactus_enquiry_panel{padding-top: 10px; padding-bottom: 10px;float:right; width: 546px; padding-left: 30px;}
.contactus_left{float:left; width:180px;}
.contactus_right{float:right; width:364px;}
.contactus_input{width: 360px;}
.content_bottom_spacer{height: 30px;}

#enrolments_rightSide{padding-left: 170px; padding-top: 15px; width: 750px;}
.enrolments_colLeft{padding-top: 5px; padding-bottom: 5px; float: left; width: 130px; border: 0px solid #00ff00}
.enrolments_colRight{padding-top: 5px; padding-bottom: 5px;float: left; width: 180px; border: 0px solid #00ff00}
.enrolments_submit_colLeft{padding-top: 5px; padding-bottom: 5px; float: left; width: 253px;}
.enrolments_submit_colRight{padding-top: 5px; padding-bottom: 5px; float: left; width: 250px;}
#enrolments_req_year{padding-right: 2px;}
.row_right{float:right}

#download_error{color: #ff0000}
		
.security_input{border: 1px solid #7F9DB9; padding: 5px;}
.form_panel{padding: 20px; border: 1px solid #B8BCC2; padding-right: 50px;}

a.link1{font-size: 12px;color: #DF7900;font-weight: bold;} 
.required_field{color:red;}

.button{background-image: url(/global/ngatawa_button.png); color: white; border: 0px; font-size: 10px;}

.headingText1{color:white;font-weight:bold;font-size:18px;margin:20px 0px 0px 0px;}
.headingText1Home{float:left;color:white;font-weight:bold;font-size:18px;margin:20px 0px 0px 10px;}
.left {float:left;}
.headingText2{color:#F49401;font-size:13px;}
.headingText3{color:white;font-style:italic;font-size:15px;}
.headingText4{color: #DF7900; font-size: 13px; font-weight: bold;}
.mainTextHeading{font-size: 22px;color: #AF7003;margin:10px 0px 10px 0px;}
.menuItem{
    float: left;
    color: white;
    font-family: arial;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
    position: relative;
    left: -3px;
    top: 3px;
}
.menuItemLink{color:white;text-decoration:none;}

#verticalMenu{border-right: 1px solid #FFF;background-image: url(/global/bg_block.gif);width: 199px;height: 266px;float: left;}
#verticalMenuText{margin-left:14px;margin-right:10px;color:#FFF;font-weight:bold;}
#verticalMenuHeading{font-style: italic; font-size: 15px;}
#verticalMenuItems{font-size:12px;line-height:1.7em;}

a{color:#DF7900;}
#news{border-top:1px solid #353F4B;}
#bottomLine{background-color:#353F4B;height:2px;width:940px;}
#bottomMenu{padding-top:5px;padding-bottom:20px;font-size:11px;border-top:1px solid #353F4B;width: 940px; position:relative; top: 40px;}
#bottomLinks{float:left; font-size: 11px;}

A.smallLink{font-size: 11px;}
A.smallLink:visited{font-size: 11px;}

#copyright{float:right;color:#868686;}
.link2{font-size:11px;}
#messageBar{background-image: url(/global/h_message_principal.gif);width:464px;height:39px;}

.site_map_container{padding-left: 50px}

#enrolments_rightSide .confirm{height: 400px;}

/************************
*                       *
* SIDEBOXES STYLES      *
*                       *
************************/

#login {border:1px solid #000;width:178px}
#login h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}

/* left side nav container */
#sideNav {background-color: #E2D2B2; border:1px solid #E2D2B2;float:left;width:150px;position: absolute; height: 100%;}
#sideNav h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}
#sideNav ul {list-style: none;margin:0px;padding:0px 0px 0px 0px}

/* item */
#sideNav li {padding:3px 0px 3px 10px;  background-color: white; font-size: 11px; border-bottom: 1px solid #E2D2B2;}
#sideNav li.inactive_prim {display:block;background-color:#AF7003;}
#sideNav li.link_prim {display:block;background-color:#AF7003;}
#sideNav li.inactive_sec {display:block;background-color:#E2D2B2; border-bottom: 1px solid #ffffff;}

/* browser quirk - 'border: 1px solid #ffffff;' is required to prevent the left menu moving down when
using firefox or safari */
#category_container{width: 940px;border: 1px solid #ffffff;}
.category_leftMenu{float:left; height: 480px; width: 150px;background-color: #E2D2B2; border: 1px solid #E2D2B2; }
.category_leftMenuItem{padding: 3px; padding-left: 8px; background-color: white; font-size: 11px; border-bottom: 1px solid #E2D2B2;}
a.category_leftMenuItemLink{color: #333333;}
.category_leftMenuItemHeading{background-color: #AF7003; color: white;}
.category_leftMenuItemSelected{padding: 3px; padding-left: 8px; background-color: #E2D2B2;border-bottom: 1px solid white;}
.category_main{padding-left: 170px;}
.category_middle{height: 211px;}
.category_photo{float: left; border-right: 1px solid white;}
.category_messagePanel{width:670px;margin:10px 0px 10px 0px;}

/*search*/
#search .text {float:left;padding-right:5px}
#search .input {float:left}
#search {background-color:#EEE333;padding:2px 2px 2px 2px;}

/************************
*                       *
* MODULE STYLES         *
*                       *
*************************

/*anything*/
.mainText {padding:5px 10px 5px 10px}


/*register*/
#register .intro {padding:0px 0px 0px 10px}
#register .error {padding:0px 0px 0px 10px}
#register .confirm {padding:0px 0px 0px 10px}
#register .row {margin-top:5px;border:0px solid #000;width:100%}
#register .colLeft {float:left;width:182px;}
#register .colRightLeft {float:left;width:115px;}
#register .colRight {float:left;}
#register .buttons {}
#register .form {padding:0px 0px 0px 10px}
#register .message {margin-top:5px}
#register .message .text { float:left;width:150px}
#register .message .input { float:left;}
#register .buttons {margin-top:20px;}

/*default searh/index*/
.rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
.rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
.link {text-align:right}
.text {padding-left:10px}
.date {padding-left:10px}
.paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}

/*index*/
/*OVERWRITE DEFAULT STYLES
#index .rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
#index .rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#index .link {text-align:right}
#index .text {padding-left:10px}
#index .date {padding-left:10px}
#index .paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}
*/

/*searchResults*/
/*OVERWRITE DEFAULT STYLES
#searchResults .rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
#searchResults .rowEven {margin-top:10px;padding:0px 10px 0px 10px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults .link {text-align:right}
#searchResults .text {padding-left:10px}
#searchResults .date {padding-left:10px}
#searchResults .paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}
*/

/*forum*/
#forum {}
#forum .intro {}
#forum .disclaimer {} 
#forum .col1 {width:100px;}
#forum .col2 {width:100px;}
#forum .col3 {width:100px;}
#forum .col4 {width:100px;}
#forum td {padding:3px 3px 3px 3px}
#forum th {padding:3px 3px 3px 3px;font-weight:bold;font-size:12px;background-color:#443311;}
#forum .viewPost .col2 {width:300px;}
#searchResults .col2 {width:300px;}
#forum table.viewPost {margin-left:10px;border-collapse:collapse;border:1px solid #000;}
#forum .viewPost td.col2 {vertical-align:top}
#forum .messageTitle{margin-bottom:3px;background-color:#123456}
#forum .message{margin:5px 2px 5px 2px;min-height:75px}
#forum .tagLine{margin:2px 2px 2px 2px;border-top:1px solid #EEE}
#searchResults .messageTitle{margin-bottom:3px;background-color:#123456}
#searchResults .message{margin:5px 2px 5px 2px;min-height:75px}
#searchResults .tagLine{margin:2px 2px 2px 2px;border-top:1px solid #EEE}
#forumSelect {background-color:#123456;margin-top:10px;text-align:right;padding:2px 5px 2px 5px}
#forumThreads table.main {margin-left:10px;border-collapse:collapse;border:1px solid #000;}
#forum .paging {background-color:#FFF;width:100%}
#forumIndex table.main {margin-left:10px;border-collapse:collapse;border:1px solid #000;}
#forum .section {background-color:#456EEE}
/************************
*                       *
* DEFAULT STYLES        *
*                       *
*************************/
img {border-width:0px}
.bold {font-weight:bold}
.right{float: right}