/*
--------------------------------------------------------
	DSFC stylesheet
	
	author:		Tom Carrington
	date:		07.07.05
	
-------------------------------------------------------- 
*/

body {
	background: #9999CC url("images/pageGrad.jpg") repeat-x; background-attachment:fixed; 
	margin: 0 0 30px 0; padding: 0; 
	font: 11px/18px tahoma, geneva, verdana, sans-serif; 
	color: #1F254C; 
	text-align: center;
}


* { padding: 0; margin: 0; line-height: 20px; }

.reset {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 1px; 
	line-height: 1px; 
	margin: 0;
}

a		{ color: #4B67A0; }
a:hover	{ color: #D50000; }



/* global elements
-------------------------------------------------------- */
#container {
	position: relative; 
	width: 744px; 
	margin: 0 auto; 
	text-align: left;
}

#contenthead .img{
	margin:0;
	padding:0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 25px;
}

#header {
	position: relative; 
	background: transparent url("images/content-top.gif") no-repeat bottom left;
	margin-top: 6px; padding-bottom: 9px;
	height:20px;
}


#replacelogo {
	position: absolute; 
	float: left;
	margin: 0; 
	padding: 0; 
	border: 0;
	height: 150px; width: 180px;
	/*background: transparent url("images/Welbeck-logo.gif") no-repeat top center;*/
	/*background: transparent url(images/welbeck_logo.gif) no-repeat top center;*/
}

#replacelogo a, #replacelogo h1 {
	margin: 0; padding: 0; border: 0;
	display: block;
	height: 150px; width: 180px;
	/*text-indent: -9999px;*/
	background: none;
	text-decoration: none;
}

#content {
	position: relative; 
	background: #FFF url("images/content-botShadow.gif") no-repeat bottom left;
	padding: 0 1px 20px 1px;
}


#left, #right {
	position: relative; 
	float: left;
}

#left { width: 381px; }
#right { width: 360px; height:525px; margin-top: 30px;}
html>body #right { width: 360px; /*height:433px;*/ height:auto; min-height:525px; margin-top: 30px;} /* ie doesnt see height should = auto*/

#body #left { width: 190px; padding-bottom: 30px; }

#body #right { 
	border-left: 1px solid #FFF; 
	width: 550px; 
	/*background: transparent url("images/grounds.jpg") no-repeat top right; 
	padding-top: 90px;*/
	padding-top: 0px;
	margin-top: 0; 
	
}

#footer {
	clear: both; 
	background: #EDEEED;
	margin: 0 1px;
	padding: 6px 6px 0px 6px;
	font-size:9px;
	text-align:right;
}
#footer p img {position:relative;top:3px;left:-30px;}

#subnavimage, #subnav1image, #subnav2image, #subnav3image, #subnav4image, #subnav5image {
	padding-right:5px; cursor:pointer;
}
/* Top Links
-------------------------------------------------------- */
ul#topnav {
	margin-left: 12px;
	list-style-type: none;
}

ul#topnav li {
	display: inline;
	color: #687A9D;
	font-size: 9px;
}

ul#topnav li a {
	color: #FFF;
	margin: 0 3px;
	border-bottom: 1px solid #687A9D;
	text-decoration: none; 
} ul#topnav li a.last { background: none; }


ul#topnav li a:hover { border-bottom: 1px solid #FFF; }

/* Main Nav
-------------------------------------------------------- */
#mainnav { background: url("images/navbar-sub.gif") top left no-repeat; border-bottom: 1px solid #FFF; 
	clear: both;
	position: relative
}

#mainnav ul {
	position: relative;
	/*background: url("images/nav.gif") 190px 0px no-repeat;*/
	width: 742px; height: 31px; 
	margin-left: 0px;

}

#mainnav li { 
	list-style: none; 
	display: inline;
	top: 0;
	position: absolute;
}

#mainnav li, #mainnav a {
	height: 31px; 
	display: block;
	text-decoration: none;
}

#mainnav a 					{ text-indent: -9999px; }



#navsearch						{ left: 0; width: 190px; padding-top:1px; padding-left:5px; padding-bottom:0px; padding-right:0px;}
#navsearch a {padding-top:5px;color:#666666;font-weight:bold;text-indent:0px;}
#navsearch a:hover {text-decoration:underline;}

#navsearchR						{ right: 0; padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:5px;}
#navsearchR a {padding-top:5px;color:#666666;font-weight:bold;text-indent:0px;}



/* content elements
-------------------------------------------------------- */
h4 { font-size: 9px; color: #162F5F; }

#right img { margin: 0 20px; border:0;}
#right img.slim { margin: 0 0px; border:0;}
#right img.floatimage {float:right; border:1px solid #CCCCCC; background-color:#F1F1F1; padding:10px;}
#right img.floatimage2 {float:left; border:1px solid #CCCCCC; background-color:#F1F1F1; padding:10px;}
#right img.floatimage3 {float:center; border:1px solid #CCCCCC; background-color:#F1F1F1; padding:10px;}

#right img.bulletinimage {float:right; border:1px solid #CCCCCC; background-color:#F1F1F1; padding:10px; margin:0 0px}
#right img.bulletinimage2 {float:left; border:1px solid #CCCCCC; background-color:#F1F1F1; padding:10px; margin:0 0px}

#right h1 {font-size: 16px; color: #162F5F; display:block; border-bottom:1px dashed #515151; margin: 10px 20px 20px 20px; }
#right h1 a {border:none;}
#right h1 a:hover {border:none;}

#right h2 {font-size: 16px; color: #162F5F; display:block; border-bottom:1px dashed #515151; margin: 10px 20px 20px 20px; }
#right h2 a {border:none;}
#right h2 a:hover {border:none;}

#right h3 {font-size: 14px; color: #162F5F; margin: 0 20px 5px 20px; }

#right p {margin: 0 20px 20px 20px; }

#right ul { margin: 0 0 10px 40px; padding: 3px 10px; }
#right ul.slim { margin: 0 0 10px 40px; padding: 0px 10px; }
#right ul.slim li{margin:0;padding:0;}
#right ul.year {list-style:none;}

#right ol { margin: 0 0 20px 40px; padding: 3px 10px; }
#right ol li {margin-bottom:10px;}


#right a {border-bottom: 1px dotted #9999CC; text-decoration:none}
#right a.center {border-bottom: 1px dotted #9999CC; text-decoration:none; text-align:center;}
#right a.img {border: 0; text-decoration:none; padding:0px;margin:0px;}
#right a.img img {border:0; text-decoration:none; padding:0px;margin:0px;}

#right table.liststyle {margin: 0px 0px 0px 20px; width:93%; }
#right table.liststyle td{padding-left:15px;}
#right table.liststyle #tablehead1 {font-weight:bold;color:#4B67A0;}
#right table.liststyle #tablehead1 td {padding-left:0px;padding-bottom:10px;background-image:url(/Resources/images/bnd_table.gif); background-repeat:repeat-x; background-position:bottom;}
#right table.liststyle #tablehead1 td img {margin:0px; padding-left:2px;}
#right table.liststyle #tablehead1 td.none {background:none;}

#right table.orderlist{margin: 0px 0px 0px 20px; width:93%;}
#right table.orderlist td{vertical-align:top;}
#right table.orderlist td.center{text-align:center;}
#right table.orderlist ul{padding:0;line-height:normal;margin-top:5px;margin-bottom:5px;}

#right table.calendar {margin: 0 0px 20px 20px; width:93%; border-collapse:collapse;}
#right table.calendar tr {background-color:#FCFCFC;}
#right table.calendar td {border:1px solid #999; padding:2px;}
#right table.calendar td.top{border:1px solid #999; padding:2px;vertical-align:top;}
#right table.calendar td.month{border:none;background-color:#FFF;}
#right table.calendar td h3{ margin: 5px 20px 2px 0px;}
#right table.calendar td.head {font-weight:bold;color:#ffffff;background-color:#4B67A0;text-align:center;}
#right table.calendar td p.notes{font-size: 9px;text-align:left;margin: 0 0 0 15px;line-height: normal;font-style:italic;} 

#right table.tablestyle {margin: 0 0px 20px 20px; width:93%; border-collapse:collapse;}
#right table.tablestyle tr {background-color:#FCFCFC;}
#right table.tablestyle td{border:1px solid #999; padding:2px;}
#right table.tablestyle #tablehead1 {font-weight:bold;color:#ffffff;background-color:#4B67A0;}
#right table.tablestyle #tablehead2 {font-weight:bold;color:#000000;background-color:#CCCCCC;}
#right p.center{text-align:center;}
#right p.italic{font-style:italic;}
#right p.bold{ font-weight:bold;}
#right p.topborder{ border-top:solid 1px #000;}
#right p.halfheight {margin: 0 20px 10px 20px; }
#right p.indent {margin: 0 20px 10px 80px; }

#left a { color: #333;}
#left a img { border:0px; padding: 10px 0px 5px 5px;}
#left ul { list-style-type: none;}
#left p { margin-top: 12px; }
#left p, h4 { margin: 0 6px; }

#left h3 { font-size: 9px; padding: 5px 6px 5px 6px;}

html>body #left h3 { padding: 0px 6px 0px 6px;}/*ie cant read this rule*/

input#submitbutton {width: 20px; height: 20px;margin-left: 9px; margin-top: 1px;background: none; border: none;	display: block;}

.top{vertical-align:top;}

fieldset {border:0;padding:10px;}

legend {margin-left:20px;font-family:Arial, Helvetica, sans-serif;font-size: 90%;font-weight: bold;line-height: 1.1;color:#fff;	background: #666;border: 1px solid #333;padding: 2px 6px;}

.form {	margin-left:20px;padding:0;}

label {	
	width:50px;		
	margin-top:3px;	
	margin-right:2px;	
	padding-top:5px;	
	padding-left:6px;	
	float:left;	
	display: block;	
	font-family:Arial, Helvetica, sans-serif;		
	color:#666;}

.div_texbox {	
	width:400px;	
	float:left;	
	margin-top:3px;	
	padding-top:5px;	
	padding-bottom:3px;	
	padding-left:5px;
	font-size:x-small;
	line-height:normal;
	}

.username { width:100px;}
.username:focus, .username:hover {background-color:#F0FFE6;}   
.password {width:100px;}
.password:focus, .password:hover {background-color:#F0FFE6;} 
.button_div {width:120px;float:left;text-align:right;margin-top:3px;padding:5px 32px 3px;}
.buttons {padding: 6px 14px;border-width: 2px;border-style: solid;text-decoration: none;font-weight:bold;}


/* Sub Nav
-------------------------------------------------------- */
#subnav1, #subnav2, #subnav3, #subnav4, #subnav5, #subnav6, #subnav7, #subnav8, #subnav9, #subnav10, #subnav12, #subnav13, #subnav16, #subnav14
{ background-color: #BBBBEF; border-bottom: 2px solid #162f5f;}


#left h3 { background-color: #4B67A0; border-bottom: 2px solid #162F5F; color: #FFF;}
#left h3 a { color: #FFF; text-decoration:none }
#left h3 a:hover { color: #FFF; text-decoration:underline }


li.underlineli {text-indent:6px; height:23px; border-bottom:dotted 1px #fff;} /*24px*/
/*html>body li.underlineli { height:25px;}/*ie cant read this rule*/ /* 24px*/

li.underlineli a {display:block; text-decoration: none;}
li.underlineli a:active{ color: #000; text-decoration: none; }
li.underlineli a:hover { color: #D50000; text-decoration: underline;}

/*
#left h3 { background-color: #EEEEEE; border-bottom: 1px dashed #ACACAC;border-top: 1px dashed #ACACAC; color: #FFF;border-right: 1px solid #A1A1A1; boarder-collapse:collapse;}
#left h3 a { color: #666666; text-decoration:none }
#left h3 a:hover { color: #666666; text-decoration:underline }
li.underlineli a {padding-left:15px;}
li.underlineli a.active{ color: #000; text-decoration: none; }
li.underlineli a:hover { color: #D50000; }
*/

/* PhotoLibrary
-------------------------------------------------------- */
#photolibrary {clear:left;padding-left:10px;}
#photolibrary ul{padding-left:0px; margin-left:0px;}
#photolibrary ul li{display:inline;}
#photolibrary ul li img{
	background-color: #fff;
	width: 60px;
	height: 60px;
	padding: 5px;
	border: 1px solid #999;
	margin-right: 5px;
}
#photolibrary ul li a{border:none;}

#photolibrary1 img{
	background-color: #fff;
	padding: 5px;
	border: 1px solid #999;
	margin-right: 5px;
}


/* Jump Quotes
-------------------------------------------------------- */
#right div.mission {float:right; width:240px; border:1px solid #CCCCCC; background-color:#ffffff; padding:10px; margin:0px 0px 10px 30px; position:relative; top:5px; left:-20px; text-align:center;}
#right div.mission p#cite{font-size:9px;font-style:normal;line-height:11px;border-top:1px solid #CCCCCC; display:block;padding-top:5px;margin-top:5px; text-align:right;}
#right div.mission q{font-size: 18px; color:#666666;  line-height:20px;margin:0px;padding:0px;text-align:left;font-family:Times, serif;}

#right div.quoteright {float:right; width:200px; border:1px solid #CCCCCC; background-color:#ffffff; padding:10px; margin:0px 0px 0px 30px; position:relative; top:5px; left:-20px; text-align:center; background-image:url("images/bgnd_quote_220.gif");}
#right div.quoteright p#cite{font-size:9px;font-style:normal;line-height:11px;border-top:1px solid #CCCCCC; display:block;padding-top:5px;margin-top:5px; text-align:right;}
#right div.quoteright q{font-size: 18px; color:#666666;  line-height:20px;margin:0px;padding:0px;text-align:left;font-family:Times, serif;}
#right div.quoteright q b, #right div.quoteright q i {font-size: 18px; font-family: Georgia, serif; font-weight: bold; font-style:normal; color: #4B67A0;}

#right div.news {float:right; width:172px; border:10px solid #4B67A0; background-color:#BBBBEF; padding:10px; margin:0px 0px 20px 30px; position:relative; top:5px; left:-20px; text-align:center;}
#right div.news p#cite{font-size:9px;font-style:normal;line-height:11px;border-top:1px solid #CCCCCC; display:block;padding-top:5px;margin-top:5px; text-align:right;}
#right div.news q{font-size: 18px; color:#666666;  line-height:20px;margin:0px;padding:0px;text-align:left;}

#right div.newsright {float:right; width:172px; border:10px solid #CCCCCC; background-color:#ff0000; padding:10px; margin:0px 0px 0px 30px; position:relative; top:5px; left:-20px; text-align:center; background-image:url("images/bgnd_quote_220.gif");}
#right div.newsright p#cite{font-size:9px;font-style:normal;line-height:11px;border-top:1px solid #CCCCCC; display:block;padding-top:5px;margin-top:5px; text-align:right;}
#right div.newsright q{font-size: 18px; color:#666666;  line-height:20px;margin:0px;padding:0px;text-align:left;}

/*------------------Steve Edit: Happening Page-----------------------*/
#right div.bulletin {float:left; width:500px; border:2px solid #CCCCCC; background-color:#ffffff; padding:5px; margin:0px 0px 10px 20px; position:relative; text-align:left;}
#right div.bulletin q{font-size: 18px; color:#666666; line-height:20px; margin:0px; padding:0px; text-align:left;}
#right div.bulletin:hover {background-color:#E7EBF7;cursor:pointer;}

/*------------------Darren Edit: Full Width Highlight-----------------------*/
#right div.bulletin1 {float:left; width:500px; border:2px solid #CCCCCC; background-color:#E7EBF7; padding:5px; margin:0px 0px 10px 20px; position:relative; text-align:left;}
#right div.bulletin1 q{font-size: 18px; color:#666666; line-height:20px; margin:0px; padding:0px; text-align:left;}


/*-------------------------Index Page--------------------------------*/
#right div.missionCenter {float:center; width:240px; border:1px solid #CCCCCC; background-color:#ffffff; padding:10px; margin:0px 0px 10px 30px; position:relative; top:5px; left:-20px; text-align:center;}
#right div.missionCenter p#cite{font-size:9px;font-style:normal;line-height:11px;border-top:1px solid #CCCCCC; display:block;padding-top:5px;margin-top:5px; text-align:right;}
#right div.missionCenter q{font-size: 18px; color:#666666;  line-height:20px;margin:0px;padding:0px;text-align:left;font-family:Times, serif;}
/*-------------------------End Steve Edit---------------------------*/

/*-------------------------------------------------------- */
/*-- NEW (Ian Archambeau 16/10/2007)                     --*/
/*-- Added for Student Blogs                             --*/
/*-------------------------------------------------------- */
/*-- TEXT FORMATTING --*/
h4 {
    font-size:12px;
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:solid 1px;
   }

#date {
      font-size:9px;
      float:right;
      margin-right:7px;
      display:inline;
      }

/*-- LAYOUT --*/
#blog {
      text-align:justify;
      margin-right:10px;
      }

#blog_content{margin-left:10px;}

/*---------------------------------------------------------------*/
/*-- CSS Buttons Code 30/11/2011                               --*/
/*-- Using code from http://www.cssbuttongenerator.com/        --*/
/*---------------------------------------------------------------*/

.btn {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9b89b5), color-stop(1, #411e7f) );
	background:-moz-linear-gradient( center top, #9b89b5 5%, #411e7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b89b5', endColorstr='#411e7f');
	background-color:#9b89b5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fafafa;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #411e7f), color-stop(1, #9b89b5) );
	background:-moz-linear-gradient( center top, #411e7f 5%, #9b89b5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#411e7f', endColorstr='#9b89b5');
	color:#d5c0e0;
	background-color:#411e7f;
}.btn:active {
	position:relative;
	top:1px;
}