

#discussiontitle {
  letter-spacing:-0.02em;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height:16px;
  align:center;
  margin-top:-20px;
  }

/* ---------------------- Primary Elements ---------------------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#DDDDDD;
	background-image: url("images/bg4.png");
	background-repeat: repeat-x;
}


#logonav{
	background-color:#FFFFFF;
	border-bottom:#f7b94b;
}


#content{
	background-color:#FFFFFF;
	width:600px;
	margin-left:10px;
	background-image: url("images/contentbottom2.png");
	background-repeat: repeat-x;
	background-position:bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

a {
	text-decoration:none;
	font-weight:bold;
	color: #0000CC;
}


a:hover {
	font-weight:bold;
	text-decoration:underline;
	color: #0000CC;
}

a:visited {
	color: #0000CC;
}

#content p {
	margin:5px 0 0 5px;
	line-height:22px;
	letter-spacing:0.02em;
}

#signsup p {
	letter-spacing:0em;
	text-align:left;
}

#content h2 {

  letter-spacing:-0.04em;
  font-family: Helvetica, sans-serif, Arial;
  font-size: 28px;
  color:#6699cc;


}

#footer{
	background-color:#6699cc;
	background-image: url("images/footerbgblue.png");
	background-repeat: repeat-x;
	padding-top:30px;
	text-align:center;	
}

#footer a {
	color:#FFFFFF;
}

#footer p {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:10px;
	color:#FFFFFF;
}

/* ---------------------- Primary Elements ---------------------- */






/* ---------------------- Navigation ---------------------- */
	#time4bed-nav{position:relative;height:43px;font-size:14px;text-transform:uppercase;background:#fff url("images/nav-bg.gif") repeat-x bottom left;font-family:Georgia, "Times New Roman", Times, serif;}
	#time4bed-nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
	#time4bed-nav ul li{display:block;float:left;margin:0 2px;}
	#time4bed-nav ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 0 0 20px;height:43px;line-height:50px;}
	#time4bed-nav li.discussion a{display:block;float:left;color:#FFFF00;text-decoration:none;padding:0 0 0 20px;height:43px;line-height:50px;}
	#time4bed-nav ul li a span{display:block;float:left;padding:0 20px 0 0;height:31px;width:auto;}
	#time4bed-nav ul li a:hover{color:#000000}
	#time4bed-nav ul li a:hover span{display:block;cursor:pointer;}
	#time4bed-nav ul li a.current,#time4bed-nav ul li a.current:hover{color:#894d12;background:transparent url("images/nav-left-on.gif") no-repeat top left;}
	#time4bed-nav ul li a.current span{background:transparent url("images/nav-right-on.gif") no-repeat top right;height:43px;}
/* ---------------------- Navigation ---------------------- */






/* ---------------------- Take Action Box ---------------------- */

.dialog2 {
 position:absolute;
 margin: 0px auto;
 min-width:340px;
 max-width:340px; 
 color:#6699cc;
 z-index:1;
 margin-left:690px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 margin-top:50px;
}

.dialog2 .dialogcontent,
.dialog2 .t,
.dialog2 .b,
.dialog2 .b div {
	background-color:#FFFFFF;
	background-image: url("images/contentbottom2.png");
	background-repeat: repeat-x;
	background-position:bottom;

}

.dialog2 .dialogcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog2 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog2 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog2 .b,
.dialog2 .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog2 .b {
 background-position:bottom right;
}

.dialog2 .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog2 .hd,
.dialog2 .bd,
.dialog2 .ft {
 position:relative;
}

.dialog2 .wrappe2r {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog2 h1,
.dialog2 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog2 h1 {
 font-family:Helvetica, sans-serif, Arial;
 letter-spacing : -1px;
 padding-bottom:0px;
 font-size:24px;
 text-transform : uppercase;
 margin:10px;
}

.dialog2 h2 {
 font-family:Helvetica, sans-serif, Arial;
 padding-bottom:0px;
 padding-left:30px;
 font-size:15px;
 text-transform : uppercase;

}

/* ---------------------- Take Action Box ---------------------- */



/* ---------------------- Updates Window ---------------------- */

.dialog1 {
 position:absolute;
 margin: 0px auto;
 min-width:340px;
 max-width:340px; 
 color:#6699cc;
 z-index:1;
 margin-left:690px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 margin-top:350px;
}

.dialog1 .dialogcontent,
.dialog1 .t,
.dialog1 .b,
.dialog1 .b div {
	background-color:#FFFFFF;
	background-image: url("images/contentbottom2.png");
	background-repeat: repeat-x;
	background-position:bottom;

}

.dialog1 .dialogcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog1 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog1 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog1 .b,
.dialog1 .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog1 .b {
 background-position:bottom right;
}

.dialog1 .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog1 .hd,
.dialog1 .bd,
.dialog1 .ft {
 position:relative;
}

.dialog1 .wrappe2r {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.dialog1 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px 0px 0px 15px;
 color:#000000;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:14px;
}

.dialog1 h1 {
 font-family:Helvetica, sans-serif, Arial;
 letter-spacing : -1px;
 padding-bottom:0px;
 font-size:24px;
 text-transform : uppercase;
 margin:10px;
}

.dialog1 h2 {
 font-family:Helvetica, sans-serif, Arial;
 padding-left:15px;
 font-size:15px;
 text-transform : uppercase;
 
}
/* ---------------------- Updates Box ---------------------- */







/* ---------------------- Social Box ---------------------- */

.dialog3 {
 position:absolute;
 margin: 0px auto;
 min-width:340px;
 max-width:340px; 
 color:#6699cc;
 z-index:1;
 margin-left:690px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
 margin-top:680px;
}

.dialog3 .dialogcontent,
.dialog3 .t,
.dialog3 .b,
.dialog3 .b div {
	background-color:#FFFFFF;
	background-image: url("images/contentbottom2.png");
	background-repeat: repeat-x;
	background-position:bottom;

}

.dialog3 .dialogcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog3 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog3 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog3 .b,
.dialog3 .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog3 .b {
 background-position:bottom right;
}

.dialog3 .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog3 .hd,
.dialog3 .bd,
.dialog3 .ft {
 position:relative;
}

.dialog3 .wrappe2r {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.dialog3 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0px 0px 0px 15px;
 color:#000000;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:14px;
}

.dialog3 h1 {
 font-family:Helvetica, sans-serif, Arial;
 letter-spacing : -1px;
 padding-bottom:0px;
 font-size:24px;
 text-transform : uppercase;
 margin:10px;
}

.dialog3 h2 {
 font-family:Helvetica, sans-serif, Arial;
 padding-left:15px;
 font-size:15px;
 text-transform : uppercase;
 margin-left:10px;
 text-indent:-10px;
}
/* ---------------------- Social Box ---------------------- */











/* ---------------------- Modal Window ---------------------- */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#436EEE;
  display:none;
  left:0;
  top:0;

}
  
#boxes .window {
  position:absolute;
  width:440px;

  display:none;
  z-index:9999;
  padding:20px;
  left:0;
  top:0;

}


#boxes #modal1 {
  width:500px; 
  padding:10px;
  background-color:#ffffff;

}

#boxes #modal3 {
  padding:10px;
  width:500px;
  margin-top:1650px;
  background-color:#ffffff;

}


#boxes #modal2 {
  width:500px; 
  padding:10px;
  background-color:#ffffff;

}

#boxes #modal {
  background-color:#ffffff;
  width:650px;
  padding: 2px 10px 20px 10px;
}

#boxes p {
  margin:10px 0 0 10px;
  font-family: Helvetica, sans-serif, Arial;
  font-size: 14px;
}

#boxes h1 {
  letter-spacing:-0.06em;
  font-family: Helvetica, sans-serif, Arial;
  font-size: 28px;
  color:#4169E1;
  text-align:center;
}


/* ---------------------- Modal Window ---------------------- */




