/* Giles Abbott CSS Document */

/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


body {
	font-family:Arial, Helvetica, sans-serif;
	/*makes default body size 12px
	font-size:75%;*/
	/*make 1em equal to 10px*/
	font-size:62.5%;
	padding:0px;
	margin:5px 0px 0px 19px;
	}
#insignia {
	width:94px;
	height:101px;
	/*background-image:url(images/gilesAbbott-insignia.png);
	background-repeat:no-repeat;*/
	position:absolute;
	top:5px;
	left:19px;
	z-index:50;
	}
#logo {
	padding:28px 0px 6px 94px;
	}
#logo h1 {
	font-family:GillSans, "Gill Sans", Arial, Helvetica, sans-serif;
	font-size:2.6em;
	line-height:1em;
	height:51px;
	font-weight:bold;
	/*background-image:url(images/gilesAbbott-logo.gif);
	background-repeat:no-repeat;*/
	margin:0px;
	padding:0px;
	}
.nicegreen {
	color:#B6E600;
	}
.skill {
	font-family:"Shelley Volante Script", "Edwardian Script ITC", "Brush Script MT",script;
	color:#333333;
	font-weight:normal;
	margin-left:20px;
	font-size:0.9em;
	}
h1 {
	font-size:2.3em;
	line-height:1.25em;
	font-weight:normal;
	margin-bottom:2em;
	margin-top:0.8em;
	}
h2 {
	/*font-size:2.2em;*/
	font-size:1.9em;
	font-weight:normal;
	margin:1.3em 0px 0.8em;
	}
.splash h2 {
	font-size:2.2em;
	font-weight:normal;
	margin:1.3em 0px 0.8em;
	}
h3 {
	/*font-size:2.1em;*/
	font-size:1.7em;
	font-weight:normal;
	margin:1.3em 0px 0.8em;
	}
h3.underheader {
	margin-top:0.8em;
	}
h4 {
	/*font-size:1.8em;*/
	font-size:1.5em;
	font-weight:normal;
	padding:0px;
	line-height:1.25em;
	margin:1.3em 0px 0.8em;
	}
h5 {
	font-size:1.3em;
	font-weight:bold;
	padding:0px;
	line-height:1.25em;
	margin:1.3em 0px 0.8em;
	}
p, ul, label {
	font-size:1.3em;
	}
code {
	font-size:1.2em;
	}
ul li ul {
	font-size:1em;
	}
.sidelbl {
	font-weight:bold;
	float:left;
	width:97px;
	font-size:1.2em;
	}
.info h1, .story h1 {
	font-size:2.2em;
	line-height:1em;
	font-weight:normal;
	margin:0;
	padding-top:3px;
	}
.info p, .story p {
	line-height:1.5em;
	margin:0.95em 0px 1em;
	}
.info blockquote, .story blockquote {
	margin:0em 1em 2em;
	padding:0em 0px;
	text-indent:-4px;
	/*background-color:#F1F1F1;
	border-left:2px solid #999999;*/
	}
.info blockquote p, .story blockquote p {
	margin-bottom:0.2em;
	}
.info cite, .story cite {
	font-size:1.1em;
	line-height:1.2em;
	color:#333333;
	/*border-bottom:1px solid #B6E600;*/
	}
a:link, a:visited {
	color:#99CC00;
	text-decoration:none;
	}
a:hover {
	color:#99CC00;
	text-decoration:underline;
	}
a:active {
	color:#9EB482;
	text-decoration:none;
	}
.info dt, .story dt {
	font-size:1.3em;
	line-height:1.25em;
	border-bottom:1px solid #999999;
	padding:0.3em 0px;
	margin:0.2em 0px 0em;
	}
.info dd, .story dd {
	font-size:1.2em;
	line-height:1.5em;
	margin:0.4em 0px 0.6em 5px;
	padding:0px;
	}
a.sampler:link, a.sampler:visited, a.sampler:hover, a.sampler:active {
	background-image:url(../images/layout/sampler_bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:99px;
	text-align:center;
	font-size:0.95em;
	line-height:1.1em;
	}
.info dt a {
	float:right;
	}
#wrapper {
	/* Should be 780px but IE6 breaks mainnav so one extra pixel.. */
	width:781px;
	}
ul#mainnav {
	font-size:1.4em;
	list-style:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	}
ul#mainnav li {
	width:194px;
	float:left;
	line-height:1em;
	padding:0px;
	margin:0px 0px 0px 1px;
	background-color:#000000;
	color:#FFFFFF;
	background-image:url(../images/layout/nav_bg.jpg);
	background-repeat:repeat-x;
	}
ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:hover, ul#mainnav li a:active {
	display:block;
	padding:12px 6px 6px 6px;
	margin:2px;
	color:#FFFFFF;
	text-shadow: 0 0 0 #000;
	text-decoration:none;
	font-weight:lighter;
	}
ul#mainnav li a:hover {
	background-color:#333333;
	}
ul#mainnav li a.clicked:link, ul#mainnav li a.clicked:visited, ul#mainnav li a.clicked:hover {
	background-color:#B6E600;
	color:#000000;
	}

ul#mainnav span.clicked {
	display:block;
	padding:12px 6px 6px 6px;
	margin:2px;
	color:#000000;
	background-color:#B6E600;
	}
#breadcrumbs { 
	clear:both;
	padding:9px 0px;
	margin:0px;
	overflow:hidden;
	}
#breadcrumbs dl {
	color:#666666;
	padding:0px;
	margin:0px;
	font-size:1.2em;
	line-height:1.6em;
	}
#breadcrumbs dt {
	float:left;
	width:186px;
	text-align:right;
	margin:0px;
	padding:1px 0px;
	white-space:nowrap;
	}
#breadcrumbs dd {
	margin:0px 0px 0px 195px;
	border-left:1px solid #999999;
	padding:1px 0px 1px 8px;
	}
.sublinks {
	float:left;
	width:185px;
	}

.sublinks ul {
	list-style:none;
	margin:0px 0px 0px 1px;
	padding:0px;
	border-top:1px solid #999999;
	}
.sublinks ul li {
	margin:0px;
	border-bottom:1px solid #999999;
	}
	
.sublinks ul li ul {
	list-style:none;
	margin:-0.3em 0px 0em;
	padding:0px;
	border-top:none;
	}
.sublinks ul li ul li {
	border-bottom:none;
	}
.sublinks ul li.clicked {
	background-color:#EAEBDD;
	color:#000000;
	}
.sublinks ul li a:link, .sublinks ul li a:visited, .sublinks ul li a:hover, .sublinks ul li a:active {
	display:block;
	color:#000000;
	text-decoration:none;
	line-height:1.2em;
	padding:0.4em 7px 0.5em;
	}
.sublinks ul li span.clicked {
	display:block;
	color:#000000;
	line-height:1.2em;
	padding:0.4em 7px 0.5em;
	text-decoration:underline;
	}
.sublinks ul li ul li a:link, .sublinks ul li ul li a:visited, .sublinks ul li ul li a:hover, .sublinks ul li ul li a:active {
	display:block;
	color:#000000;
	text-decoration:none;
	line-height:1.2em;
	padding:0.1em 7px 0.2em 20px;
	}
.sublinks ul li ul li span.clicked {
	line-height:1.2em;
	padding:0.1em 7px 0.2em 20px;
	text-decoration:underline;
	}
.sublinks ul li a:hover {
	background-color:#F1F1F1;
	}
.sublinks ul li a.clicked:link, .sublinks ul li a.clicked:visited, .sublinks ul li a.clicked:hover {
	background-color:#EAEBDD;
	color:#000000;
	}
.cover, .story {
	padding-right:97px;
	}
.tight {
	margin:0;
	padding:0;
	}
#content {
	margin-left:195px;	
	min-height:321px;
	height:auto !important;
	height:321px;
	}
.info {
	width:390px;
	float:left;
	padding-bottom:2em;
	}
.leftpic {
	float:left;
	margin:1.5em 8px 0px 0px;
	background-color:#EAEBDD;
	border-bottom:1px solid #B3B3B3;
	}
.leftvid {
	float:left;
	margin:1.5em 8px 0px 0px;
	}
.pic {
	margin:1.5em 0 0;
	background-color:#EAEBDD;
	border-bottom:1px solid #B3B3B3;
	padding-bottom:0.5em;
	}
.pic img {
	margin-bottom:0.5em;
	}
#rightcol {
	float:right;
	padding-right:13px;
	padding-bottom:2em;
	}
.quotebox {
	background-image:url(../images/layout/quote-bot.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#EAEBDD;
	color:#333333;
	width:168px;
	margin-botton:1em;
	}
.newsbox {
	color:#333333;
	width:168px;
	margin-botton:1em;
	}
.quotebox blockquote {
	margin:0px;
	padding:25px 14px 14px 25px;
	background-image:url(../images/layout/quote-top.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
.quotebox blockquote h4, .quotebox blockquote h3, .quotebox blockquote h2 {
	margin:0px;
	padding:0px;
	text-indent:-6px;
	line-height:1.25em;
	}
.quotebox p {
	margin:0px;
	padding:0px 14px 14px 14px;
	text-align:right;
	font-size:1.2em;
	}
.newsbox p {
	margin:0.2em 0px 0em;
	padding:0px;
	font-size:1.2em;
	}
.newsbox h4 {
	margin:0.2em 0px;
	padding:0px;
	line-height:1em;
	}
 .NewsSummary {
 	padding: 14px;
	border:1px solid #DEDEBB;
	}
p.mini {
	font-size:1em;
	font-weight:bold;
	}
.splash {
	background-color:#398FCE;
	/*height:199px;*/
	height:20em;
	padding:0px 0px 0px 195px;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	background-image:url(../images/layout/splash.gif);
	background-repeat:no-repeat;
	}
.vidsplash {
	background-color:#398FCE;
	color:#FFFFFF;
	padding:15px 35px;
	margin-top:1.5em;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	}
.vidsplash a {
	color:#FFFFFF;
	font-weight:bold;
	}
.vidsplash p {
	margin:0;
	}
.splash h3, .splash h2, .splash h1 {
	color:#FFFFFF;
	margin:0px;
	padding-top:25px;
	padding-bottom:0.4em;
	text-shadow: 0 0 0 #2C7DB1;
	}
#player a:link, #player a:visited, #player a:hover {
	color:#CC0000;
}
#footer {
	color:#666666;
	border-top:1px solid #999999;
	margin-left:390px;
	margin-top:20px;
	clear:both;
	padding:4px 0px;
	}
#footer ul {
	font-size:1em;
	text-align:right;
	/*Float losing the border underline hover on IE7 !
	float:right;*/
	margin:0px;
	padding:0px;
	}
#footer ul li {
	display:inline;
	list-style-type:none;
	padding:0px 8px 0px 6px;
	margin:0px;
	border-right:1px solid #666666;
	}
#footer ul li#last {
	padding-right:0px;
	border-right:none;
	}
.splash #player, .splash blockquote {
	margin: 0px 48px 0px 36px;
	}
.splash blockquote {
	text-indent: -7px;
	}
input, select {
	border:1px solid #666666;
	}
.clear {
	clear:both;
	overflow:hidden;
	height:4px;
	}
#external-player {
	margin-top:28px;
	padding:0 7px 7px;
	border:1px solid #CCCCCC;
	background-color:#EAEBDD;
	font-size:10px;
	}

.standalone {
	padding:0 7px 7px;
	border:1px solid #CCCCCC;
	font-size:12px;
	text-align:center;
	}
#nextlink {
	float:right;
	}
.steplinks {
	font-size:1.3em;
	margin:2em 0 1em;
	border-top:1px solid #CCCCCC;
	padding-top:1em;
	}
table.cart {
	margin:0.3em 0 1em 0;
	width:100%;
	}
table.cart th {
	text-align:left;
	padding:0 8px 16px 0;
	white-space:nowrap;
	font-size:1.4em;
	
	}
table.cart td {
	padding:0 8px 16px 0;
	font-size:1.3em;
	}
.lst {
	padding-right:0;
	}
.ctr {
	text-align:center;
	}
.noborder {
	border:none;
	}