html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;}

body {
	line-height:1.5;
	background:#660066;
	font-size:62.5%;
	color:#222;
	font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin:0; 
       }

#accessibility
      { position: absolute; 
        top: -10000px;}


blockquote:before,blockquote:after,q:before,q:after {
	content:"";}

blockquote,q {
	quotes:;}
	
blockquote {
	color:#666;
	font-style:italic;
	margin:1.5em;}

a img {
	border:none;}

h1 { font-size:3em;
	line-height:1;
	margin-bottom:.5em;
       position:absolute;
       top:40px; left:30px;}

h1 a {font-weight:normal; color:#fff;}

h2 { font-size:2em;
    margin:0 0 .75em 0;
    font-family:georgia, times, serif; 
    font-style:italic; color:#444;}

h3 { font-size:2.2em;
     line-height:1;font-weight:bold;
     margin-bottom:.75em; color:#c69;}

h4 {  font-size:1.55em;
      line-height:1.25;color:#380444; font-weight:bold;
      letter-spacing:0.01em;
      margin-bottom:0.25em; }

h5 {  font-size:1.4em;
      line-height:1.25;color:#666; font-style:italic;
      margin-bottom:0.5em;}

h6 {  font-size:1em;
      font-weight:700;}

p {font-size:1.3em; margin:0 0 1.5em 0;}

p.last { margin-bottom:0;}

p img { float:left;
	margin:1.5em 1.5em 1.5em 0;
	padding:0;}

p img.top { margin-top:0;}

ul,ol {	margin:0 1.5em 1em;}

ul { list-style-type:circle;}

ol {list-style-type:decimal;}

li {margin-bottom:0.5em; font-size:120%;}
li li {font-size:100%; list-style-type:disc;margin-bottom:0.1em;}
li ul {margin-bottom:0.2em; margin-top:0;}

/* Links ----------------------------------------*/

a:focus,a:hover {outline:0;
	color:#CC6699;}
a:active {color:#fff;}
h1 a:hover {color:#fff;}
a   {color:#c69; font-weight:bold;
     text-decoration:none;}

em {font-style:italic;}

dfn {
	font-style:italic;
	background:#ffc;}

caption { background:#ffc;}

table .last {
	padding-right:0;}

.small {
	font-size:1.15em;
	margin-bottom:1.875em;
	line-height:1.4em;}

.large {
	font-size:1.6em;
	line-height:1.3em;
	margin-bottom:1.75em;}

.hide {display:none;}

.highlight {background:#ff0;}

.added {color:#060;}

.removed {color:#900;}

.top {
	margin-top:0;
	padding-top:0;}

.bottom {
	margin-bottom:0;
	padding-bottom:0;}


/* Sets up basic grid floating and margin. 
--------------------------------------------------------------*/

.container {
	width:950px; padding:0 0 20px 0;
	margin:10px auto 0 auto;
        position:relative; background-color:#fff;}

.showgrid {background-image:none;}

#head {width:950px; 
       height:200px; background-image:url(/images/6.jpg);
       background-color:#380444;
       margin:0 auto 30px;
       position:relative;
       font-size:1.4em;}

#foot {width:950px; margin:0 auto;
       background-color:#ddd; font-size:0.8em;
        position:relative; clear:both;
        bottom:0; color:#333; padding:8px 0;}

#foot p {text-align:center; margin:0;}

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 
div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 
div.span-21, div.span-22, div.span-23, div.span-24, div.span-25 {
  	float: left;
  	margin-right: 10px; }

.span-1 {width:30px;} .span-2 {width:70px;} 
.span-3 {width:110px;} .span-4 {width:150px;}
.span-5 {width:190px;} .span-6 {width:230px;}
.span-7 {width:270px;} .span-8 {width:310px;}
.span-9 {width:350px;} .span-10 {width:390px;}
.span-11 {width:430px;} .span-12 {width:470px;}
.span-13 {width:510px;} .span-14 {width:550px;} 
.span-15 {width:590px;} .span-16 {width:630px;}
.span-17 {width:670px;} .span-18 {width:710px;}
.span-19 {width:750px;} .span-20 {width:790px;}
.span-21 {width:830px;} .span-22 {width:870px;}
.span-23 {width:910px;} .span-24 {width:950px;margin:0;}

.append-1 {padding-right:40px;} 
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;} 
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;} 
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;} 
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;} 
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;} 
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;} 
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;} 
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;} 
.append-18 {padding-right:720px;} 
.append-19 {padding-right:760px;} 
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;} 
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}

.prepend-1 {padding-left:40px;} 
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;} 
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;} 
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;} 
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;} 
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;} 
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;} 
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;} 
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;} 
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;} 
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;} 
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}


/* The first column in a row needs this class. */
div.first {margin-left:0;!important; }

/* The last column in a row needs this class. */
div.last { margin-right: 0; !important;}
.border {
	padding-right:4px;
	margin-right:5px;
	border-right:1px solid #eee;}

.colborder {
	padding-right:24px;
	margin-right:25px;
	border-right:1px solid #eee;}

.pull-1 {margin-left:-40px;} 
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;} 
.pull-4 {margin-left:-160px;}
.push-0 {margin:0 0 0 18px;} 
.push-1 {margin:0 -40px 0 18px;}
.push-2 {margin:0 -80px 0 18px;} 
.push-3 {margin:0 -120px 0 18px;}
.push-4 {margin:0 -160px 0 18px;}
.push-0,.push-1,.push-2,.push-3,.push-4 
	{float:right;}

.box {margin-bottom:1.5em;
	background:#dedede;
	padding:1.5em;}
.box p {margin-bottom:0;}

/* Main Navigation ----------------------------------------*/

.section_list { margin: 0; padding: 0; 
                list-style-type: none; 
                position:absolute;
                bottom:0; left:30px;
                font-size:1.2em;}

.section_list ul {
	list-style-type: none;}
	
.section_list li {
	margin: 0 10px 0 0;
	padding: 0;
        float:left; font-size:90%;}

.section_list li a {text-decoration:none;
         display:block;padding:8px 10px;}
.section_list li a:hover {color:#fff;}

.section_list li a.active {background-color:#fff; color:#c69;  font-weight:bold; }

/* Sub Navigation ----------------------------------------*/

.subnav li {
	
	margin:0 0 3px 0;}

hr {background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	border:none;
	margin:0 0 3em;}

hr.space {
	background:#fff;
	color:#fff;}

.clear {display:block;}

.clear:after,.container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

* html .clear {height:1%;}

/* Forms
--------------------------------------------------------------*/

fieldset {
	border:1px solid #ccc;
	margin:0 0 1.5em;
	padding:1.4em;}

legend {
	font-weight:700;
	font-size:1.2em;}

input.text,input.title {
	width:300px;
	border:1px solid #bbb;
	background:#f6f6f6;
	margin:.5em .5em .5em 0;
	padding:5px;}

input.title {
	font-size:1.5em;}

textarea {width:400px;
	height:250px;
	border:1px solid #bbb;
	background:#eee;
	margin:.5em .5em .5em 0;
	padding:5px;}

select {
	border:1px solid #ccc;
	background:#f6f6f6;
	width:200px;}

.error,.notice,.success {
	margin-bottom:1em;
	border:2px solid #ddd;
	padding:.8em;}

.error {
	background:#FBE3E4;
	color:#D12F19;
	border-color:#FBC2C4;}

.notice {
	background:#FFF6BF;
	color:#817134;
	border-color:#FFD324;}

.success {
	background:#E6EFC2;
	color:#529214;
	border-color:#C6D880;}

.error a {color:#D12F19;}

.notice a {color:#817134;}

.success a {color:#529214;}

img,dl {margin:0;}

dl dt,strong,dfn,label {font-weight:700;}

del,.quiet {color:#666;}

input.text:focus,input.title:focus,textarea:focus,select:focus {
	background:#fff;
	border:1px solid #999;}
	
/* Tables
--------------------------------------------------------------*/
table {
	border-collapse:separate;
	border-spacing:0;
	margin-bottom:1.4em;}
	
caption,th,td {
	text-align:left;
	font-weight:400;}

pre {
	white-space:pre;
	margin:0 0 1.5em 0; font-size:1.3em; padding:12px; background-color:#efd6f3;}

code {
	white-space:pre;
	margin:0 0 1.5em 0; font-size:1em; padding:3px; background-color:#efd6f3; font-family: 'andale mono', 'lucida console'; color:#000;}

pre,tt {
	font-size:1.3em; font-family: 'andale mono', 'lucida console'; line-height:1.5; max-width:800px;}

tt {display:block;
	line-height:1.5;
	margin:1.5em 0;}

th { border-bottom:2px solid #ccc;
     font-weight:700; padding:0; margin:0;}

td {border-bottom:1px solid #ddd; font-weight:bold; padding:4px 9px 4px 3px;}

tfoot {font-style:italic;}
	
dd {margin-left:1.5em;}

abbr,acronym {
	border-bottom:1px dotted #666;}

address {
	margin-top:1.5em;
	font-style:italic;}
	
td.smd_cal_event {background:#cc6699; }
td.smd_cal_event a {background:#cc6699; color:#000; }

span.smd_cal_standard {visibility:hidden; width:1px; font-size:0%;line-height:0%;}

.smd_cal_navrow {font-size:160%;}

.smd_cal_daynames {font-size:105%;}

a.smd_cal_navprev, a.smd_cal_navnext {color:#fff;}


/* articles
----------------------------------------------- */

.directory {
	list-style-type: circle;}

.author {
	font-style: normal;
	font-size: 0.8em;}

.published {
	font-size: 0.8em;}

/* comments
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;}

form#txpCommentInputForm td {
	vertical-align: top;}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;}

/* error page
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;}



/* gallerific stuff
----------------------------------------------- */
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:560px; 
}
div.controls {
	margin-top: 5px;
	height: 12px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 0;}

div.slideshow a.advance-link {
	padding: 0px;
	display: block;
	border: 1px solid #ccc;}

div.slideshow img {
	border: none;
	display: block;}

div.download {
        float: right;}

div.embox {
	clear: both;
	padding: 8px 0 0 0;
        margin:0;
        color:#666;}

div.image-title {
	font-weight: normal;
	font-size: 0.9em; color:#ccc;}

div.image-desc {
	line-height: 1.3em; font-size:0.85em;
	padding-top: 2px;}

div.navigation {
/* The navigation style is set by a javascript generated style on the page.This is so that the javascript specific styles won't be applied unless javascript is enabled. */}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;}

ul.thumbs li a {
	padding: 0px;
	display: block;
	border: 1px solid #ccc;}

ul.thumbs li.selected a {
	background: #88f;}

ul.thumbs a:focus {
	outline: none;}

ul.thumbs img {
	border: none;
	display: block;}

div.pagination {
	clear: both;}

div.navigation div.top {
	margin-bottom: 0px;
	height: 0px;
visibility:hidden;}

div.navigation div.bottom {
	margin-top: 12px;}

div.bottom a, div.bottom strong {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 2px 5px 2px 5px;}

div.pagination a:hover {
	background-color: #3cc;
	text-decoration: none;}

div.pagination strong {
	color: #33cccc;font-size:1.1em; padding-top:1px;}
.absolute {position:absolute; top:0; left:0;}

div.navigation{width:590px;float: left;}

div.content{display:block;}

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

.left {float:left; margin:0 20px 0 0;}