/* reset */

* {font-family:Georgia,Times,Serif}
body,p,td,th,ul {padding:0;margin:0;border:0;outline:0;font-size:100%;line-height:1.30em;}
img {-ms-interpolation-mode: bicubic;}
body {background:#FFF}

a,a:link,a:active,a:visited,a:hover,a *{
	color:inherit; font-weight:bold; outline:0;
	text-decoration:none; letter-spacing:.1em;margin-left:.2em;
}

/* local styles */
div.inset {float:right; margin-left:1em; text-align:center;}
div.inset img {margin:0;padding:8px; border:2px solid #CCE; background:white; width:220px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27);
}
div.inset h4 {background:#CCE;margin:0;line-height:2em;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.27);
}
div.inset a {border:0;margin:0;padding:0;content:""}

a:before {content:"▶";letter-spacing:.4em;}
a:hover, {background:#444;color:#fff;}
a.img:before {content:"";}
a.img {background:transparent; margin:0}


.quote{font-family: 'IM Fell English', serif;font-size:1.2em;}

.floatR{float:right}
.floatL{float:left}
.clearR{clear:right}
.clearL{clear:left}
.clearB{clear:both}
.alignC {text-align:center}
.alignL {text-align:left}
.alignR {text-align:right}
.alignB {text-align:justify}

.round { border:0px solid white; 
	-webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;
	behavior:url(/l/c/border-radius.htc);
}
.tshad { text-shadow:1px 1px 3px #000; }
.bshad { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.27);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.27);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.27);}

table.article { border-spacing:0; width:1000px; font-size:12px; margin-top:16px;}
table.article th {
	color:#FFF; font-size:1.5em; text-align:center;padding:1em;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
	background-image: -webkit-linear-gradient(top, 	#666, #000);
	background-image: -moz-linear-gradient(top, 		#666, #000);   
	background-image: -ms-linear-gradient(top, 			#666, #000);
	background-image: -o-linear-gradient(top,			#666, #000);
}
table.article th i {color:#CCC;}
table.article th i:first-child {float:left;}
table.article th i:last-child {float:right;}
table.article td {background:#FFF; color:black; text-align:justify;padding:1.5em;}
table.article p {font-size:1.2em; margin:.75em 0 .75em 0; line-height:1.5em;}

.cols3{
   -moz-column-count: 3;
   -moz-column-gap: 20px;
   -webkit-column-count: 3;
   -webkit-column-gap: 20px;
   column-count:3;
   column-gap:20px;
}
.cols2{
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   column-count:2;
   column-gap:20px;
}

.dropcap:first-letter,.gold {
	float:left; color: #FFF; font-size: 500%; 
	line-height: 90%; height:90%; font-family: Georgia;
	vertical-align:middle;
	padding:.1em; margin-right:.15em; border:3px solid; border-color: #d2c6a0 #523e00 #523e00 #d2c6a0;
	text-shadow:0 -1px 1px rgba(0,0,0,0.33);
	background:#CB4; /* fallback */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd88', endColorstr='#888800');
	background-image: -webkit-linear-gradient(top, 	#FD8, #880);
	background-image: -moz-linear-gradient(top, 		#FD8, #880);
	background-image: -ms-linear-gradient(top, 		#FD8, #880);
	background-image: -o-linear-gradient(top,			#FD8, #880);
}
.gold {font-size:inherit;line-height:inherit;}

.ivy:last-child:after {	content: "\2766";	font-size: 3em;padding-left: .7em;float: right;margin-top: .5em;}

.uberbutton {
	line-height:1em;padding:.4em .6em .4em .6em;
	box-shadow:0 .1em .2em rgba(0,0,0,0.50);-webkit-box-shadow:0 .1em .2em rgba(0,0,0,0.50);-moz-box-shadow:0 .1em .2em rgba(0,0,0,0.50);
	border:0px solid #808080; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; 
	behavior:url(/l/c/border-radius.htc);
	font-family:Verdana,Arial,Tahoma,Sans-Serif;
	color:white;font-weight:bold; 
	text-shadow:0 -1px 1px rgba(0,0,0,0.33);
	padding-right:.5em}
	
.gradient_cyan{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cccc', endColorstr='#008888');
  background-image: -webkit-linear-gradient(top, 	#0CC, #088);
  background-image: -moz-linear-gradient(top, 		#0CC, #088);
  background-image: -ms-linear-gradient(top, 		#0CC, #088);
  background-image: -o-linear-gradient(top,			#0CC, #088);
}
.gradient_magenta{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc00cc', endColorstr='#880088');
  background-image: -webkit-linear-gradient(top, #C0C, #808);
  background-image: -moz-linear-gradient(top, 		#C0C, #808);
  background-image: -ms-linear-gradient(top, 		#C0C, #808);
  background-image: -o-linear-gradient(top,			#C0C, #808);
}
.gradient_yellow{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccc00', endColorstr='#888800');
  background-image: -webkit-linear-gradient(top, 	#CC0, #880);
  background-image: -moz-linear-gradient(top, 		#CC0, #880);   
  background-image: -ms-linear-gradient(top, 		#CC0, #880);
  background-image: -o-linear-gradient(top,			#CC0, #880);
}
.gradient_black_down{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
  background-image: -webkit-linear-gradient(top, 	#666, #000);
  background-image: -moz-linear-gradient(top, 		#666, #000);   
  background-image: -ms-linear-gradient(top, 		#666, #000);
  background-image: -o-linear-gradient(top,			#666, #000);
}
.gradient_grey_down{
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffdd', endColorstr='#ccccaa');
  background-image: -webkit-linear-gradient(top, 	#FFD, #CCA);
  background-image: -moz-linear-gradient(top, 		#FFD, #CCA);   
  background-image: -ms-linear-gradient(top, 		#FFD, #CCA);
  background-image: -o-linear-gradient(top,			#FFD, #CCA);
}
.gradient_grey_left{
  background:#DDB;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffdd', endColorstr='#ccccaa', GradientType=1);
  background: -webkit-linear-gradient(left,	#FFD, #CCA);
  background: -moz-linear-gradient(left,		#FFD, #CCA);   
  background: -ms-linear-gradient(left,		#FFD, #CCA);
  background: -o-linear-gradient(left,		#FFD, #CCA);
}

.header,.footer {width:1000px; font-size:12px;color:#CCF;}
.header {height:4.3em; line-height:4.3em;}
.header ul,.header li {line-height:inherit}
.title {width:50%; float:left;padding-left:1.0em; 
	text-align:left; font-size:1.5em; color:#FFF;}

/* navigation */
ul.nav li {float:left;list-style:none; font-size:.8em; margin:0;padding:0}
ul.nav a {display:block; padding:0 1em 0 1em;}
ul.nav a:hover {background:#444 !important;}

.footer {color:#CCC;padding-bottom:1em; margin-top:16px;}
.footCol{font-size:.8em;width:20%;float:left; margin:0 0 0 2%; text-align:left; color:#AAF;}
.footHead{font-size:2em;line-height:2em; color:#FFF; font-weight:bold; border-bottom:1px solid #666; margin:0.5em 0 1em 0;}

#footnote {font-size:.8em; color:#181;width:100%; margin-top:.5em; text-align:center}
#footnote b {color:#44C;}
#footnote i {color:#C44;}
#footnote a:before {content:''}

#backdrop {height:100%;width:100%;left:0;top:0; position:fixed; z-index:-1;}
#banner {width:1000px;height:300px;}
.crossFade {position:relative;}
.crossFade img {position:absolute;top:0;left:0;width:100%;height:100%;border:0;margin:0;padding:0;display:none;}
.crossFade img:last-child{display:inline;}

[tip] { /* tooltip in pure CSS */
  position: relative;
}

[tip]:hover:after {
  z-index: 100;  content: attr(tip);
  position: absolute;top:100%;left:3em;max-width:16em;min-width:12em;
  font-size:10px;line-height:1em;white-space:pre-wrap;
  padding: 4px; 
  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
  behavior:url(/l/c/border-radius.htc);
  color: #333;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
  background-image: -webkit-linear-gradient(top,	#FFF, #CCC);
  background-image: -moz-linear-gradient(top,		#FFF, #CCC);
  background-image: -ms-linear-gradient(top,		#FFF, #CCC);
  background-image: -o-linear-gradient(top,			#FFF, #CCC);
  box-shadow: 0px 0px 4px #222;
}