/* CSS Document */

/* Generic */
html {
	height: 100%;
	min-height: 100%;
	margin: 0 0 0.1em;
	padding: 0;
	overflow-y: scroll;
}
*{ margin: 0; padding: 0; }* 
body { font: normal 0.8em "Lucida Grande", "Helvetica", Arial, Helvetica, sans-serif; line-height: 1.6em; background: url(images/texture4.jpg) repeat; color: #2f459b; color: #586373; }
a, a:visited {	color: #001c87;	background: inherit; text-decoration: none; }
a:hover { color: #3d81ce; background: inherit; text-decoration: none; }
p { margin: 0 0 15px 0; clear:left; }
h1 { font: normal 2.8em Georgia, "Times New Roman", Arial; color: #2f459b; padding-bottom: 0.25em; }
h2 { font: normal 1.6em Georgia, "Times New Roman", Arial; color: #2f459b; border-bottom: 1px solid #eee; padding-bottom: 0.25em; margin-bottom: 0.25em; }
h3 { font: normal 1.4em Georgia, "Times New Roman", Arial; color: #2f459b; border-bottom: 1px solid #eee; padding-bottom: 0.25em; }
h4 { font: normal 1.0em "Lucida Grande", "Helvetica", Arial; color: #2f459b; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.15em; padding: 1.5em 0 0 0 ; }
img { border: 0; }
ul {list-style: none;}
blockquote  { background: #e6eaee; padding: 10px; margin: 0 0 10px 0; }
strong { color: #2f459b; font-weight: bold;}
.clear { clear: both; margin: 1px 0; }
em { color: #2f459b; }

/* Heder & Menu */

#logo { border-bottom-style: none; padding: 10px 0 20px 0; float: left; width: 980px; height: 120px; background:#1C3B81;}
#logo img {margin: 0; float:left; padding: 15px 0 0 25px;}
#logo h1 { font: bold 0.70em Helvetica, Georgia, Tahoma, Arial; color: #fff;  padding: 28px 10px 0 0; float: right; clear:none; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.2em; }
#menu { margin-left: 0; margin-bottom: 20px; margin-right: 0; margin-top: 5px; float: right; padding: 10px 0 0; }
.nav li { display: inline; text-align: center; float: left; width: 140px; height: 40px; margin-top: 0px; }
.nav a { border-bottom: none; font-weight: bold; border-right: 1px solid #e5e2ea; color: #001c87; font-size: 1.0em; line-height: 2.6em; display: block; height: 40px; text-decoration: none; }
.nav a:hover { color: #0c004E; background: url(images/new-grad-nav.png) repeat-x 0 -20px; }
.nav a.current { color: #fff; background: url(images/new-here-nav.png) repeat-x 0 -20px; }

/* New Heder & Menu */

#logo { border-bottom-style: none; padding: 10px 0 20px 0; float: left; width: 980px; height: 120px; background:#1C3B81;}
#logo img {margin: 0; float:left; padding: 15px 0 0 25px;}
#logo h1 { font: bold 0.70em Helvetica, Georgia, Tahoma, Arial; color: #fff;  padding: 28px 10px 0 0; float: right; clear:none; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.2em; }
#menu { margin-left: 0; margin: 0 0 20px 0; float: right; padding: 0; background: url(images/new-grad-nav.png) repeat-x }
.nav li { display: inline; text-align: center; float: left; width: 140px; height: 40px; margin-top: 0px; }
.nav a { border-bottom: none; font-weight: bold; border-right: 1px solid #e5e2ea; color: #fff; font-size: 1.0em; line-height: 2.8em; display: block; height: 40px; text-decoration: none; }
.nav a.last{ border:none; }
.nav a:hover { color: #0c004E; background: url(images/new-here-nav.png) repeat-x 0 -20px; }
.nav a.current { color: #fff; background: url(images/new-here-nav.png) repeat-x 0 -20px; }

/* Left & Right Columns */

.sub-generic { background: #fff url(images/box-top.png) no-repeat; padding: 0 0 0 15px; height: 37px; margin: 0; color: #fff; font-weight: bold; letter-spacing: 0.2em; line-height: 2.4em; }
#left { margin: 0 0 20px 0; clear: left; width: 258px; float: left; }
#left img { padding: 6px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff;}
.smallthumb { width: 109px; }
#right { float: right; width: 190px;}
.date { font-size: .8em; border-top: 1px solid #eee; padding: 5px 0 0; }
.box { background: #eee; padding: 10px; clear:left; margin-bottom: 10px; }
.box ul { list-style: none; }
.box li { list-style: none; border-bottom: 1px dotted #ccc; line-height: 26px; }
.box li a { padding: 0 5px; }
.box li a.current  { color: #696969; background: inherit; text-decoration: none; }
.fader_box { background: #eee; padding:0; clear:both; margin-bottom: 10px;}
.rotation_item { background: #eee; padding: 10px; margin: none;  width: 238px;}

/* Home & Calendar Pages*/

#home { margin: 0 0 20px 0; clear: left; width: 775px; float: left;}
.home { padding: 20px ; clear: left; float: left; text-align: justify; float: left; width: 735px; }
.home li { font-size: 1.0em; line-height: 1.2em; list-style-position: outside; padding-bottom: 6px; }
#calendar { margin: 0 0 30px 20px; width: 683px; float: left; font-size: 1.0em; line-height: 1.4em;}
.calendar { margin:0 0 10px 0; float: left; }
.calendar .intro-personal { float: left; border: 1px solid  #92c2d9; width: 681px; padding: 0; }
.calendar .intro-business { float: left; border: 1px solid #b3b3b3; width: 681px;  padding: 0;}
.calendar .personal{ width:92px; height:46px; float: left; background-color: #92c2d9; color: #fff; padding: 5px 5px 0 8px; clear: none; font-weight: bold; }
.calendar .business{ width:92px; height:46px; float: left; background-color: #b3b3b3; color: #fff; padding: 5px 5px 0 8px; clear: none; font-weight: bold; }
.calendar .text { float: left; clear: none;  padding: 5px 5px 0 10px; width: 515px; }
.calendar a.toggleLink { float: right; clear: none; letter-spacing: 0.1em; margin-right: 5px; padding-top: 5px; }
.calendar .open {float: left; clear: none;}
.calendar .toggle { padding: 15px 10px; margin: 0; width: inherit; }
.calendar .toggle p { padding: 15px 0 0 0; margin: 0; width:660px;  }
.calendar .toggle p.iCal { float:right; width:410px; clear:both;  padding: 15px 0 0 0; margin: 0;}
.calendar p.iCal span { color: #b3b3b3; padding: 10px 0 0 0; float:left; font-variant: small-caps; letter-spacing: 0.1em; }
.calendar p.iCal img { float:right; margin:0; padding:0; }

/* Centre / Main Content */

#content { width: 980px; margin:0 auto; background:white; border-left: 1px solid #eee; border-right: 1px solid #eee; }
#center { width: 493px; float: left; margin: 0 0 20px 20px; }
#center { text-align: justify; }
#center ul, .home ul, ul.grey { list-style-type: square; padding-top: 10px; padding-bottom: 10px; margin-left: 15px; text-align: left; }
#center ul.grey li { color: #586373; }
#center li { font-size: 1.0em; line-height: 1.2em; list-style-position: outside; padding-bottom: 6px; color: #2f459b; }
#center ol, .home ol { margin-left: 1em; padding: 0 0 0.5em 0.5em; list-style: decimal; }
#center ol li, .home ol li { padding: 0 0 0.5em 0.0em; list-style: decimal; }
.summary  { border-bottom: 1px solid #eee; float: left; clear: both; padding-bottom: 10px; width: 100%;}
.summary p { padding-top: 10px; float: left; width: inherit; }
.summary p a { float:right; margin-top: 20px; padding: 0; color: #3d81ce; text-decoration: none; background: url(images/vlight-more.png) no-repeat left center; position: relative; font-size: 1.0em; height: 30px; width: 100px; text-align: center; line-height: 30px; font-variant: small-caps; text-transform: uppercase; font-size: 0.8em; font-weight: bold; letter-spacing: 0.2em; }
.summary p  a:hover { background: url(images/light-more.png) no-repeat left center; color:#001c87; }

/* Footer */

#footer { color: #fff; border-top-style: none; font-size: 0.8em; clear: both; padding: 1.0em 0.5em 0.5em 0.5em; background:#1C3B81; font-variant: small-caps; height:3.0em; text-transform: uppercase; letter-spacing: 0.2em; }
#footer a { color: #fff; }
#footer p { text-align: center;  }
#footer span.spread {padding: 0 10px;}
#credits { float: right;clear:both; line-height: 25px; font-variant: small-caps; font-size: 0.72em; font-weight: bold; letter-spacing: 0.2em; padding-right: 5px;}

/* Slideshow */

#introslider { clear: left;	float: left; height: 400px; margin: 0 0 20px 0; overflow: hidden; width: 775px; background-color: #e6ecf0; }
#introsliderContent { overflow: hidden; width: 775px; }
.introsliderImage { display: none; float: left; position: relative; }
.introsliderImage span.right { background-color: #404040; color: #ffffff; display: none; overflow: hidden; padding: 30px 10px 10px; position: absolute; width: 775px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.introsliderImage a { float: left; margin-top: 30px; padding: 0; background: url(images/more.png) no-repeat left center; position: relative; height: 30px; width: 100px; text-align: center; line-height: 30px; font-variant: small-caps; text-transform: uppercase; font-size: 0.8em; font-weight: bold; letter-spacing: 0.1em; }
.introsliderImage a:hover { color:  #3d81ce; text-decoration: none; }
.introsliderImage span.right p { font-size: 1.2em; font-style: normal; font-weight: normal; line-height: 1.4em; letter-spacing: 2px; }
.introsliderImage span.right h1 { color: white; font-size: 1.4em; font-style: normal; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; margin: 10px 0px 20px 0; line-height: 1.6em; }
.right { bottom: 0; height: 370px; right: 0; width: 275px !important; padding: 50px 10px 10px 10px; margin: 0; }

/* Contact Form */

#ContactForm table { border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#ContactForm .label { padding-top: 2px; padding-right: 6px; vertical-align: top; text-align: right; width: 110px; white-space: nowrap; }
#ContactForm .field { padding-bottom: 10px; white-space: nowrap; }
#ContactForm .status { padding-top: 0px; padding-left: 6px; vertical-align: top; width: 200px; white-space: nowrap; }
#ContactForm .textfield, #ContactForm input { width: 170px; }
#ContactForm textarea { width: 174px; height: 170px; }
#ContactForm label.error { background:url("images/cancel.png") no-repeat 0px 2px; padding-left: 18px; padding-bottom: 0px; font-weight: normal; color: #d31200; }
#ContactForm label.checked { background:url("images/accept.png") no-repeat 0px 0px; }
#ContactForm .success_msg { font-weight: normal; color: #0060BF; margin-left: 18px; }

/* Unused? */

.d-forms {  background: url(images/form.jpg) no-repeat left  top; clear: both; height:64px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px dotted #eee;}
.d-forms h3 { margin-left: 90px; font-size: 1.0em; font-weight: normal; font-variant: small-caps; text-transform: uppercase; letter-spacing: 0.2em;line-height: 1.6em; float: left; border: none;}
.d-forms p  { margin-left: 90px; line-height: 1.4em; float:left; clear: left;}