body {

background: #250149;

margin:5px 0 5px 0;

padding:0;

text-align:center;

font-family:arial,helvetica,sans-serif;

}

img {

vertical-align:bottom;

}

#container {

width:775px;

margin:auto;

} 

h1 {

margin:0;
padding:0;

}

a {
font-size:12px;
color:#CF005A;
font-family:arial,helvetica,sans-serif;
}


a.homelink {
font-size:14px;
color:#775B93;
text-decoration:none;
padding-left:6px;
}

#tempCont .contact1 {

width:330px;

float:left;

clear:both;

}

#tempCont .contact2 {

width:330px;

float:left;

clear:none;

}

h3 {

clear:both;

}

a.homelink:hover {
font-size:14px;
color:#775B93;
text-decoration:underline;
padding-left:6px;
}

#masthead {

text-align:left;

width:775px;

margin:auto;

background: url("web_images/masthead_bg.jpg") no-repeat top right;

}

#teachersMasthead {

text-align:left;

width:775px;

margin:auto;

background: url("web_images/t_masthead_bg.jpg") no-repeat top right;

}

#teachersNav {

width:775px;

background: url("web_images/nav_bg.gif") no-repeat bottom left;

text-align:left;

}

#teachersNav ul {

margin: 0 0 0 10px;

padding:5px 0 10px 0;

}

#teachersNav li {

display:inline;

border:0;

border-right: 1px solid;

padding: 0 10px 0 10px;

font-size:0.8em;

}

#teachersNav a {
font-size:13px;
color:#000000; ;
text-decoration:none;
font-family:arial,helvetica,sans-serif;

}

#teachersNav a:hover {
font-size:13px;
color: #250149;
text-decoration:underline;
font-family:arial,helvetica,sans-serif;

}

#teachersNav li.last {
border:0;
}

#teachersMain {

background: #BDA7D9 url("web_images/t_main_bg.gif") no-repeat top left;

padding: 0;

float:left;

}

#tempMain {

background: #BDA7D9 url("web_images/temp_main_bg.gif") no-repeat top left;

width:775px;

float:left;

text-align:left;

padding-top:20px;

}

#tempCont h2 {
margin: 2px 20px 1em 20px;
font-size:0.9em;
}

#tempCont h3 {
margin: 0 20px 1em 20px;
font-size:0.9em;
font-style:italic;
}

#tempCont h4 {
margin: 0 20px 1em 20px;
font-size:0.8em;
font-weight:700;
}

#tempCont p {

margin: 0 24px 1em 20px;

font-size:0.8em;

}


#chooseJourney {

float:left;

width:355px;
text-align:left;
background:transparent;

}

#chooseJourney h2 {

margin:10px 0 10px 10px;

padding:10px;

font-size:14px;

border-bottom: 1px solid #ccc;

}

.journey {

margin: 0 0 10px 10px;

border-bottom: 1px solid #ccc;

}

.journey h3, .journey p {

font-size:0.8em;

margin: 0 0 10px 10px;

}


.journey img {

float:left;

clear:both;

border: 1px solid #ccc;

margin: 0 10px 0 10px;

}

.journey .text {

margin: 10px;

}



#intro {

float:right;

width:410px;

text-align:left;

}

#intro h2 {
	margin:10px 10px 0 0;
	padding:10px;
	font-size: 14px;

}

#intro p {

padding:0px;

margin:0 20px 10px 10px;

font-size:0.8em;

}



#cbLink {

background: url("web_images/t_widget_bg.gif") no-repeat top left;

padding: 30px 0 0 0;

margin: 0;

float:right;

width:410px;

text-align:left;

}

#cbLink h3 {

margin:0 10px 10px 0;

font-size:0.8em;

}

#cbLink p {

margin:0 20px 0 10px;

font-size:0.8em;

}

#cbLink img {

float:left;

clear:both;

margin: 0 10px 0 10px;

}


#supporters {

float:left;

width:775px;

background: #BDA7D9 url("web_images/t_sup_bg.gif") no-repeat top left;

}

#tempCont {

float:left;

}

#tempSupporters {

float:left;

width:775px;

background: #BDA7D9 url("web_images/temp_sup_bg.gif") no-repeat top left;


}

#bcc {

float:right;

margin: 30px 20px 20px 20px;

}

#rsw {

float:left;

margin: 30px 20px 20px 20px;


}

img {

border:0;

}


#homeMain, #artMain, #historyMain, #englishMain {

text-align:left;

float:left;

width:775px;

padding: 0 0 13px 0;

background: url("web_images/home_main_bg_bt.gif") no-repeat bottom left;

}

#homeMain  {
text-align:center;
}

#artBig, #historyBig, #englishBig {

float:left;

width:400px;

}

#artBig img, #historyBig img, #englishBig img {

margin: 36px 0 0 28px;

}

#homeMainLinks {

background: url("web_images/home_main_bg.gif") no-repeat top left;

padding: 0;

}

#homeMainLinks2 {

background: url("web_images/home_main_bg.gif") no-repeat top left;

padding: 10px 0 0 0;

}
#artMainLinks, #historyMainLinks, #englishMainLinks  {

width:775px;

background: url("web_images/section_bg.gif") no-repeat top left;

float:left;
}

#formLinks {

float:left;

width:375px;

margin: 140px 0 0 -22px;

padding: 26px 0 0 0;

background: url("web_images/enter.gif") no-repeat top left;

}

#formLinks input {

border:0;

background: transparent;

font-size:1em;

}

form {

padding:4px;

margin:0;

}

#formLinks .topBut {

margin: 20px 0 0 0;

}

#formLinks .but {

margin: 15px 0 0 0;

}



#homeMainLinks h2 {

margin:8px 10px 0 0;

padding:0 0 17px 0;

}

#homeMainLinks ul {

margin:0;
padding:37px 0 0 22px;

}

#homeMainLinks li {

display:inline;

}


#homeMainInfo {
background: url("web_images/home_main_info_bg.jpg") no-repeat top left;

float:left;

min-height:100px;

}

#homeMainInfo2 {
background: url("web_images/home_main_info_bg2.gif") no-repeat top left;

float:left;
}

#textGrownLinks {

clear:both;

float:left;

width:200px;

text-align:left;

margin: 20px 0 0 0;

}

#textGrownLinks ul {

list-style-image: url('web_images/home_arrow.gif')

}

#textGrownLinks li{

margin:20px 0 0 10px;

font-weight:700;

}


#infoBox {
	float:left;
	width:375px;
	margin: 23px 0 0 0;
	font-size:0.8em;
	line-height:1.4em;
	text-align: left;
	
	min-height:147px;

}

#infoBox p {

margin:0.5em 0 0 0;

}

#obLink {

float:left;

width:200px;

margin: 50px 0 53px 0;

}


.back {

float:left;

margin: 0 0 20px 20px;

}

li {

font-size:0.8em;

}

.teachMain {

width:550px;

float:left;

clear:both;

padding: 10px 0 10px 0;

}

.teachSide {

width:200px;

float:left;

padding: 10px 0 10px 0;

}

.box, .box2 {

background:#BDA7D9;
padding:5px  0 5px 0;
margin: 0 5px 10px 5px;
font-size:0.95em;
}

.box2 {

background:#F3E7FF;
}

.teachSide li {

list-style-image: url("web_images/acrobat.gif");

margin: 0 0 0 10px;

padding: 

}

hr {

clear:both;

color:#F3E7FF;

margin: 0 24px 10px 20px;

width:94%;

}

#sFlash {



background:#FFFF00;

margin:20px;

padding:10px;

border: 1px solid #ff0000

}

#sFlash a {

font-size: 1em;

}


.formText {

width:300px;

float:left;

padding:18px;

clear:left;

font-size:0.8em;

font-weight:700;

}

.formInput {

width:300px;

float:left;

padding:20px;
font-style:italic;

font-size:0.8em;
}

.wideText {

width:600px;

padding:18px;

clear:both;
font-size:0.8em;
}
