#hd li{display: inline; font-size: 18px;}

html, body{background-color:#fff; margin: 0; padding: 0;}

body{background: url(http://static.fsf.org/fsforg/img/rmsbg.png) repeat-x;}

#custom-doc { width:54.31em;*width:53em;min-width:706px; margin:auto; text-align:left; padding-top: 34px; position: relative;} 

#logo {
    background: url(/i/logo.png) no-repeat;
    border: 0;
    padding: 0;
    margin: 0;
}

#logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 136px;
    height: 0px !important;
    height /**/: 136px;
    width: 700px;
    cursor: pointer;
}

#bd {margin-top: 18px}

#ft{text-align: center; border-top: 2px solid #bbb; padding-top: 20px;}

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

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 290px;
			clear: both;
                        background-color: #d9f0fd;
			
		}
		
		.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;
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			min-width: 700px;
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		
		.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;
		}
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;			
		}

		.stripNav ul{min-width: 700px !important; list-style: none !important; margin: 0; margin-left: 3px; l2ine-height: 25px; text-align: center; margin-bottom: 9px;}

.stripNav li{display: inline; font-size: 15px; width: 100%; margin-right: 18px}

.panel h3{font-size: 19px;}

#signup {text-align: center;}

#signup form{padding: 10px;background-color: #eee; border-left: 3px solid white; text-align: left; } 

#signup label{display: block; margin-bottom: 0.7em;}

#ft span{display: none !important;}

.panel, .more{display: block;}

#hd h2{margin: 0; margin-top: 5px; font-size: 27px; color: #aaa; text-align: center;}

#hd h2 em{background-color: #fdca01; padding: 5px; color: black}

  #turn_wrapper {
  width: 80px;
  height: 80px;
  display:block;
  position: absolute;
  top:0;
  left:0;
}

#turn_hideme {
  width: 85%;
  height: 85%;
  overflow:hidden;
  display:block;
  position:absolute;
  float:left;
  top:0;
  left: 0;
  z-index:1;
}

#turn_object{
    position: relative;
}

#turn_wrapper.right #turn_hideme *,
#turn_wrapper.right #turn_object {
    float: right !important;
}

#turn_wrapper.right #turn_hideme {
    float: right !important;
    right: 0 !important;
    left: auto;
}
#turn_wrapper.right #turn_object {
    right: 0 !important;
    left: auto !important;
}

#turn_wrapper.right {
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    right: 0 !important;
}

#turn_wrapper.right #turn_object * {
    position: absolute;
    right: 0 !important;
}

#turn_wrapper #turn_object img#turn_fold {
    display:block;
  width: 100%;
  height:100%;
  z-index:1000;
  right: 0;
  position:absolute;
}

#turn_wrapper .ui-wrapper {
  left: 0 !important;
  top: 0 !important;
}

#turn_wrapper .ui-resizable-handle {
  border: none !important;
  border-width: 0 !important;
  /* I have NO idea why this works for IE7, but it does. Background none doesn't work. Go figure. */
  background: url(#none) !important; 
  width: 100% !important;
  height: 100% !important;
}

#facebox .more{display: run-in; overflow: auto; height: 20em; padding: 22px; color: #333;}

#facebox .more li{margin-bottom: 1.6em;}

.panel .wrapper p, #main-body p{text-align: justify; color: #333;}

#main-body, .copy {font-size: 130%;}

.panel .wrapper h3{text-align: center;}

dl {width: 100%; margin: 0; padding: 0;}
dt, dd{margin: 0 !important; padding: 0 !important;}
dd {margin-bottom: 1em !important; text-align: justify; font-size: 12px;}

dt {font-size: 34px; font-weight: normal; line-height: 51px; color: #444; text-transform: lowercase;}

#badvista {width: 200px; height: 281px; margin: 30px; float: right; background-image: url(/i/badvista.png); background-repeat: no-repeat;}

#bill1{width: 160px; height: 236px; margin: 0px; float: right; background-image: url(/i/bill1.png);}

#bill2{width: 132px; height: 164px; margin: 20px; float: left; background-image: url(/i/bill2.png);}

#bill1, #bill2{background-repeat: no-repeat; background-position: top right;}

#intern a img {border: 5px solid white;}

#intern a:hover img {border: 5px solid yellow;}

.print-only{display: none !important;}

.wrapper h3{display: none;}

#ft ul{padding:0; margin: 0;}

#ft li{display: inline;}

#ft li a{margin-right: 2em;}

#take-action-banner { position: absolute; top: 0; right:0; z-index: 9999}

a{color: blue !important;}

p a:hover{color: red !important; text-decoration: underline !important;}

#stripNav0 li a { padding: 10px; color: #333 !important; text-decoration: none !important;  }

#stripNav0 li a:hover{ background-color: #ccc !important;}

.current{ background-color: #d9f0fd;}

#main-body{ background-color: white !important; }

.wrapper q {font-style: italic; font-size: 80%;}

#news{padding: 4px; text-align: center; font-size: 20px;}

#intro-subtitle{font-size: 23px; text-align: center; font-weight: normal; padding: 5px }

#intro-subtitle a{color: black !important; text-decoration: none !important; display: block;}

#intro-subtitle:hover{ background-color: #d9f0fd;  }

#signup-form{ text-align: center; padding: 6px;  background-color: #ff5 !important; margin-top: 1em; margin-bottom: 1em; }

#signup-form h3{ font-size: 24px; padding: 6px; margin: 0; }

#signup-form input, .signup-form label { font-size: 20px; }

#widget-link{ text-align: center; background-color: yellow; padding: 5px }

#resources{ text-align: center; border-top: 2px solid black }

#resources p{ font-size: 14px; text-align: center; margin-top: 1em }

#resources ul{ padding: 0; margin: 0; }

#resources li { display: inline; margin-right: 2em }

blockquote { font-size: 15px }