/* 
   css Copyright (c) 2005-2006 by Karelia Software. All rights reserved.
   css released under Creative Commons License 
        - http://creativecommons.org/licenses/by-sa/2.5/ 
   All associated graphics belong to their respective owners 
        and are licensed separately. 
*/


/*
GLOBAL

Try to define style properties as globally as possible. E.g. the basic font setting should be right there for the body element
*/

* { 
	margin:0px;
	padding:0px;
}

body {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-size: 76%; /* as recommended in CSS guide */
	background-color:#eee;
	color:#111;
	word-wrap:break-word;
	line-height:1.6;
}

body.allow-sidebar {
	background-color:#fff;
	background-image:url(background.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

#sidebar, .callout, #page-top, h1, h2, h3, h4 {
	font-family:Optima, Tahoma, sans-serif;
	font-weight:normal;
	color:#000;
	background-color:inherit;
}

h1 {
	font-family:Optima, Tahoma, sans-serif;
	font-size:16px;
	line-height:1.9em;
	margin-bottom:8px;
	border-bottom: 1px dotted #666;
}

h2 {
	font-family:Optima, Tahoma, sans-serif;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:10px;
	border-bottom: 1px dotted #666;
}

h3 {
	font-family:Optima, Tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:10px;
}

h4 {
	font-size:12px;
	font-weight:normal;
	padding-top:8px;
	line-height:2em;
	border-bottom: 1px dotted #666;
}

h5 {
	font-family:Optima, Tahoma, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:2;
}

p {
	margin-bottom:0.5em;
	min-width:638px;
	max-width:638px;
}

p.photo {
	margin-top:0;
	margin-bottom:0;
	line-height:1;
}

p.label {
	line-height:2em;
}

p.homepage {
	margin-top:0;
	margin-bottom:0;
	line-height:1.2em;
}

p.spacer {
	margin-top:0;
	margin-bottom:10px;
	line-height:1em;
}

p.hometop {
	margin-top:0;
	margin-bottom:0px;
	line-height:6px;
}

a {
	color:#07a;
	text-decoration:none;
	font-weight:normal;
}

a:hover {
	color:#07a;
	border-bottom: 1px dotted #07a;
}

a img {
	border:none;
}

table	{
	border:0px;
	border-style:dotted;
	padding:0px;
}

tr	{
	width:634px;
}

ul {
	list-style-type:none;
	font-size:11px;
}

#header {
	font-family:Optima, Tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:6px;
}

#twitter ul {
	list-style-type:none;
	line-height:1.5em;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	max-width:280px;
}

#twitter li {
	margin-bottom:6px;
}

#homepage ul {
	list-style-type:none;
	line-height:1.7em;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	max-width:298px;
}

#left {
	min-width:260px;
	max-width:280px;
}

#sitemenu ul {
	font-size:14px;
	margin-bottom:0px;
	margin-top:9px;
}

#sitemenu li {
	line-height:1.7em;
}

.search-style {
	width:638px;
	}

#cseDiv {
	font-family:Optima, Tahoma, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin-top:14px;
}

.gs-webResult {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;
	font-size:11px;
	font-weight:normal;
	line-height:1.6;
	margin-bottom:30px;
}

.gs-webResult .gs-title, .gs-webResult .gs-title * {
	font-family:Optima, Tahoma, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:16px;
	margin-bottom:6px;
}

.gs-webResult a.gs-title, .gs-webResult a.gs-title * {
	color:#07a;
	font-weight:normal;
}

.gs-webResult a:hover.gs-title, .gs-webResult a:hover.gs-title * {
	color:#000000;
	border-bottom:none;
	font-weight:normal;
}

.gs-webResult .gs-visibleUrl-short { 
	display:none; 
}

.gs-webResult .gs-visibleUrl-long { 
	display:none; 
}

/* 
GENERAL LAYOUT FOR HEADER AND SIDEBAR 
float them on the left if there is a sidebar, this way we can unify them into a single structure. Have the header on top if there is no sidebar.
*/
.allow-sidebar #page-top, #sidebar-container {
	float:left;
	width:206px;
	clear:left;
}

#title, #sitemenu-container, #sidebar-content {
	padding:0px;	
	margin-left:36px;
	text-align:right;
}

#title {
	margin-top:32px;
}

#title a {
	color:#000;
	border-bottom:none;
}

#title a:hover {
	color:#07a;
	border-bottom:none;
}

h1 a {
	color:inherit;
	font-weight: inherit;
}

#sitemenu-container {
	margin-bottom:8px;
	}

#sitemenu-container a {
	color:#0077cc;
	border-bottom:none;
	}
	
#sitemenu-container a:hover {
	color:#000000;
	border-bottom:none;
	}

.allow-sidebar #main {
	position:absolute;
	top:0px;
	left:270px;
}

/* IE Hack */

/* Hides from IE5-mac \*/
* html .allow-sidebar #main {
	margin-left:0px;
}
/* End hide from IE5-mac */


.allow-sidebar #main-top {
	/* set up minimum width for page */
	display:block;
	width:638px;
}


#main-content {
	margin-top:36px;
	margin-left:40px;
}


/* 
TITLE
Centre smaller logos within their 200px container and, in turn, that container in its container.
*/
#title {
	min-width:160px;
	max-width:170px;
}

#logo-container {
	display:block;
	width:200px;
	text-align:center;
	margin:auto;
}

/*
PAGELETS
*/

#sidebar {
	width:100%;
}

#sidebar-container a {
	color:#0077aa;
	border-bottom:none;
	}
	
#sidebar-container a:hover {
	color:#000000;
	border-bottom:none;
	}

.pagelet-body {
	margin-top:10px;	
	margin-bottom:0px;
	line-height:24px;
	word-spacing:2px;
}

.pagelet {
	min-width:160px;
	max-width:170px;
}

.pagelet + .pagelet {
	margin-top:34px;
}

.pagelet h4 {
	margin:2.4em 0em 0.4em 0em;
}

/*
ACTUAL CONTENT
*/

.article-content {
	margin-top:1.2em;
}

.comments {
	border-top: 1px dotted #777;
	margin-bottom:52px;
}

/*
PAGE BOTTOM
*/
.article-info {
	clear:both;
}

#page-bottom {
	padding:0px 18px;
	width:220px;
}

.no-sidebar #page-bottom {
	width:93%;
}


#page-bottom p {
	margin:0px;
}

/* 
SANDVOX INTERNALS
	
these should be present in every style sheeto ensure that certain classes used by Sandvox to hide and clear elements are respected.
Don't change them unless you have very good reason to do so.
*/

.clear {clear: both; height: 0;}
.hidden {display:none;}
img.narrow {float: right;}
img.wide {display: block;}
.ImageElement, .VideoElement { text-align:center;}

/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}


/* Contact Element (standard and customized HTML) */

form.contactElement textarea,
form.contactElement input,
form.contactElement select {
	width:98%;
	margin:7px 0;
}
form.contactElement input.submit {
	width:auto;
	display:block;
	margin-left:auto;
	margin-right:2%;
	min-width:50%;
}
form.contactElement th {
	text-align:right;
	font-weight:normal;
	width:25%;
}

/* Contact Element For IE 7 */
*:first-child+html form.contactElement input.submit {
	padding:0px 10%;
	min-width: auto;
}

td.dli1 { text-align:center;}

/* IE7 hacks */

*:first-child+html .gridItem img {
	position:relative;
	top:0px;
}

*:first-child+html .gridItem h3 {
	position:relative;
	top:0px;
}