/* css reset by Eric A. and Kathryn S. Meyer http://meyerweb.com/eric/tools/css/reset/*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;}

/* /css reset */

	body,

	html {

		font:13px/18px "Trebuchet MS", Trebuchet MS, Verdana;

		color:#5d5d5d;

		background:#f2eee2;

	}

	a{

		color:#5d5d5d;

		text-decorat:underline;

	}

	a:hover{

		color:#e78424;

		text-decorat:underline;

	}

	h2{

		display:none;

	}

	#middle{

		background:#e7e0ce;

		height:475px;

	}

	#footer{

		background:#f2eee2 url(../images/footer-bg.gif) top no-repeat;

		clear:both;

	}

	#wrap, #wrap-middle, #wrap-footer, #fotter-end {

		width:944px;

		margin:0 auto;

	}

	#wrap-footer {

		height:290px;

	}

	#fotter-end {

		height:76px;

		border-bottom:6px solid #909090

	}

	#wrap{

		background:url(../images/main-bg.gif) right repeat-y;

	}

	#wrap-middle{

		background:url(../images/middle-bg.gif) top no-repeat;

		font:13px/18px "Trebuchet MS", Trebuchet MS, Verdana;

		color:#5d5d5d;

		height:475px

	}

	#wrap-middle a, #wrap-middle a:hover{

		position:relative;

		top:14px;

		font-size:11px;

		color:#f2eee2;

		text-decoration:none;

		background:#5d5d5d;

		padding:3px 5px;

	}

	#header {

		height:405px;
		display:inline;
    clear:both;
    float:left
		

	}
  #nw{
    height:120px;
    width:100%;
    float:left;
    display:inline;
    clear:both;
    padding-top:5px;
    background:#f2eee2;
  }
	#main {

		position:relative;

		float:right;

		right:33px;

		width:590px;

		padding:10px 0px

	}

	#main p{

		margin-bottom:20px

	}

	#sidebar {

		float:left;

		width:267px;

		margin-bottom:20px

	}

	#separator {

		clear:both;

		width:944px;

		background: url(../images/separator.gif) bottom no-repeat;

		height:5px

	}

	#references{

		position:relative;

		top:60px;

		float:right;

		width:210px;

		height:460px;

	}

	#references img{

		padding:10px 0px

	}

	#news div{

		position:relative;

		float:left;

		top:65px;

		width:197px;

		margin-right:34px;	

	}

	#news div span{

		color:#e78424

	}

	#middle-footer{

		width:944px;

		height:15px;

		background:#e7e0ce url(../images/middle-foot.gif) bottom right no-repeat;

		clear:both;

	}

	#forms{

		width:944px;

		height:217px

	}

	#forms p{

		width:500px;

		float:right;

		margin-top:60px;

		margin-right:70px;

	}

	#additional{

		width:660px;

		height:75px;

		float:right;

		border-bottom:1px solid #d4d1c8

	}

	#duck{

		float:left;

		width:283px;

		margin-top:26px

	}

	#site-info{

		float:left;

		position:relative;

		top:28px;

		width:560px;

		font:13px "Trebuchet MS", Trebuchet MS, Verdana;

		color:#a2a2a2;

	}

	#site-info a{

		font:13px "Trebuchet MS", Trebuchet MS, Verdana;

		color:#7b7b7b;

		text-decoration:none;

		font-weight:bold

	}

	#site-info a:hover{

		text-decoration:underline;

	}

	#buttons{

		float:right;

		position:relative;

		top:28px;

		width:100px;

		color:#d4d1c8;

	}

	#buttons a{

		font:13px "Trebuchet MS", Trebuchet MS, Verdana;

		color:#7b7b7b;

		text-decoration:none;

	}

	#buttons a:hover{

		text-decoration:underline;

	}

	

			.stripViewer .panelContainer .panel ul {

			text-align: left;

		}

		

		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

			position: relative;

			width: 100%

		}



		/* These 2 lines specify style applied while slider is loading */

		.csw {width: 100%; height: 210px; background: #fff; overflow: scroll; display:none}

		.csw .loading {margin: 200px 0 300px 0; text-align: center; display:none}



		.stripViewer { /* This is the viewing window */

			position: relative;

			overflow: hidden; 

			margin: auto;

			width: 210px; /* Also specified in  .stripViewer .panelContainer .panel  below */

			height: 460px;

			clear: both;

		}

		

		.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: 210px; /* Also specified in  .stripViewer  above */

		}

		

		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

			

		}

		

		.stripNav {

			display:none

		}

				

		.stripNavL, .stripNavR { /* The left and right arrows */

			position: absolute;

			top: 47px

		}

		

		#references .stripNavL a, #references .stripNavR a, #references .stripNavL a:hover, #references .stripNavR a:hover {

			height: 25px;

			width: 26px;

			background: none;

			z-index:10000

		}

		

		#references .stripNavL {

			left: 1px

		}

		

		#references .stripNavR {

			right: 1px

		}

		#wrapper{

			z-index:-10000

		}

		#references img[alt="logo"]{

			border:1px solid #cfcbbe;

			margin-bottom:9px

		}