pre, tt, code, samp, kbd, xmp, listing, plaintext { font-family: monospace; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none; list-style-position:outside;}

strong{ font-weight:bold;}

em{ font-style:italic;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

strong{ font-weight:bold;}

em{ font-style:italic;}



body {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size: 11px;

	color:#464646;

	background-color:#fff;



}



a {

	outline: 0;

	color:#26a9bc;

}



a:link, a:active, a:visited {

	text-decoration:none;

	color:#26a9bc;

	font-weight:bold;

}



a:hover {

	text-decoration: none;

	color: #004c58;

}

a.link{

	background:url(img/bug-blue.png) 1px 4px no-repeat;

	padding-left:10px;

}

a:hover.link{

	background:url(img/bug-blue-rollover.png) 1px 4px no-repeat;

	padding-left:10px;

}



img {

	border: 0;

	outline: 0;

}



p{margin-bottom:5px;}



input, select, textarea {

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, Sans-Serif;

}



div.clear { /* Float fix */

	clear: both;

	height: 1px; /* Height must be 1 for the wrapping element to actually wrap the containing elements (IE fix) */

	overflow: hidden; /* Style used because MSIE refuses to automatically make div tags less than 1em high when in Standards Compatible mode. */

}



/* clearfix : 

-------------------------------------------------------------------------*/

.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.clearfix {display: inline-block;}



html[xmlns] .clearfix {display: block;}



* html .clearfix {height: 1%;}

/* clearfix ^ 

-------------------------------------------------------------------------*/





/*-- base set --*/

h1{ font-size:18px;
	font-weight:bold;
	color:#855527;}

h2{ font-size:18px;

	font-weight:bold;

	color:#855527;}

h3{color:#855527;

      font-size:14px;

      font-weight:bold; 

}

h4{}

h5{}

h6{}

span.highlight{ color:#26a9bc;

        font-weight:bold;

        font-size:12px;

}



/*#main ul{ list-style:disc;}

#main ol{ list-style:decimal;}*/

/*--^base set^--*/



#main{

	width:980px;

	margin:10px auto 0 auto;

	padding:0 0 0 20px;

        position:relative;

}

#main-container{

	margin: 53px 0 0 0;

	position:relative;

}

#logo{

	float:left;

	display:inline;

}

#header{

	/*margin-top:10px;*/

        line-height:12px;

        position:relative;

}

#header-utility{

	float:right;

	display:inline;

}

.search{

	font-weight:bold;

	color:#855527;

}

#header-utility{

	position:relative;

}

.search-btn{

	position:absolute;

	top:7px;

	right:10px;

	}

.search-box{

  background-image:url(img/text-field-bg.gif);

  background-repeat:no-repeat;

  border:medium none;

	height:22px;

	width:187px;

        padding:7px;

}

.signup-box{

  background-image:url(img/text-field-bg.gif);

  background-repeat:no-repeat;

  border:medium none;

	height:15px;

	width:187px;

        padding:7px;

}

#nav{

	background:transparent url(img/bg_nav.png) no-repeat;

	height:32px;

	margin-top:5px;
	padding-left:1px;

        position:absolute;

	top:65px;

	left:20px;

	width:990px;

}

#nav a{

	color:#865f3a;

	font-weight:bold;

	font-size:14px;
	display:block;
	height:14px;
	text-align:center;
	vertical-align:middle;
	padding:8px 32px;
	border-right:1px solid #d8ccbf;
}

#nav a.last { border-right:none; padding:8px 0; width:109px; }

#nav a:hover{
	background:#fff;
	color:#eec19a;

}

#nav a.current{
	background:#fff;
	color:#eec19a;

}

#nav ul, #nav ol {

  line-height:1.2em;
	text-align:center;
}

#nav ul#primary-menu { float:left; width:1010px; }

#nav ul#primary-menu li{

	float:left;

	display:inline;

	margin:0; padding:0;

	position:relative;

}

#nav ul#primary-menu li a{

	float:left;

	display:inline;

}

/***** Begin common nested ul, li and a styles *****/

#nav ul {

	/*margin-top: 5px;*/

	padding-top: 1px;

	

}



#nav ul#primary-menu ul li {margin: 0px 0 0 0;

	clear:both;

	padding:0;

}



ul#primary-menu ul li a {

	display: block;

	padding: 5px 4px 3px 10px;

	width: 176px;

	height:19px;

	font-size: 14px;

	font-weight:bold;

	color:#855527;

	background:url(img/dd-nav-repeat-x.png) repeat-x;

}

ul#primary-menu ul li a:hover {

	color:#FFF;

}



/***** End common nested ul, li and a styles *****/



/***** Begin second level menus *****/

ul#primary-menu ul.secondary-menu {

	visibility: hidden;

	clear: both;

	position: absolute;

	top: 30px;

	left: -9999em; 

	z-index:1001;
	padding:0;margin:0 0 0 -1px;
	border:1px solid #d8ccbf; 

}

ul#primary-menu ul.secondary-menu li a { background:#fff; border:none; border-bottom:1px solid #f4f0ec; font-size:12px; font-weight:normal; height:auto; padding:10px 10px 10px 24px; text-align:left;   }
ul#primary-menu ul.secondary-menu a:hover { color:#eec19a; }
ul#primary-menu ul.secondary-menu li { padding:0; }

/* make the second level visible when hover on first level list */

ul#primary-menu li:hover ul.secondary-menu, ul#primary-menu li.mhover ul.secondary-menu, ul#primary-menu li.mhover-first ul.secondary-menu {

	visibility: visible;

	left: auto; 

}



ul#primary-menu li.last:hover ul.secondary-menu, ul#primary-menu li.mhover-last ul.secondary-menu { /* The last drop-down aligns with the right edge of the menu option */

	visibility: visible;

    left: -10px; /* reset left position for IE */

    right: -10px;

}

/***** Begin third level menus *****/

ul#primary-menu ul.secondary-menu ul.secondary-menu {

	visibility: hidden;
	position: absolute;
	left: -9999em; 
	z-index:1001;
	padding:0;margin:-1px 0 0 -1px;
	border:1px solid #fff; 

}

ul#primary-menu ul.secondary-menu ul.secondary-menu li a { background:#f4f0ec; border:none; border-bottom:1px solid #fff; font-size:12px; font-weight:normal; height:auto; padding:10px 10px 10px 24px; text-align:left;   }
ul#primary-menu ul.secondary-menu ul.secondary-menu a:hover { color:#d8ccbf; }
ul#primary-menu ul.secondary-menu ul.secondary-menu li { padding:0; }

/* make the second level visible when hover on first level list */

ul#primary-menu ul.secondary-menu li:hover ul.secondary-menu, ul#primary-menu ul.secondary-menu li.mhover ul.secondary-menu, ul#primary-menu ul.secondary-menu li.mhover-first ul.secondary-menu {

	visibility: visible;
	top:0;
	left: auto;
	margin-left:150px;
	width:200px;
	z-index:10000;
	position:absolute;

}



ul#primary-menu ul.secondary-menu li.last:hover ul.secondary-menu, ul#primary-menu ul.secondary-menu li.mhover-last ul.secondary-menu { /* The last drop-down aligns with the right edge of the menu option */

	visibility: visible;

    left: -10px; /* reset left position for IE */

    right: -10px;

}



#primary-content{

	float:left;

	display:inline;

	width:674px;

        line-height:18px;

        z-index:5;

        position:relative;

}

#center-stage{

	position:relative;

	/*margin:0 0 10px 0;*/

	background:url(img/centerstage-bg.png) no-repeat;

}

#cs-left{

	position:absolute;

	top:125px;

	left:-20px;}

#cs-right{

	position:absolute;

	top:125px;

	right:-15px;}

#popular-videos{

	background:transparent url(img/popular-videos-bg.png) no-repeat;

	height:192px;

	width:645px;

	padding:15px 15px 0 15px;

	margin: 10px 0;

}



#popular-videos-lg{ background:transparent url(img/lg_video_bg.jpg) no-repeat; height:426px; width:647px; padding:5px 15px 0 15px; }

	

#popular-videos h2{

	float:left;

	display:inline;

}



#video-slider{

	margin:10px 0 0 30px;

}	

div.link{

	float:right;

	display:inline;

}

.video-bucket{

	float:left;

	display:inline;

	width:133px;

	margin: 0 25px;

}

.video-divider{

	float:left;

	display:inline;

}

.page-post p{

   margin: 10px 0;

}

.page-post table p{

   margin: 0 0 5px 0;

}


/***** BEGIN Sidebar widgets *****/



#rail{

	float:right;
    z-index:6;
	width:285px;

}

#rail ul{

        line-height:1.2em;

}

.sidebar-box { background:#f7f4f2 url(img/bg_widget-top.png) no-repeat left top; margin:0 0 20px; min-height:127px; padding:10px 12px 10px 13px; position:relative; width:260px; float:right; }
.sidebar-box-bottom { background:transparent url(img/bg_widget-bottom.png) no-repeat left bottom; bottom:0; height:2px; left:0; position:absolute; width:285px; }

.widgetImg { float:left; width:143px;  }
	.widgetImg img { float:right; padding:2px; background:#fff; border:1px solid #e6e6e6; }

.widgetText { color:#865f3a; float:right; font-size:11px; width:100px;  }
	.widgetText img { padding:2px; background:#fff; border:1px solid #e6e6e6; }
	.widgetText a { color:#00bed9; }

.rail-bucket{

	width:265px;

	height:115px;

	margin: 0 0 10px 0;

	padding: 10px;

}

.rail-bucket2{

        width:285px;

	margin: 0 0 10px 0;

        padding:0px;

}

.rail-bucket-container {

        background:transparent url(img/widget-head.png) no-repeat;

        padding: 10px;

}

.rail-bucket h3, .rail-bucket2 h3{

	font-size:14px;

	font-weight:bold;

	color:#fff;

	padding-bottom:20px;

}

.bucket{

	background:transparent url(img/rail-bg.jpg) repeat-y;

}

.bucket1{

	background:transparent url(img/donate-bg.jpg) no-repeat;

	position:relative;

}

.bucket2{

	background:transparent url(img/sidebar_store.gif) no-repeat;

	position:relative;

}

.bucket2a{

	background:transparent url(img/sidebar_petition.gif) no-repeat;

	position:relative;

}

.bucket3{

	background:transparent url(img/widget-repeat.png) repeat-y;

}

.bucket img{

	margin-right:10px;

}

.bucket li, .bucket3 li{

	margin-bottom:5px;

}

.donate-btn{

	position:absolute;

	top:87px;

	left:33px;

}

.spotlight-link{

	position:absolute;

	top:110px;

	left:10px;

}

.banner-container{

  height:287px;

  margin:0;

  overflow:hidden;

  width:674px;

position:relative;

}

.banner-container img{

float:left;

  display:inline;



}

.banner-copy{

  height:275px;

  width:275px;

  float:left;

  display:inline;

  background-color:#0097AD;

  color:#fff;

  position:relative;

}

.banner-copy h1{

  font-size:28px;

  line-height:32px;

  margin:40px 0 10px 30px;

}

.banner-copy p{

  color:#fff;

  line-height:15px;

  margin:20px 0 10px 35px;

}

.banner-copy a, .banner-copy a:visited{

  color:#fff;

}

.banner-links a.link{

	background:url(img/bug-white.png) 1px 4px no-repeat;

	padding-left:10px;

        margin-left:10px;

}



.banner-links{

  text-align:right;

  position:absolute;

  top: 250px;

  right:15px;

}

#footer{

	width:100%;

	background:#fdf2e8 url(img/footer-bg-repeat-x.png) repeat-x;

	height:200px;

	padding-top:25px;
	
}

#footer-container{

	width:956px;

	margin:0 auto;

	padding-left:44px;

}

.footer-bucket1{

	float:left;

	display:inline;

	width:402px;

	margin:0 20px 5px 0px;

}

.footer-bucket2{

	float:left;

	display:inline;

	width:160px;

	margin:0 20px 5px 0px;

}

.footer-bucket3{

	float:left;

	display:inline;

	width:250px;

	margin:0 20px 5px 0px;

}

.footer-divider{

	float:left;

	display:inline;

	margin-right:20px;

}

#utility{

	width:800px;

	margin: 15px auto;

}

.copyright{

	float:right;

	display:inline;

}	

#footer ul{

        line-height:1.2em;

}

#footer li{

	float:left;

	display:inline;

	margin-right:15px;

}

#footer h5{

	color:#855527;

	font-size:14px;

	font-weight:bold;

	margin-bottom:5px;

}



/***slider***/

/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

.jcarousel-container {

    position: relative;

}

.jcarousel-skin-tango .jcarousel-clip-horizontal {

height:275px;

width:674px;

overflow:hidden;

}

.jcarousel-skin-tango .jcarousel-item {

    width: 674px;

    height: 275px;

}



.jcarousel-skin-tango .jcarousel-item-horizontal {

    margin-right: 10px;

}

.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}



.jcarousel-list li,

.jcarousel-item {

    float: left;

    list-style: none;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 75px;

    height: 75px;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}



.jcarousel-prev {

    z-index: 3;

    display: none;

}

/**

 *  Horizontal Buttons

 */

.jcarousel-skin-tango .jcarousel-next-horizontal {

    position: absolute;

    top: 120px;

    right: -17px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(img/cs-right-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-horizontal:hover {

    background: transparent url(img/cs-right-on.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-horizontal:active {

    background: transparent url(img/cs-right-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background: transparent url(img/cs-right-on.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal {

    position: absolute;

    top: 120px;

    left: -17px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(img/cs-left-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {

    background: transparent url(img/cs-left-on.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

    background: transparent url(img/cs-left-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background: transparent url(img/cs-left-on.gif) no-repeat 0 0;

}

/***slider***/

/**

 * This <div> element is wrapped by jCarousel around the list

 * and has the classname "jcarousel-container".

 */

#sections{

}

.jcarousel-container {

    position: relative;

}

.jcarousel-skin-tango-video{

  /* overflow:hidden;

display:none;*/

}

.jcarousel-skin-tango-video .jcarousel-clip-horizontal {

height:225px;

width:640px;

overflow:hidden;

}

.jcarousel-skin-tango-video .jcarousel-item {

    width: 204px;

    height: 200px;

}



.jcarousel-skin-tango-video .jcarousel-item-horizontal {

    margin-right: 10px;

}

.jcarousel-clip {

    z-index: 2;

    padding: 0;

    margin: 0;

    overflow: hidden;

    position: relative;

}



.jcarousel-list {

    z-index: 1;

    overflow: hidden;

    position: relative;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

}



.jcarousel-list li,

.jcarousel-item {

    float: left;

    list-style: none;

    /* We set the width/height explicitly. No width/height causes infinite loops. */

    width: 75px;

    height: 75px;

}



/**

 * The buttons are added dynamically by jCarousel before

 * the <ul> list (inside the <div> described above) and

 * have the classnames "jcarousel-next" and "jcarousel-prev".

 */

.jcarousel-next {

    z-index: 3;

    display: none;

}



.jcarousel-prev {

    z-index: 3;

    display: none;

}

/**

 *  Horizontal Buttons

 */

.jcarousel-skin-tango-video .jcarousel-next-horizontal {

    position: absolute;

    top: 40px;

    right: -28px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(img/cs-right-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-next-horizontal:hover {

    background: transparent url(img/cs-right-on.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-next-horizontal:active {

    background: transparent url(img/cs-right-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-next-disabled-horizontal,

.jcarousel-skin-tango-video .jcarousel-next-disabled-horizontal:hover,

.jcarousel-skin-tango-video .jcarousel-next-disabled-horizontal:active {

    cursor: default;

    background: transparent url(img/cs-right-on.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-prev-horizontal {

    position: absolute;

    top: 40px;

    left: -28px;

    width: 32px;

    height: 32px;

    cursor: pointer;

    background: transparent url(img/cs-left-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-prev-horizontal:hover {

    background: transparent url(img/cs-left-on.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-prev-horizontal:active {

    background: transparent url(img/cs-left-off.gif) no-repeat 0 0;

}



.jcarousel-skin-tango-video .jcarousel-prev-disabled-horizontal,

.jcarousel-skin-tango-video .jcarousel-prev-disabled-horizontal:hover,

.jcarousel-skin-tango-video .jcarousel-prev-disabled-horizontal:active {

    cursor: default;

    background: transparent url(img/cs-left-on.gif) no-repeat 0 0;

}