@import "http://www.huberspace.net/common/global.css";

/* TAGS AND CLASSES
-------------------------- */
body
{
  background-color:#fffaab;
  font-family: Verdana,Arial,Helvetica,Sans-Serif;
  font-size: small;
  margin: 0;
  padding: 0;
}

#content li,
#content p { margin:0 0 1em 0; }

#content h2 { margin:0;}

#districtmap,
.photo-right,
#rotatingphoto
{
  background-color: #FFF482;
  float: right;
  margin-left: 10px;
  padding: 10px;
  display:inline;
  width:200px;
}


.client_image
{
  float: right;
  margin-left: 10px;
}


.client_image .caption,
#districtmap .caption,
.photo-right .caption,
#rotatingphoto .caption
{
  color:#000;
  font-size:80%;
  font-weight:bold;
  margin:5px 0 10px 0;
  padding:0;
}


.client_image .caption
{ text-align:center; }

.client_image img,
#districtmap img,
.photo-right img,
#rotatingphoto img
{
  border:1px solid #000;
  width:200px;
}

#home #rotatingphoto,
#home #rotatingphoto img
{
  width:250px;
}


#container
{
  clear: both;
  background-color: #fff;
  overflow: hidden;
  padding-left:195px;
  padding-right:250px;
  margin-top:-4px;
  position:relative;
  z-index:1;
}


#header
{
  clear: both;
  width:100%;
  background:url(/images/header-bg.png) repeat-x;
  overflow:hidden;
  height:210px;
  position:relative;
  z-index:10;
}


#header #desc
{
  background-color:#FFF8AC;
  font-size:130%;
  padding:9px 0;
  text-align:center;
  width:100%;
  border-top:1px solid #000;
  border-bottom:2px solid #000;
}





#print-header,#print-footer { display: none; }


#footer
{
  background: url(/images/footerbg2.gif) repeat-x;
  font-size:80%;
  min-height:32px;
  padding:20px 5px;
  border-top:2px solid #000;
}

#footer div.col
{
  margin:0 20px 1em 20px;
  width:410px;
  float:left;
}

#footer h2
{
  font-size:110%;
}

/* C O N T E N T
-------------------------------------------------- */

#center-wrapper
{
  display: inline; /* So IE plays nice */
  background-color:#fff;
  color: #000;
  float: left;
  padding: 0;
  width: 555px;

  border-left: 195px solid #646D88; /* The width and color of the rail */
  border-right: 250px solid #fff; /* The width and color of the rail */
  margin-left: -195px;
  margin-right: -250px;
}


#centerframe
{
  float:left;
  width:100%;
  margin-right:-100%;
  margin-top:20px;
}

#content
{
  padding:10px;
}

#centerframe h1
{
 color:#000;
 font:bold 180% Arial, Verdana,San-serif;
}

#centerframe h2
{
  font-size:140%;
}

#centerframe h3
{
  font-size: 130%;
}

#centerframe h4
{
  font-size: 110%;
  margin: 10px 15px 0 0;
}

#centerframe div#newsletter_text
{
  border: 1px solid #aaa;
  margin: 1em;
  padding: 1em;
}



#centerframe div#newsletter_text
{
  border: 1px solid #aaa;
  margin: 1em;
  padding: 1em;
}

body#home #centerframe .alert
{
  text-align:center;
  border:#003D7D solid 1px;
  border-width:1px 3px 3px 1px;
  background-color:#ffb;
  margin-bottom:1em;
}

body#home #centerframe ul
{
  list-style: none;
  margin: 2em 0 0 0;
  padding: 0;
}
body#home #centerframe ul li
{
  list-style: none;
  margin: 1em 0;
  padding: 0;
  border:1px solid #ddd;
}


body#home #centerframe ul ul li
{
  list-style: disc;
  margin: 0;
  padding:.5em 0;
  border:0;
}

body#home #centerframe ul h2
{
  margin:0;
  padding:.5em;
  border-bottom:1px #eee solid;
  background:#eee;
}


body#home #centerframe ul p
{
  margin:4px .5em;
}

body#home #centerframe blockquote
{
  margin-left:1em;
  font-style:italic;
}

body#home #centerframe h2
{
 margin-bottom:4px;
}

body#home #centerframe ul ul
{
  list-style:disc;
  margin: 0 0 0 1em;
  padding: 0 0 0 1em;
}

#centerframe #video
{
  margin-bottom:30px;
  text-align:center;
}

#centerframe #video object
{
  width:500px;
  height:300px;
}

#centerframe #video p.caption
{
  margin:5px 0 0 0;
}

#issues #content ul { list-style:none; margin-left:1em; padding:0;}

#centerframe ul#unquoted h2
{
  font-size:90%;
}


#events #centerframe h2,
#news #centerframe h2
{
  font-size:110%;
}


#news .listing .summary p { margin: 0 0 1em 0; }

.source { margin-bottom:1em; }

body#bio #centerframe .biophoto { float:right; margin:0 0 5px 5px; }

p.returnmessage
{
  text-align:center;
  border-top:1px solid #999;
  padding-top:3px;
}

#centerframe p.viewall
{
  font-size: 90%;
  text-align: right;
}

#reagan #content ol li
{
  list-style:none;
  margin:0 0 .5em 0;
}

/* L E F T F R A M E
-------------------------------------------------- */

#leftframe
{
  background: #646D88 url(/images/leftbg.gif) repeat-x;
  float: left;
  min-height: 100px;
  margin-left: -195px;
  width: 195px;
  color: #fff;
  position:relative;
  padding-top:20px;
}


#leftframe #signupform
{
  color: #fff;
  margin: 2em 10px 10px;
  text-align: center;
}

#leftframe #signupform h2
{
  font-weight:bold;
  font-size:110%;
  margin:0;
  padding:0;
}

#leftframe #signupform h2 a
{
  color:#aaf;

}

#leftframe #signupform input[type="text"]
{
  margin: 5px 5px 0 0;
  width:150px;
}

#leftframe #signupform input[type="submit"]
{
  margin:5px auto;
}



#leftframe ul, #rightframe ul, body#endorsements #center-wrapper ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#leftframe ul
{
  border-top:1px solid #A3A6B7;
}



#leftframe ul li, body#endorsements #center-wrapper ul li
{
  margin:0;
  padding:0;
}

#leftframe ul li a
{
  margin: 0;
  padding: 5px 10px;
  border-bottom:1px solid #A3A6B7;
  display:block;
  font-weight:bold;
  text-decoration:none;
  color:#FFF482;
}



/* R I G H T F R A M E
-------------------------------------------------- */

#rightframe
{
  float: right;
  min-height: 100px;
  margin-right: -250px;
  width: 250px;
  color: #000;
  position:relative;
  padding-top:20px;
}

#rightframe ul li
{
  margin:1em 0;
  padding:0;
}

#rightframe .box
{
  background-color:#ffc;
  padding:1em;
  margin-bottom:20px;
  border:1px solid #e5e5cc;
}

#rightframe img.boxheader
{
  margin: 0;
}


#rightframe h1
{
  font-size: 105%;
  color: #333;
  margin: 15px 0 0 0;
  text-transform:uppercase;
}

#rightframe h2
{
  font-size: 95%;
  margin: 0;
}

#rightframe p
{
  font-size: 90%;
  margin: 0 0 10px 0;
}

#rightframe #presskit { text-align:center; }


#rightframe p.viewall
{
  font-size: 80%;
  text-align: right;
}

#rightframe ul li .summary,
#rightframe ul li .date
{
  font-size: 85%;
  margin: 3px 0 0;
}

#rightframe ul li .date { font-weight:bold }

#rightframe #upcoming-events li img
{
  float:right;
  width:60px;
  margin: 5px 15px 1px 5px;
}

#rightframe li:after,
#center-wrapper:after
{
  content: ".";
  height: 0;
  clear: both;
  visibility: hidden;
  display: block;
}


#theform h4
{
  margin-bottom:.5em;
}

#theform label
{
  display:block;
  width:9em;
  float:left;
  text-align:right;
  margin-right:1em;
}

#theform .tickets label
{
  display:inline;
  width:auto;
  float:none;
  text-align:left;
  margin-right:0;
}

#registration
{
  border:1px solid #cc3;
  padding:1em;
  background:#ffc;
}

#registration h2
{
  font-size:180%;
}


/* ****** V I D E O S ************************************************* */

#videos ol li
{
  list-style:none;
  margin:0 0 1em 0;
  padding:0;
}

#videos ol li img
{
  float:left;
  margin:0;
  padding:0;
}

#videos ol li h2
{
  font-size:110%;
  font-weight:bold;
  clear:none;
  margin-bottom:0;
}

#videos ol li div,
#videos ol li h2
{
  margin-left:130px;
}

#videos ol li div.date,
#videos ol li h2
{
  margin-bottom:1em;
}



/* ****** nav-sm ************************** */


#content ul#nav-sm
{
   width:110px;
   float:right;
   margin:0 0 15px 0;
}

#nav-sm li 
{
   float:left;
   padding:0 0 15px 15px;
   margin:0;
   list-style:none;
}

#nav-sm li a
{
   display:block;
   width:40px;
   height:40px;
   text-align:left;
   text-indent:-9999em;
   overflow:hidden;
   background:transparent top right no-repeat;
   cursor:pointer;
}

#nav-sm li#facebook a { background-image:url(/images/facebook-icon.png); }
#nav-sm li#myspace a { background-image:url(/images/myspace-icon.png); }
#nav-sm li#linkedin a { background-image:url(/images/linkedin-icon.png); }
#nav-sm li#youtube a { background-image:url(/images/youtube-icon.png); }
#nav-sm li#twitter a { background-image:url(/images/twitter-icon.png); }