/* -------- GENERAL STYLES -------- */

body, table, td, tr, img, p, h1, h2, h3, h4, h5, h6, div, ul, li { margin:0px; padding:0px; border-width:0px; outline-width:0px; }
xt\:comment, xt\:note { display: none; }



/* -------- GENERAL CLASSES -------- */

body .border { border:1px solid #77278b; }
body .bottom { margin-bottom:8px; }
body .nomargin { margin:0; }



/* -------- LAYOUT STYLES -------- */

body { font-family: arial, sans-serif; background: url('/inc/html/default/pix/site-middle-back.jpg') repeat-y top center; }
div#site { width:1000px; margin:0 auto; position:relative; background: url('/inc/html/default/pix/site-bottom-back.jpg') no-repeat bottom left; }
div#header { height:201px; background: url('/inc/html/default/pix/header.jpg') no-repeat bottom left; }
img#logo { position:relative; margin-top:13px; right:53px; float:right; }
div#content { background: url('/inc/html/default/pix/site-top-back.jpg') no-repeat top left; padding:7px 19px 7px 18px; position:relative; }
div#area { float:left; width:541px; background: url('/inc/html/default/pix/text-back.png') no-repeat top left; position:relative; padding:12px; margin-top:20px; left:17px; }
img#spacer { float:right; }
img#topimg { border:1px solid #77278b; margin-bottom:14px; }
img.side { }
div#left { float:left; width:171px; position:relative; left:0; margin:0; }
img.prospectus { position:relative; left:8px; }
img.mylinkage { position:relative; left:8px; }



/* -------- LOGIN STYLES -------- */

div#login { float:left; width:165px; height:231px; position:relative; top:20px; left:8px; }
div#login form { float:left; }
div#login input { width:138px; height:15px; border:1px solid #999; padding:5px; }
div div#login h2 { font-size:16px; line-height:18px; color:#fff; }
div div#login p {font-size:12px; line-height:14px;  color:#fff; margin-bottom:4px; text-align:left; }
div div#login input#remember_me { width:auto; height:auto; }
div div#login p.welcome { font-size:14px; line-height:16px; color:#fff; }
div div#login a { color:#fff; text-decoration:none; }
div div#login a:hover { color:#999999; }
div#login input.submit { margin-top:10px; font-size:16px; line-height:18px; color:#54075b; font-weight:bold; cursor:pointer; text-align:left; height:32px; border:0; width:85px; padding:0 0 0 7px; }


/* -------- TOP AREA -------- */

div#top { width:966px; height:269px; position:relative; }
div#content div#top div { position:absolute; font-size:14px; line-height:18px; width:954px; color:#fff; top:81px; bottom:0px; left:5px; text-align:justify; }
img.line { position:relative; left:42px; margin-top:20px; }
div#logoarea { padding-left:60px; }
div#logoarea img { float:left; margin:10px 35px 0 0px; }

div#fading { position:absolute; top:7px; margin-left:1px; padding:0; }

div#fading div, div#fading img { float:left; }


/* -------- CONTENT TEXT STYLES -------- */

div#content h1#title { color:#fff; text-transform:uppercase; margin:0 0 20px 0 ; }

div#content h1 {
	font-size:14px;
	line-height:20px;
	margin-bottom:8px;
	color:#580b61;
}

div#content h2 {
	font-size:18px;
	line-height:18px;
	margin-bottom:8px;
	color:#580b61;
}

div#content h3 {
	font-size:16px;
	line-height:17px;
	margin-bottom:8px;
	color:#580b61;
}

div#content h4 {
	font-size:14px;
	line-height:16px;
	margin-bottom:8px;
	color:#580b61;
}

div#content h5 {
	font-size:14px;
	line-height:16px;
	margin-bottom:8px;
	color:#580b61;
}

div#content h6 {
	font-size:14px;
	line-height:16px;
	margin-bottom:8px;
	color:#580b61;
}

div#content p {
	font-size:14px;
	line-height:19px;
	margin-bottom:8px;
	color:#000;
	text-align:justify;
}

div#content a { color:#580b61; }
div#content a:hover { color:#77278b; }



/* -------- MENU STYLES -------- */

#nav { height:255px; position:relative; top:12px; list-style: none; width:178px; z-index:999; }
div #nav a { font-weight:bold; display: block; width:168px; font-size:11px; line-height:14px; text-align:left; text-decoration:none; color:#fff; padding:9px 0 0 10px; background:none; height:23px; }
div #nav a:hover { color:#fff; background: url('/inc/html/default/pix/side-button-over.jpg') no-repeat top left; }
div #nav li ul li a { background: url('/inc/html/default/pix/side-sub-norm.png') no-repeat top left;  width:138px; height:24px; padding:7px 0 0 10px; }
div #nav li ul a:hover { background: url('/inc/html/default/pix/side-sub-over.png') no-repeat top left;  }
#nav li ul { width:127px; }
#nav li ul, #nav li ul ul, #nav li ul ul ul, #nav li ul ul ul ul { margin: -31px 0 0 178px; }
#nav li:hover ul { left: auto; }
#nav li { float: left; display:block; }
#nav li ul { position: absolute; left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav ul { list-style: none; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ull, #nav li li li.sfhover ul { left: auto; }
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ull, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }

p#menu { display:block; position:relative; top:10px; left:21px; width:965px; }
p#menu a { font-weight:bold; display: block; width:74px; font-size:12px; line-height:15px; text-align:center; text-decoration:none; color:#580b61; border-bottom:0px; border: 1px solid #ccc; background: url('/inc/html/default/pix/button-back.png') repeat-x top left; float:left; margin-left:1px; }
p#menu a.one { height:34px; padding: 19px 5px 0 5px; }
p#menu a.two { height:41px; padding: 12px 5px 0 5px; }
p#menu a.three { height:49px; padding: 4px 5px 0 5px; }
p#menu a.over, #menu a:hover { background: url('/inc/html/default/pix/button-over.png'); color:#fff; }
p#menu a.left { margin:0; }

div p#submenu { font-size:12px; line-height:14px; color:#77278b; }
p#submenu a { color:#caaad1; text-decoration:none; }
p#submenu a:hover { color:#77278b; }

div#footer { width:960px; margin:9px auto 5px auto; font-size:11px; line-height:13px; color:#580b61; height:40px; }

p#chief { float:left; }
p#design { text-align:right; float:right; }

div#footer a { color:#580b61; text-decoration:none; }
div#footer a:hover { color:#666; }

div#newsbox { background:url('/inc/html/default/pix/newsbox.jpg') no-repeat top left; width:519px; height:125px; padding:18px 10px 10px 10px; }
div#site div#newsbox p { font-size:14px; line-height:16px; color:#fff; }

div#right { width:203px; float:right; }
div#right img { margin-top:20px; }

div#scm-toolbar { position:relative; z-index:200; }

div#content table.publications td { width:33%; padding:10px; }
div#content table.publications p { margin-top:8px; text-align:center; }

div#content table.trustees img { margin:0 15px 0 0; }
div#content table.trustees td { vertical-align:middle; padding:10px 0; }

div#content table.contact td { padding-right:10px; }

div#area ul, ol { padding-left:25px; font-size:14px; line-height:19px; }
div#area li { padding:3px 0; }

img#big-map { float:left; }

#map-address { width:220px; float:right; padding-right:5px; }

div.hidden { display:none; }

table.address td { vertical-align:top; padding-right:10px; }

div#content table.address p { font-size:12px; line-height:15px; }

table.termdates td { padding-right:35px; }

div#content ul.treeview-gray li { padding:5px 0 5px 16px; }




/* -------------- Vision -------------- */
div#vision_holder {
	height:160px;
}

img#vision_open {
	position:relative;
	top:0px;
	float:left;
}

img#vision_close {
	position:relative;
	top:80px;
	float:right;
}

div#vision_div {
	width:420px;
	position:relative;
	top:20px;
	left:10px;
	float:left;
}

/* -------------- Mission -------------- */
div#mission_holder {
	height:160px;
}

img#mission_open {
	position:relative;
	top:0px;
	float:left;
}

img#mission_close {
	position:relative;
	top:80px;
	float:right;
}

div#mission_div {
	width:420px;
	position:relative;
	top:20px;
	left:10px;
	float:left;
}

/* -------------- Values -------------- */
div#values_holder {
	height:540px;
}

img#values_open {
	position:relative;
	top:0px;
	float:left;
}

img#values_close {
	position:relative;
	top:475px;
	float:right;
}

div#values_div {
	width:420px;
	position:relative;
	top:20px;
	left:10px;
	float:left;
}

div#values_div strong { color:#580b61; }

span.small { font-size:10px; line-height:12px; }

img.our-videos {
	position:relative;
	left:7px;
	margin-bottom:5px;
}

img.open-days {
	position:relative;
	left:9px;
	margin-bottom:10px;
}
}