/**************************************************************

St Thomas Stylesheet

STYLESHEET CONTENTS
0. Browser Reset
1. Fonts
2. HTML Tags
3. Layour Divs
4. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Content Column
	  e. Workshops List
      f. Forms
5. General Formatting Classes
6. Clearfix
7. Font sizer

COLOUR SCHEME

***************************************************************/

/********************* Browser Reset ********************/

/* v1.0 | 20080212 - Kindly Provided by Eric Meyer (http://meyerweb.com/eric/tools/css/reset/index.html) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
	
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************* End Browser Reset ********************/


/********************* Fonts ********************/
body, input, a {	
	font-family: Arial, "Lucida Sans", Helvetica, sans-serif;}	
	
/********************* End Fonts ********************/

/********************* HTML Tags ********************/

html {	}	

body {
	background: url(../images/page_bg.gif) top center repeat-y;
	color: #333;
	font-size: 0.75em;}

p {	
	font-size: 1em;
	line-height: 160%;
	margin-bottom: 1em;}

li {
	/*background:url(../images/bullet_dark.gif) left no-repeat;*/
	margin: 5px 0 5px 5px;
	list-style-position:outside;
	margin-left: 20px;}

a {
	color: #333;}

h1, h2, h3, h4 {	
	color: #24b1e7;
	margin: 0.75em 0;
}

h1 {
	font-size: 2.416667em;}

h1.img-title {
	margin: 0;}

h2 {
	font-size: 1.58333em;}

h2.img-title {
	margin: 0;}

h3 {
	font-size: 1.4em;}
	
h4 {
	font-size: 1.25em;}
	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {	
	width: 950px;
	padding: 10px;
	margin:auto;
	background:url(../images/page-bg.jpg) 10px bottom no-repeat;}
	
#head-bar {	
	padding-left: 184px;
}
	
#header {	
	display: block;
}		
				
#content-col {	
	width: 760px;
	float:left;
	margin: 0 0 0 11px;
	padding: 0;}
	
#content {	
	width: 690px;
	float:left;
	margin-left: 10px;
	padding: 0 15px 30px;
	background: url(../images/background-trans.png) no-repeat;}

#info-col {
	width: 178px;
	float: left;
}

#footer {	
	width: 690px;
	float:left;
	margin: 20px 0 50px 10px;
	padding: 15px;
	background: url(../images/background-trans.png) no-repeat;
}

div.box-corner {
	background: #ccc;
}
div.box-inner {
	background: #fff;
	padding: 10px;
}

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

#head-quote {
	font-size: 	0.9166em;
	float: left;
	line-height: 28px;
	margin:-5px 0 0 0;
	color: #333;
	font-family: "lucida sans", arial, sans-serif;
}

#head-quote a {
	font-family: "lucida sans", arial, sans-serif;
	text-decoration: none;
	margin: 0 5px;
}

#head-quote a:hover {
	text-decoration: underline;
}

#head-search {
	float: right;
	width: 185px;
	height: 28px;
}

#head-search #txtSearch{
	font-size: 0.8333333em;
	font-size: 0.9166em;
	width: 150px;
	float: left;
	height: 14px;
}

#site-search {
	width: 24px;
	height: 20px;
	display: block;
	float: right;
	background:url(../images/btn-go.gif) no-repeat;
	text-indent: -9999px;
}

#head-links {
	display: block;
	background: url(../images/nav-bg.gif) repeat-x;
	height: 45px;
	line-height: 45px;
}

#head-links ul {
	
}

#head-links ul li {
	float: left;
	color: #fff;
	background:url(../images/nav-seperator.gif) top right no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#head-links ul li.no-line {
	background: none;
}

#head-links ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: url(../images/nav-chevron.gif) right no-repeat;	
	text-decoration: none;
	padding: 0 28px 0 0;
	margin: 0 18px 0 28px;
}

#head-links ul li a:hover {
	text-decoration: underline;
}

#head-links ul {
	
}

/* -------- End Header -------- */

/* -------- Footer -------- */

#copyright {
	float: right;
	font-size: 0.9166em;
	margin-top: 8px;
	text-align: right;
	line-height: 120%;
}

#footer h2 {
	font-size: 0.8333em;
	color: #000;
	margin: 0 0 5px 0;
	font-weight: normal;
}

#footer #partners {
	float: left;
	height: 50px;
	vertical-align: middle;
}

#footer #partners img {
	vertical-align: middle;
}

#footer #partners a {
	margin-right: 20px;
}

/* -------- End Footer -------- */

/* -------- Navigation -------- */

#nav {
	width: 178px;
	float: left;
}

#nav ul {
	border-top: 1px solid #ccc;
}

#nav li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 10px 0;
	line-height: 120%;
	border-bottom: 1px solid #ccc;	
}

#nav li.active {
	color: #fff;
	line-height: 250%;
	padding: 0;
}
#nav li.active a {
	background: #24b1e7;
	color: #fff;
}

#nav li a {
	text-decoration: none;
	display: block;
	font-weight: bold;
	padding-left: 14px;
	font-family: "lucida sans", arial, sans-serif;
}

#nav li a:hover {
	text-decoration: underline;
}

#nav li ul {
	border-top: 1px solid #ccc;	
	padding: 5px 0;
}

#nav li li,
#nav li.active li.active {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: none;	
	line-height: 185%;
}

#nav li.active li a {
	color: #606060;
	background:url(../images/bullet_mid.gif) left no-repeat;
	padding-left: 11px;	
	margin-left: 23px;
	font-weight: normal;
}

#nav li.active li.active a {
	font-weight: bold;
}

#nav li.no-line {
	border: none;
}

	
/* -------- End Navigation -------- */

/* -------- Info Column -------- */

#logo {
	height: 167px;}

/* -------- End Info Column -------- */

/* -------- Content Column -------- */

#content ul, #content ol {
	margin-bottom: 1em;
}
#content a:hover {
	color: #24B1E7;
}
#content li {
	line-height: 160%;
}

#site-intro {
	background:url(../images/head-photo.jpg) 414px bottom no-repeat;
	padding-bottom: 15px;
	margin-bottom: 1px;
}

#site-intro h1 {
	margin: 30px 0 15px 10px;
}

#site-intro p {
	width: 400px;
	font-size: 1.166666666em;
	line-height: 160%;
	margin-left: 35px;
}

#site-intro p.head-sig {
	background:url(../images/head-sig.gif) no-repeat;
	width: 96px;
	height: 35px;
	display: inline-block;
	text-indent: -9999px;
	margin: -1em 0 0 280px;
}

.feature-box, #feature-box {
	background: url(../images/shaded_trans_bg.png) top left no-repeat;
/*	height: 300px;*/
	width: 590px;
	padding-bottom: 20px;
}


.feature-box2, #feature-box2 {
	background: url(../images/shaded_trans_bg2.png) top left no-repeat;
/*	height: 300px;*/
	width: 590px;
	padding-bottom: 20px;
}

.feature-box-two-col {
	background: url(../images/feat-line.gif) 294px 30px no-repeat;	
}

#year-group-list h2 {
	padding: 22px 0 20px 15px;
}


#year-group-list ul {
	padding-left: 15px;
}

#year-group-list li {
	float: left;
	list-style-type: none;
	list-style-position:outside;
	margin: 0 15px 0 0;
	padding: 0;
}

#year-group-list a {
	font-weight: bold;
	color: #5f5f5f;
	font-size: 1em;
	text-decoration: none;
	margin-left: 3px;
}

#year-group-list a img,  
#year-group-list a:hover img {
	text-decoration: none;
	margin-bottom: 5px;
	margin-left: -3px;
}

#year-group-list a:hover {
	text-decoration: underline;
}


#year-group-list {
	
}

#year-group-list {
	
}
	
	
#latest-news {
	float: left;
	width: 294px;
}
	
#latest-news h2 {
	margin: 25px 0 12px 18px;	
}

#latest-news ul {
	margin-left: 12px;	
}

#latest-news li {
	border-bottom: 1px solid #e8e8e8;
	width: 265px;
	padding: 7px 5px 7px 0;
	list-style-type: none;
	margin: 0;
}

#latest-news li.no-line {
	border: none;
}
	
#latest-news li img {
	border: 1px solid #ccc;
	padding: 2px;
	float: left;	
}
	
#latest-news .news-intro {
	float: left;
	width: 175px;
	margin: 3px 0 0 12px;
}
	
#latest-news .news-intro h3 {
	font-size: 1.16666666em;
	font-weight: bold;
	color: #D68500;
	margin-bottom: 5px;
}
	
#latest-news .news-intro p {
	font-size: 0.916666666em;
	margin-bottom: 0;
}

#latest-news .news-intro a {
	font-weight: bold;
}

#latest-news .news-intro a:hover {
	text-decoration: none;
}

#term-dates {
	float: left;
	width: 294px;
	margin-left: 1px;
}

	
#term-dates h2 {
	margin: 25px 0 12px 18px;	
}
	
#term-dates li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 250%;
	border-bottom: 1px solid #ccc;	
	width: 260px;
	margin-left: 20px;
}

#term-dates li a {
	text-decoration: none;
	display: block;
	font-weight: bold;
	color: #606060;
}

#term-dates li a:hover {
	text-decoration: underline;
}

#term-dates {
	
}

#term-dates {
	
}


/* -------- End Content Column -------- */


/* -------- Hub Page -------- */

#container.hub {	
	background:url(../images/portal-bg.jpg) 10px 30px no-repeat;
}

#hub-head {
	padding: 10px 0 40px 66px;
}

#hub-head h1, #hub-head img {
	float: left;
}
#hub-head h1 {
	padding: 10px 0 0 30px;
	font-size: 2.9166em;
}

#hub-content {
	clear: both;
	width: 820px;
	margin: 0 auto;
	padding: 30px;
	background: url(../images/background-trans.png) no-repeat;
}

#hub-info-col {
	float: left;
	width: 300px;
	padding-bottom: 25px;
}

#news-list li {
	list-style-type: none;
	list-style-position: outside;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	line-height: 120%;
	padding: 6px 0;
	margin: 0;
}

#news-list li.no-line {
	border: none;
}

#news-list li a {
	background: url(../images/bullet-orange.gif) 4px no-repeat transparent;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
}

#news-list li a:hover {
	text-decoration: underline;
}

#news-list {
	margin-bottom: 2em;
}

#hub-members-col {
	float: right;
	width: 485px;
	padding-bottom: 25px;
}

#hub-members-col ul.members li {
	list-style-type: none;
	padding: 0 0 20px 0;
	margin: 0;
	float: left;
	font-weight: bold;
	line-height: 130%;
	
}

#hub-members-col ul.members li.even {
	float: right;
}

.round-box-outer {
	background:url(../images/box-round-top.gif) no-repeat;
	padding: 12px 0 0 0;
	clear: both;
	display: block;
	width: 474px;
	margin-top: 20px;
}

.round-box-inner {
	background:url(../images/box-round-bot.gif) bottom left no-repeat;
	padding:  0 12px 8px;
}

.round-box-inner h3 {
	line-height: 1em;
	font-size: 1.667em;
	color: #333;
	margin: 0 0 8px 0;
}

.round-box-inner p {
	margin-bottom: 0.8em;
}
#hub-foot {
	clear: both;
	display: block;
	border-top: 1px solid #ccc;
	padding: 15px 0 0 0;
}

/* -------- End Hub Page -------- */


/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.left {
	float:left;}
	
.clear {
	clear:both;}	

.no-line {
	border: none;
}

/********************* End General Formatting *********************/

/********************* Clearfix *********************/

/* slightly enhanced, universal clearfix hack */
.clearfix:after,
#container:after,
#head-bar:after,
#latest-news li:after,
#year-group-list:after,
#year-group-list ul:after,
.feature-box-two-col:after,
.fontResizer:after
{    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
	 
.clearfix,
#container,
#head-bar,
#latest-news li,
#year-group-list,
#year-group-list ul,
.feature-box-two-col,
.fontResizer
{ display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix,
* html #container,
* html #head-bar,
* html #latest-news li,
* html #year-group-list,
* html #year-group-list ul,
* html .feature-box-two-col,
* html .fontResizer
{ height: 1%; }

.clearfix,
#container,
#head-bar,
#latest-news li,
#year-group-list,
#year-group-list ul,
.feature-box-two-col,
.fontResizer
{ display: block; }
/* close commented backslash hack */
	
/********************* End Clearfix *********************/
	
/********************* Font Sizer *********************/

.fontResizer { 
  display: block;
  line-height: 18px;
  color: #333366;
  padding: 34px 0 20px 15px;
}

.fr-label {
	float: left;
	margin-right: 10px;
	font-size: 14px;
}
/* #333366 */
.fontResizer a { 
  display: block;
  float: left;
  width: 17px;
  height: 17px;
  text-align: center;
  border: 1px solid #606060;
  line-height: 17px;
  color: #606060;
  text-decoration: none;
  margin-right: 4px;
}
.fontResizer a:hover { color: #606060; text-decoration: none; background: #DDDDEE; }
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 17px; }
.curFont { background: #606060; color: #fff; }
.fontResizer a.curFont { color: #fff; }
.fontResizer a.curFont:hover { color: #606060; }
/********************* End Font Sizer *********************/