/* Start of CMSMS style sheet 'tEmain' */
* {
	margin: 0;
	padding: 0;
        border: 0;
}

body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75.01%;
	line-height: 1.6em;
        color: #223544;
       background: #fff;
}


a { color: #34526c; text-decoration: none; }
a:visited { color: #547390; }
a:hover { color: #81addf; }
p a, li a { border-bottom: 1px dotted: #547390; }

img.float-left { float: left; margin: 10px; }
img.float-right { float: right; margin: 10px; }


/*****************basic layout *****************/

div#pagewrapper { width: 960px; margin: 0 auto; }

div#header { height: 120px; padding-top: 10px; }
div#header h1 a {
	background: url(uploads/tE/tE2.png) no-repeat left;
	display: block;
	height: 100px;
	text-indent: -9999em;
        margin-left: 10px;
}
div#header h1 { line-height: 0; }

/*branding-strapline*/
div#header h2 { float: right; text-indent: -9999px; background: url(uploads/images/branding-strap.gif) no-repeat; height: 48px; width: 479px; margin: 50px 0 0 0 }

div.breadcrumbs { padding: 1em 0em 1em 1em; }
div.breadcrumbs span.lastitem { font-weight: bold; }

div#search {
	float: right;
	width: 27em;
	text-align: right;
        margin-top: 6px;
        color: #4e7592;
	}
input.search-input { border: 1px solid #355773; padding: 4px; color: #666; }
input.search-input:hover { border: 1px solid #81addf; }
input.search-button {
	height: 23px;
	width: 53px;
	cursor: pointer;
	background: #547390;
        color: #fff;
        margin-left: 6px;
}
input.search-button:hover { background: #547390; }

/*MAIN CONTENT AREA*/
div#content { padding: 20px 0 0 0; background: url(uploads/images/2col.gif) no-repeat; background-position: 260px 80px; float: left; }
#home #content { background-position: 260px 180px; }
#content a { border-bottom: 1px dotted #547390; }
/*centre col*/
div.back1 { margin-left: 250px; margin-right:0px; width: 700px; }

/* this is an IE6 hack, you may see these through out the CSS */
* html div.back1 {
	float: right;
	width: 65%;
	margin-left: 0%;
	margin-right: 10px;
}

#main { float: left; padding: 0 30px; }
div#main p { padding: 0 10px 1em 10px; margin-bottom: 0; }
#main ul { margin: 0 30px 30px 20px; }
#main li { margin: 6px 0; font-size: 14px; }
#home #main ul { width: 410px; float: left; margin: 0 0 0 20px; }

#main ul.key-points { font-size: 1.6px; }
div#main p.top-border{ padding-top: 12px; border-top: 1px solid silver; width: 630px; float: left; margin: 10px 0; font-size: 1.25em; }

#main .searchhilite { font-weight: bold; }

/*left sidebar - sidebar panel*/
div#sidebar { float: left; width: 237px; margin: 20px 0 0 8px; }
/*#home div#sidebar { margin-top: 120px; }*/
#sidebar a { border-bottom: 1px dotted #547390; }

#sidebar a#contact-promo { display: block; width: 225px; height: 100px; background: url(uploads/images/te-contact.gif) no-repeat; text-indent: -9999px; outline: none; border-bottom: none; margin-bottom: 18px; }
#sidebar a#contact-promo:hover { background-position: 0 -104px; }

/*wraps all left sidebar panels*/
div#sidebarb {	padding-right: 10px; }
/*#sidebarb ul { margin: 0 20px; }
#sidebarb li { margin: 4px 0; }*/
div#sidebarb div#news { margin: 0; padding: 0; }

/*footer container*/
div.footback { clear: both; background: #385670; color: #fff; width: 960px; text-align: center; padding: 12px 0; float: left; clear: both; margin-top: 20px; }
.footback a { color: #fff; border-bottom: 1px dotted #fff; }
.footback a:hover { color: #81addf; }


/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser 
	width: 70%;*/
}
div.right49 {
	/*float: right;
	width: 29%;
 set right to keep text on right 
	text-align: right;*/
}
/********************CONTENT STYLING*********************/

/* HEADINGS */

#main h1 { font-size: 1.8em; font-weight: normal; margin: 12px 0; }
div#content h2 { font-size: 1.4em;  text-align: left; font-weight: normal; }
#content #main h2 { font-size: 2em; margin-bottom: 20px; border-bottom: 1px solid #547390; padding-bottom: 6px; }


/*home page lead text*/
div#content h2.home-lead { text-indent: -9999px; background: url(uploads/images/home-lead-text.gif) no-repeat; width: 640px; height: 127px; }
#content p.sub-head { font-size: 1.3em; margin-top: 16px }

#content h3 { font-size: 1.4em; color: #223544; margin: 0 0 20px 10px; }

div#content h4 {
	font-size: 1.2em;
	line-height: 1.3em;
	text-transform: capitalize;
        margin: 10px 0 10px 10px; 
       }
div#content h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

/* MODULES */

/*Newsletter sign up box*/
div#signupbox{
   border: 1px solid #34526c;
   float: left;
   font-size:  1em;   
   text-align: left;
   padding: 0.5em 0.5em 0.5em 0.5em;
   margin: 0 em;
}
div#emailbox input{
   border: 1px solid #34526c;
   color: #34526c;
   float: left;
   width: 18em;     /* control the width for the input box */
   font-size:  1em;   
   text-align: left;
   padding: 0.0em 0 0.1em 0;
   margin: 0 0em;
}

/* Twitter */
#twitter h2 { 
        line-height: 2em; 
        color: #2f4d67; 
        font-size: 1.6em; 
        border-bottom: 1px solid silver;
}
#twitter .post {
     padding-top: 10px; 
     font-size: 75%; 
}
#twitter .postdate {
     padding-top: 1px; 
     font-size: 75%; 
     padding-bottom: 5px; 
     border-bottom: 1px solid silver; 
}

/* TEXT */
p { font-size: 1.15em; margin: 0 0 1.5em 0; }
#main p.sub-head { font-size: 1.8em; line-height: 1.5em; }
blockquote { border-left: 10px solid #ddd;	margin-left: 10px; }
strong, b { font-weight: bold; }
#content p strong { font-size: 1.05em; }
em, i { font-style: italic; }
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
	border: 1px solid #000;
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}

/* LISTS */
 lists in content need some margins to look nice 
div#main ul,
div#main ol,
div#main dl {
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 0 1.5em 0;
        padding-left: 30px;
}
div#main ul li, div#main ol li {	margin: 0 0 1em 0; }
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */

#footer { padding: 12px 30px 0 30px; text-align: center; }
#footer a { font: 13px Lucida Sans, Lucida Grande, Verdana, Helvetica, sans-serif; text-decoration: none; color: #fff; border-bottom: 1px dotted #547390; }
#footer a:hover { color: #d7e7ef; }
#footer li a { font-size: 14px; font-weight-bold; }
#footer ul {  padding: 0; margin: 0; list-style: none; border-top: 1px solid #547390; margin-bottom: 12px; text-align: left;}
#footer ul li { border-right: 1px solid #547390; margin-bottom: 3px; padding-right: 12px;}

#footer ul.light-nav { border: none; list-style: none; }
#footer ul.light-nav li { border: none; list-style: none; }
#footer p { font-size: 0.85em; margin: 4px 0; }
#footer p a { font-size: inherit; }
#footer ul {text-align:center;list-style:none; border: 1px solid red;}
#footer li{display:inline}

#main .calendar-event h2 { font-weight: normal; line-height: 1.5em; }

/* End of 'tEmain' */