/*
font sizes

px = %
10 = 83
11 = 92
12 = 100
13 = 108
14 = 117
16 = 133
18 = 150
20 = 167

*/

html,body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Geneva, sans-serif;
	color: #272727;
}

.middle {
	width: 1050px;
}

div.menu {
	height: 44px;
	padding-left: 183px;
	position: absolute;
	top: 0px;
}

div.menu .moduletable_menu {
	height: 44px;
}

ul.menu {
	margin: 0px;
	padding: 0px;
	height: 44px;
}

ul.menu li {
	list-style-type: none;
	float: left;
	padding-right: 20px;
	background-image: none;
	padding-left: 13px;
	margin-left: 0px;
	padding-top: 12px;
	height: 32px;
}

ul.menu li.active {
	background-image: url(../images/menu_active.png);
	background-position: 3px 0px;
	background-repeat: no-repeat;
}

ul.menu li #current  ,
ul.menu li li.sfhover ,
ul.menu li li.active {
	background-image: none;
	background-color: #1189cc;
}

ul.menu a {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	display: block;
	height: 32px;
}

ul.menu ul a {
	height: auto;
}

ul.menu a:hover {
	text-decoration: underline;
}

.leftFill  , .middle  , .rightFill {
	background-image: url(../images/menu_background.png);
	background-repeat: repeat-x;
}

.toprow {
	position: relative;
	width: 1050px;
	top: 44px;
}

.column1 .logo {
	position: absolute;
	top: -59px;
	left: 14px;
}

.column2 .peopleLeft {
	position: absolute;
	left: -332px;
	bottom: 0px;
}

.column1 .peopleRight {
	position: absolute;
	right: -121px;
	top: 142px;
}

.column2 {
	display: block;
	float: left;
	margin-left: 205px;
	margin-top: 30px;
	padding-right: 0px;
	width: 500px;
	position: relative;
	min-height: 400px;
}

.page1 .column2 {
	width: 340px;
}

.column3 {
	display: block;
	float: right;
	margin-top: 30px;
	width: 290px;
	margin-right: 25px;
}

.page1 .column3 {
	width: 342px;
}

.column3 .moduletable {
	padding-left: 15px;
	font-style: italic;
	color: #1189cc;
}

.column3 .moduletable img {
	margin-left: -15px;
}

.footerRow {
	margin-top: 44px;
}

.footerRow .moduletable {
	color: #868686;
	text-align: center;
	font-size: 83%;
}

h1  , .componentheading  , .contentheading {
	font-size: 167%;
	color: #1578b1;
}

h2 {
	font-size: 133%;
	font-style: italic;
	color: #947d63;
}

h3 {
	color: #947d63;
	font-weight: bold;
	font-size: 117%;
}

h4 {
	color: #1578b1;
	font-weight: bold;
	margin-bottom: 0px;
	font-size: 117%;
}

.bottomRow {
	clear: both;
	position: relative;
	top: 44px;
}
.page1 .bottomRow {
	padding-left: 23px;	
}

.bottomRow .moduletable  , .bottomRow .moduletable_short  , .bottomRow .moduletable_long
	{
	color: #5f503f;
	float: left;
	padding: 0px 0px 0px 25px;
	width: 320px;
}

.page1 .bottomRow .moduletable {
	width: 320px;
	padding: 0px 10px;
}

.bottomRow .moduletable_long {
	width: 490px;
}

.bottomRow .moduletable img ,
.bottomRow .moduletable_long img ,
.bottomRow .moduletable_short img {
	background-image: url(../images/home_module_background.png);
	padding: 16px 17px 15px 17px;
	background-repeat: no-repeat;
	margin-left: -10px;
}

.bottomRow .moduletable h1  , .bottomRow .moduletable_short h1  ,
	.bottomRow .moduletable_long h1 {
	background-image: url(../images/button_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 26px;
	margin-left: 10px;
}

.bottomRow .moduletable p  , .bottomRow .moduletable_short p  ,
	.bottomRow .moduletable_long p {
	padding-left: 10px;
}

.bottomRow .header {
	background-image: url(../images/module_bottom_header.png);
	height: 47px;
	background-repeat: no-repeat;
	background-position: center;
}

.bottomRow .footer {
	height: 47px;
	background-image: url(../images/module_bottom_footer.png);
	background-repeat: no-repeat;
	background-position: center;
	clear: both;
}

.bottomRow .padder {
	width: 175px;
	float: left;
}

.page1 .bottomRow .padder {
	display: none;
}

a {
	text-decoration: none;
	color: #005ea0;
}

a:hover {
	text-decoration: underline;
	color: #003e80;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style-type: none;
	background-image: url(../images/dot.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 12px;
}

.branding {
	color: #ccc;
	text-align: center;
	font-size: 83%;
}

.branding a {
	color: #ccc;
}

.branding a:hover {
	color: #ED2C24;
}

ul.menu ul  , ul.menu ul li  , ul.menu ul a {
	background-image: none;
}

ul.menu ul li {
	height: auto;
	padding-top: 7px;
	padding-bottom: 3px;
}

ul.menu ul a {
	margin-top: -4px;
}

ul.menu li ul {
	display: block;
	height: auto;
	position: absolute;
	z-index: 99;
	left: -999em;
	top: 44px;
	clear: both;
	margin-left: -13px;
	font-size: 92%;
	width: 235px;
}

ul.menu li ul li {
	border-left: 1px solid #1189cc;
	border-right: 1px solid #1189cc;
	border-bottom: 1px solid #1189cc;
	background-color: #1578b1;
	float: left;
	clear: left;
	width: 200px;
}

ul.menu li ul ul {
	margin: 0 0 0 10em;
	top: -1px;
	font-size: 100%;
}

ul.menu li li {
	
}

ul.menu li li a {
	display: block;
	background: none;
	float: none;
}

ul.menu li#current ul a,ul.menu li.active ul a,ul.menu li li.active ul a
	{
	background: none;
}

ul.menu  li#current ul a:hover {
	text-decoration: underline;
}

ul.menu li li a span {
	background: none;
}

ul.menu li li.parent a span {
	margin-right: 5px;
	padding-right: 8px;
	/*background: transparent url('../images/arrow.gif') no-repeat right center;	*/
}

ul.menu li li.parent li a span {
	background: none;
}

ul.menu li:hover ul ul,ul.menu li:hover ul ul ul {
	left: -999em;
}

ul.menu li:hover ul,ul.menu li li:hover ul,ul.menu li li li:hover ul {
	left: auto;
}

/* 2nd level drop-downs */
ul.menu li ul li.sfhover.parent ,
ul.menu li ul li.active.parent ,
ul.menu li #current.active.parent ,
ul.menu li #current.sfhover.parent {
	background-image: url(../images/menu-arrow-selected.png);
}

ul.menu li ul li.parent {
	position: relative;
	background-image: url(../images/menu-arrow-unselected.png);
	background-position: 218px 6px;
	background-repeat: no-repeat;
}

ul.menu li ul li.parent ul {
	position: absolute;
	margin-left: 220px;
}

.column2 .contentpaneopen td table {
 border: 1px solid #ccc;
 border-collapse: collapse;
 padding: 5px;
 width: 100%;
}
.column2 .contentpaneopen td table th {
 background-color: #eee;
 border: 1px solid #ddd;
 padding: 5px;
}
.column2 .contentpaneopen td table td {
 border: 1px solid #ddd;
 padding: 5px; 
}
.column2 .contentpaneopen td table table ,
.column2 .contentpaneopen td table table th ,
.column2 .contentpaneopen td table table td {
 border: none;
 padding: auto;
 background-color: #fff;	
}
.column2 .contentpaneopen td {
 width: 490px;	
 display: block;
}
.column2 .contentpaneopen .contentheading ,
.column2 .contentpaneopen .buttonheading {
 width: auto;
}
.page1 .column2 .contentpaneopen td {
 width: 446px;	
 display: block;
}
.column2 .contentpaneopen td td {
 width: auto;
 display: table-cell;	
}
br {
 clear: both;
}

.column2 .contentpaneopen td table th.week {
 width: 20%;
}
.column2 .contentpaneopen .tableWidth30 td {
 width: 30%;
}
.column2 .contentpaneopen td.cellWidth40 {
 width: 40%;	
}

/* print button */
.column2 .buttonheading a {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 1px;
}
.column2 .buttonheading a img {
 border: none;
}

/* expanding timetables */
.timetableWrapper {
 overflow: hidden;
 display: block;
 padding: 1px;
 height: 28px;
}

.mceContentBody .timetableWrapper {
 height: auto;
}

/* homepage */

.page1 .column2 .homepagetextwrapper {
 color: #5F503F; 
 margin-top: -20px; 
}

