/* --------------------------------------------------------------

	base.css

	Author: Paul Woods
	Date: Nov 07

	This is the main stylesheet for Wellington College.

-------------------------------------------------------------- */

/* Main Styles
-------------------------------------------------------------- */

body {
	margin:0;
	padding:0;
	height:100%;
	background:url(/images/structure/site-bkgd-grad.gif) repeat-x top #1e2d57;
	font-size: 100%;
	font-family: verdana,sans-serif;
	color:#333366;
}

p, ul, ol { font-size: 70%; font-family: verdana,sans-serif; line-height: 1.4em; }
ul ul, ol ol { font-size: 100%; }
p, ul, ol	{ margin-top: 0; margin-bottom: 0; }

.spacer 					{ clear: both;font-size:1px; }

embed { margin:10px; }

/* Links
-------------------------------------------------------------- */

a:link,
a:visited,
a:active 	{ color:#6185eb; text-decoration: none; }
a:hover 	{ color:#52c6af; text-decoration: underline; }
.a { cursor:pointer }

/* Images
-------------------------------------------------------------- */

img 								{ border: none; margin: 0; padding: 0; }
img.imgindex { float:left; margin: 10px; padding:2px; background-color:#e2e2ec; border:1px solid #b9b9cc; }
a img.imgindex { float:left; margin: 10px; padding:2px; background-color:#e3e5f9; border:1px solid #6185eb; }
a img.imgindex:hover { background-color:#E3F9F4; border:1px solid #52c6af; }

/* Tables
-------------------------------------------------------------- */

table { font-size: 70%; padding:10px;	}
table table { font-size: 100%;	}
table th { padding: 3px; background:#2f4789; color:#fff; vertical-align:top; text-align:left; }
table td { padding: 3px; background:#e3e5f9; vertical-align:top; }
table td p { font-size: 100%; padding:0; }
table th p { font-size: 100%; padding:0; }

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1#SiteTitle { background:url(/images/wcb.gif) no-repeat; height:90px;margin:0 0 10px 0;padding:0; }
h1#SiteTitle span { display:none; }

h1 { font-family: Georgia, serif; font-size:200%; font-weight:bold; color:#2f4789; }
h2 { font-family: Georgia, serif; font-size:140%; color:#2f4789; }
h3 { font-family: 'Trebuchet MS', sans-serif; font-size:110%; color:#2f4789; }
h4 { font-size:80%; font-weight:bold; color:#2f4789; }
h5 { font-size:70%; font-weight:bold; }

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

ul#MenuLevel0 { padding:5px;margin:0;list-style:none;font-size:70%; }
ul#MenuLevel0 li { background:#2f4789; margin-top:6px; text-align:right; color:#fff; font-weight:bold; }
ul#MenuLevel0 li a { color:#fff; display:block; padding:3px; }
ul#MenuLevel0 li a:hover { background:#fff; color:#2f4789; text-decoration: none; }

ul#MenuLevel1 { background: #333366; padding:0px; padding-top: 2px; margin:0;list-style:none;font-size:90%; }
ul#MenuLevel1 ul#MenuLevel1 { font-size:100%; }
ul#MenuLevel1 li { background:#2f4789; margin-top:3px; text-align:right; color:#fff; font-weight:bold; }
ul#MenuLevel1 li a { color:#fff; display:block; padding:3px; }
ul#MenuLevel1 li a:hover { background:#fff; color:#2f4789; text-decoration: none; }

ul#SecMenu { padding:5px;margin:0;list-style:none;font-size:70%; }
ul#SecMenu li { text-transform:uppercase; text-align:right; color:#9ab3ff; font-weight:bold; }
ul#SecMenu li a { color:#9ab3ff; display:block; padding:3px; }

div.Directory { padding: 10px; width: 300px; float: left;}

p.Nav { padding:10px; color:#fff; font-size:60%; text-align:right; }
p.Nav a { color:#fff; text-decoration:none; }

/* Structure
-------------------------------------------------------------- */

#siteContainer { width:795px; margin-bottom:10px; }
#siteHeader { height:100px; }
#leftCol { width:150px; float:left; margin-bottom:10px; }
#mainCol { width:645px;float:left; margin-bottom:10px; }

#mainColLeft { float:left;width:66%; }
#mainColRight { float:left;width:33%; }

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

.Content { background:url(/images/structure/content-top-corners.gif) top no-repeat #fff;width:100%;float:left; }
.Content p { padding:5px 10px; }
.Content ul, .Content ol { padding:10px 10px 10px 35px; }
.Content h1 { padding:10px 10px; }
.Content h2 { padding:10px 10px; }
.Content h3 { padding:5px 10px; }
.Content h4 { padding:5px 10px; }
.Content h5 { padding:5px 10px 0 10px; }

.ContentFoot { font-size:1pt;height:5px;width:100%;float:left;background:url(/images/structure/content-bottom-corners.gif) bottom no-repeat #fff; }

	/* Content Containers */

	.fLeft { float:left; margin:5px 0; }
	.fRight { float:right; margin:5px 0; }
	.clBoth { clear:both; margin:5px 0; }

	.wHalf { width:50%; }
	.wFull { width:100%; }

	.hi h2, .hi h3, .hi h4, .hi p, .hi ul, .hi ol { background:#E3E5F9; margin:0 0 0 5px }

	/* Category List */
	.catListItem { background-color:#E3E5F9; width:620px; float:left; margin:5px; border-left:5px solid #6185eb; }
	.catListItem img { float:left;margin-right:10px;border:2px solid #6185eb }
	.catListItem a img:hover { border:2px solid #52c6af }

	/* Rightbox */

.rightbox h3 { background:url(/images/structure/rightbox-header.gif) no-repeat top;color:#fff;margin-top:10px; }
.rightbox div { background:url(/images/structure/rightbox-background.gif) no-repeat bottom;padding-bottom:5px; }

.lpadding { padding-left: 10px }

table.cal { width:190px;margin:0 auto; }
table.cal caption { padding:5px; font-weight:bold; }
table.cal th { background-color:#b2e4e4; }
table.cal td { background-color:#d1f0f0; color:#2f8964; text-align:center; padding:0; }
table.cal td.event { background-color:#6185EB;color:#fff;cursor:pointer }
table.cal td#today { background-color:#b2e4e4; }
table.cal td span { display:block;padding:5px; }
table.cal td:hover, table.cal td#today:hover { background-color:#2f8964; color:#d1f0f0; }
table.cal td a { display:block; color:#6185eb; font-weight:bold; }

DIV.tab {
	float: left;
	cursor: hand;
	cursor: pointer;
	background: #31908b;
	border-width:1px;
	border-style:solid;
	border-color:#fff #fff #ccc #fff;
	color:#fff;
	padding:5px 10px;
	font-size:0.7em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

DIV.tabSelected {
	float: left;
	cursor: hand;
	cursor: pointer;
	background: #fff;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #ccc #fff #ccc;
	color:#31908b;
	padding:5px 10px;
	font-size:0.7em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

ul#eventList {
	list-style:none;
	padding:0;
	margin:0 10px;
}

ul#eventList li {
	background:#eee;
	margin-bottom:5px;
	padding:10px;
}

ul#eventList li span {
	font-style:italic;
	width:150px;
	margin:0 5px 0 0;
	padding:0 5px 0 0;
	float:left;
	text-align:right;
}

div.slide {
	float: left;
	width: 140px;
}