<style type="text/css" media="all">
*/
body {
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
margin: 0px auto;
padding: 0px;
}
a:link {
color: #0A88DA;
}
a:visited {
color: #0A88DA;
}
a:active {
color: #0A88DA;
}

#container {
width: 908px;
position:absolute;
left: 50%;
margin-left: -454px; /*set to a negative number 1/2 of your width*/
}

	.demoshow2 p {
	font-family: tahoma;
	font-size: 11px;
	color: #444;
	}

	.expander ul {
	}

	.expander li {
	font-family: tahoma;
	font-size: 10px;
	color: #666;
	}
#home {
width: 97px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_01.gif);
}
#contacts {
width: 99px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_07.gif);
}
#enquiries {
width: 97px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_02.gif);
}
#enrolment {
width: 97px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_04.gif);
}
#blog {
width: 97px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_05.gif);
}
#articles {
width: 97px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_06.gif);
}
#students {
width: 97px;
height: 37px;
float: left;
background-image: url(../images/main_nav/main_nav_03.gif);
}

#header_left {
width: 681px;
height: 154px;
float: left;
}

#header_topleft {
width: 681px;
height: 37px;
float: left;
}


#header_botleft {
width: 681px;
height: 117px !important;
float: left;
background-color: #000;
margin: 0;
padding: 0;
}

#header_right {
width: 227px;
height: 154px;
background-image: url(../images/small_right.png);
float: left;
font-family: tahoma;
font-size: 10px;
color: #fff;
}

#title {
width: 908px;
height: 115px;
background-image: url(../images/title.png);
}

#content {
width: 908px;
height: 100%;
clear: both;
/*background-color: #fefefe;*/
border-left: 1px solid #d7d7d7;
background-image: url(../images/background_content_left_ext.gif);
background-repeat: repeat-x;
background-position: bottom;
}

	/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1em;
  filter: Shadow(Color=#666666, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.15em;
  padding: 0;
  color: #666666; 
}

#shadow_1:before { 
  content: 'In shadow'; 
}
#second_2:before { 
  content: 'Happy Shadowing!'; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #666666 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}  
#content_left {
width: 680px;
height: 100%;
float: left;
background-color: transparent;
overflow: auto;
font-family: tahoma;
font-size: 12px;
color: #444;
}

#content_left_menu {
width: 225px;
float:left;
}

#content_left_text {
/*width: 225px;
padding: 15px;*/
width: 95%;
}

/*
#content_right {
width: 225px;
min-height: 485px;
height: 100%;
float: right;
border-left: 1px solid #eaeaea;
border-right: 1px solid #d7d7d7;
background-image: url(../images/background_content_right.png);
background-repeat: repeat-x;
background-position: top;
background-color: #e4e4e4;
overflow: hidden;
}
*/
.textarea {
border: 1px solid #cdcdcd;
background-color: #e3e3e3;
font-family: tahoma;
font-size: 10px;
font-color: #333;
}

.contactinput {
background-image: url(../images/article_input.gif);
border: 0px;
background-repeat:no-repeat;
background-color: transparent;
width: 152px;
height: 20px;
font-family: tahoma;
font-size: 10px;
color: #444;
padding-left: 5px;
padding-top: 4px;
}

.contact_table
{
width: 288px;
border: 1px solid #C9C9C9;
background-color: #EDEDED;
}
.contact_email_table
{
width: 322px;
border: 1px solid #C9C9C9;
background-color: #EDEDED;
}

.article_table
{
width: 90%;
border: 1px solid #C9C9C9;
background-color: #EDEDED;
}
.article_header
{
width: 90%;
border-bottom: 1px solid #C9C9C9;
font-family: tahoma;
font-size: 10px;
font-color: #666;
}

.article_options {
background-image: url(../images/article_bg.png);
background-repeat: no-repeat;
background-position: bottom right;
}

.clear {
clear: both;
}

#button_left_1 {
width: 189px;
height: 169px;
float: left;
border-right: 1px solid #fff;
background-image: url(../images/background_button_student_login.png);
background-repeat: repeat-x;
font-family: tahoma;
font-size: 10px;
color: #666;
}
#button_left_4 {
width: 153px;
height: 169px;
float: left;
border-right: 1px solid #fff;
background-image: url(../images/counselling_connection.jpg);
background-repeat: no-repeat;
font-family: tahoma;
font-size: 10px;
color: #666;
padding-left: 9px;
}
#button_left_3 {
width: 154px;
height: 169px;
float: left;
border-right: 1px solid #fff;
background-image: url(../images/enrol_now.jpg);
background-repeat: no-repeat;
font-family: tahoma;
font-size: 10px;
color: #666;
padding-left: 9px;
}
#button_left_2 {
width: 153px;
height: 169px;
float: left;
border-right: 1px solid #fff;
background-image: url(../images/learn_more.jpg);
background-repeat: no-repeat;
font-family: tahoma;
font-size: 10px;
color: #666;
padding-left: 9px;
}

#button_left_5 {
width: 228px;
height: 169px;
background-image: url(../images/rightspacer.jpg);
background-repeat: no-repeat;
background-position: right;
float: left;
background-color: #dddddd;
}

#content_left_buttons {
position: relative;
}
	
#foot {
clear: both;
width: 680px;
background-image: url(../images/bottom.png);
background-repeat: no-repeat;
background-position: left;
height: 15px;
padding: 0;
margin: 0;
line-height: 15px;
}	  

#footer {
clear: both;
border-right: 1px solid #d7d7d7;
width: 907px;
height: 15px;
background-color: #e4e4e4;
line-height: 15px;
padding: 0;
margin: 0;
}


/* Newsletter Form*/

#newsform {
padding-left: 12px;
padding-top: 12px;
}
#newsform2 {
padding-left:10px;
padding-top:5px;
}

.ezine_p{
font-family: tahoma;
font-size: 11px;
color: #fff;
padding-left: 10px;
padding-top: 6px;
padding-bottom:0px;
}

.rightinput {
/*background-image: url(../images/input_1.jpg);
border: 0px;
background-repeat:no-repeat;
background-color: transparent;*/
width: 152px;
height: 15px;
font-family: tahoma;
font-size: 10px;
color: #444;
padding-left: 5px;
padding-top: 4px;
}
#members_content {
width: 80%;
}

.border_members {
border-bottom: 1px solid #d3d3d3;
border-top: 0px;
background-image: url(../images/members_bg_ext.jpg);
width: 530px;
padding: 10px;
font-size: 11px;
}

h3 {
font-size: 13px;
font-weight: bold;
margin-bottom: 2px;
padding-bottom: 2px;
}

.contact_details {
font-family: tahoma;
font-size: 10px;
font-color: #333;
}

.contact_details a:link {
font-family: tahoma;
font-size: 10px;
font-color: #2397E3;
}
.rightsubmit {
background-image: url(../images/submit_1.jpg);
width: 65px;
height: 22px;
font-family: tahoma;
font-size: 10px;
color: #444;
border: 0px;
}

.contact_submit {
background-image: url(../images/send_submit.png);
width: 57px;
height: 22px;
font-family: tahoma;
font-size: 10px;
color: #444;
border: 0px;
}

.rightinputsubtext {
font-family: tahoma;
font-size: 9px;
color: eeeeee;
}

/* Student Login Form*/
#studentform {
padding-left: 12px;
padding-top: 4px;
}
.studinput {
background-image: url(../images/input_2.jpg);
border: 0px;
background-repeat:no-repeat;
background-color: transparent;
width: 161px;
height: 29px;
font-family: tahoma;
font-size: 11px;
color: #444;
padding-left: 7px;
padding-top: 6px;
}
.studsubmit {
background-image: url(../images/submit_2.jpg);
width: 70px;
height: 29px;
font-family: tahoma;
font-size: 10px;
color: #444;
border: 0px;
}

.studlogin_subtext {
font-family: tahoma;
font-size: 10px;
color: #666;
}

.studlogin_subtext a:link {
color: #0C82D5;
text-decoration: none;
font-weight: bold;
}

.studlogin_subtext a:active {
color: #0C82D5;
text-decoration: none;
font-weight: bold;
}
.studlogin_subtext a:visited {
color: #0C82D5;
text-decoration: none;
font-weight: bold;
}

.studlogin_subtext a:hover {
color: #0C82D5;
text-decoration: underline;
font-weight: bold;
}

/*
a:link {
color: #0A88DA;
}
a:visited {
color: #0A88DA;
}
a:active {
color: #0A88DA;
}

*/


.slidey .trigger {
background-image: url(../images/top_cap.gif); font-family: tahoma; font-size: 12px; color: #555; padding: 0; width: 188px; margin: 0px; padding-left: 3px; padding-top:9px; height: 17px; display: block; font-weight: bold;}
.slidey h3 {background-image: url(../images/mid_cap.jpg); width: 191px; margin: 0px; padding: 0px;text-align:right;}
.slidey { width: 188px; padding-left: 17px; padding-top: 20px; font-family: tahoma; font-size: 12px; color: #666;}
.slidey a:link { width: 50px;}
.slidey a:hover{ color: #555; text-decoration: none; }
.slidey .title { background-image: url(../images/top_cap.gif); font-family: tahoma; font-size: 12px; color: #555; padding-left: 1px; width: 191px; height: 17px; padding-top: 2px;} 
.slidey .bottom { background-image: url(../images/bot_cap.gif); font-family: tahoma; font-size: 12px; color: #555; padding-left: 1px; width: 191px; height: 24px;}
.slidey .slideblock { overflow: hidden; padding-left: 4px; font-size: 10px; background-image: url(images/mid_cap.jpg); width: 180px; padding-right: 7px;}
.slidey .slideblock p {width: 50px; display: block;}

.slidey .normal {text-decoration: none; background-image: url(../images/mid_cap.jpg); width: 180px; display: block;padding-right: 7px; padding-left: 4px; font-size: 10px; padding-top: 0px;}

.slidey .normal2 {text-decoration: none; background-image: url(../images/mid_cap.jpg); width: 180px; display: block; padding-right: 7px; padding-left: 4px; font-size: 10px; margin: 0px; padding-top: 0px; padding-bottom: 0px; font-weight: bold;}

.slidey .normal3 {text-decoration: none; background-image: url(../images/mid_cap.jpg); width: 188px; display: block; padding-left: 0px; font-size: 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 0px;}

.slidey .normal4 {text-decoration: none; background-image: url(../images/mid_cap.jpg); width: 188px; display: block; padding-left: 0px; font-size: 0px; margin: 0px; padding-top: 0px; padding-bottom: 0px; line-height: 0px;}

.bottom { background-image: url(../images/bot_cap.gif); font-family: tahoma; font-size: 12px; color: #555; width: 191px; height: 24px; margin-left: 17px}

#menubar {
width: 100%;
height: 30px;
background-image: url(../images/menu_bg_1.png);
background-repeat: repeat-x;
clear: both;
margin: 0;
padding: 0;

}
.members_content a:link {
text-decoration: none;
color: #444;
}
.members_content a:visited {
text-decoration: none;
color: #444;
}
.members_content a:active {
text-decoration: none;
color: #444;
}
.members_content a:hover {
color: #777;
}
.studsubmit2 {
background-image: url(../images/submit_3.jpg);
width: 70px;
height: 29px;
font-family: tahoma;
font-size: 10px;
color: #444;
border: 0px;
}
.required_form {
color: #3399FF;
}
input.error {
	border: 2px solid #3399FF;
}

