html,body{
	background:#3b3b3b url(../images/jdw/background/cotillion-bg.jpg) center repeat-y;
}

h1 {
	
}


h2 {
	
}

h3 {

}

h2.greyBG
{
	background:#6f78b3;
	padding-left:15px;
}

.left_navigation_container {

}

.logo {
	margin-top:40px;
}

.header h1 a {
	background:transparent url(/images/jdw/logo/jdw-logo.png) no-repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	height:60px;
	margin-right:75px;
	width:367px;
}

.head {
	color:#FFFFFF;
	font-size: 170%;
	margin-top: 10px;
	margin-bottom: 10px;
}

#list
{
	display:none;
}

.content_area
{
	background:#FFFFFF;
	padding:10px;
}

.subHeader{
	color:#515783;
	font-size: 140%;
	font-weight:bold; 
	font-style:italic;
	padding-right: 15px;
}

.listHeader {
	color:#000000;
	font-size: 110%;
	font-weight:bold; 
	font-style:italic;
	padding-right: 15px;
}



.bulletedList li{
	color:#000000;
	margin-left:30px;
	font-size:110%;
	margin-top:5px;
	list-style-type:square;
}

.faqList li{
	color:#000000;
	margin-left:30px;
	font-size:120%;
	margin-top:5px;
	list-style-type:square;
}



.bulletedList2{
	color:#cfbc18;
	margin-left:15px;
	font-size:110%;
	margin-top:5px;
}

p a:link { 
  color: #2c304a;
  text-decoration:underline;
}
p a:visited {
  color: #2c304a;
  text-decoration:underline;
}
p a:hover {
  background: #2c304a;
  color:#ffffff;
  text-decoration:none;
}
p a:active { 
  color: #2c304a;
  text-decoration:underline;
}


/*announements*/

.announcement-list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.announcement-header {
	padding: 5px 35px;
	cursor: pointer;
	position: relative;
	background: #ffffff url(../images/jdw/announcements/pin.jpg) no-repeat;
	background-position:0px -2px;
	margin:1px;
	font-weight:bold;
	font-size: 135%;
	color:#6f78b3;
}
.announcement-content {
	padding-top:5px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right:10px;
	background-color:#F4F4F8;
	margin:1px;
}



/*FAQ*/

.faq_list {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.question {
	padding: 5px 15px;
	cursor: pointer;
	position: relative;
	background-color:#6f78b3;
	margin:1px;
	font-weight:bold;
	font-size: 135%;
	color:#FFFFFF;
}
.answer {
	padding-top:5px;
	padding-bottom:10px;
	padding-left: 20px;
	padding-right:10px;
	background-color:#F4F4F8;
	margin:1px;
}

/*Registration*/

#registration_states li {
  list-style-type:none;
  margin:0;
  margin-bottom:1px;
  }
#registration_states a, #registration_states a:visited {
  position:relative;
  display:block;
  width:9em;
  font-family:arial, verdana, sans-serif;
  text-align:center;
  text-decoration:none;
  background:#454a6e; 
  color:#FFFFFF; 
  padding:0.25em;
  }
#registration_states a span {
  display:none;
  }
#registration_states a:hover {
  background:#6f78b3;
  color:#e0e0e0;
}
#registration_states a:hover span {
  display:block;
  text-align:left;
  position:absolute; 
  left:10em; 
  top:0; 
  padding:0.5em; 
  width:24em;
  background-color:#6f78b3;
  color:#e0e0e0; 
  }


#registration_states
{
	position:absolute;
	margin-left: 150px;
	display:none;
}

.reg_state_box
{
	float:left;
	padding:8px;
}

/*Social Skills*/
#level1
{
	background:url(../images/jdw/levels/level1.png) no-repeat;
	overflow:visible;
	padding-left:100px;
	float:left;
}

#level2
{
	background:url(../images/jdw/levels/level2.png) no-repeat;
	overflow:visible;
	padding-left:100px;
	float:left;
}

/*Home*/

.promo_text
{
	padding:10px;
	font-size:130%;
}

/*Meet the staff*/

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 95.5px;
	height: 305px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-size:90%;
	cursor:pointer;
}

.kwicks.horizontal li p {
	line-height: 140%;
}


#kwick_1 { 
	background-color: #6f78b3;
}
#kwick_2 {
	background-color: #5f6798;
}
#kwick_3 {
	background-color: #4c5279;
}
#kwick_4 { 
	background-color: #3a3f5c;
}
#kwick_5 { 
	background-color: #282b3f;
}

#kwick_6 { 
	background-color: #2e293c;
}

#kwick_7 { 
	background-color: #221f2e;
}

#kwick_8 { 
	background-color: #1a1723;
}

#kwick_9 { 
	background-color: #000000;
}


.kwicks.horizontal #kwick_9 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}

#bio_1 {
	background-color: #6f78b3;
	display:block;
}

#bio_2 {
	background-color: #5f6798;
}

#bio_3 {
	background-color: #4c5279;
}

#bio_4 {
	background-color: #3a3f5c;
}

#bio_5 {
	background-color: #3d384e;
}

#bio_6 {
	background-color: #2e293c;
}

#bio_7 {
	background-color: #221f2e;
}
#bio_8 {
	background-color: #1a1723;
}
#bio_9 {
	background-color: #000000;
}




.bio {
	color:#FFFFFF;
	min-height:600px;
	padding:5px;
	display:none;
	margin-right: 0px;
}


.bio img {
	padding:5px;
	margin-top:10px;
}

.bio h2
{
	color:#FFFFFF;
	padding-left:20px;
}

/*navigation*/

#esp_nav li a:hover, #see_nav li a:hover, #ncse_nav li a:hover, #jdw_nav li a:hover
{
	font-weight:normal;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	display:block;
	background:#3b3b3b;
}


#esp_nav li a.active, #see_nav li a.active, #ncse_nav li a.active, #jdw_nav li a.active
{
	font-weight:normal;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	display:block;
	background:#6f78b3;
}



/*buttons*/

a.button {
    background: transparent url('../images/buttons/jdw_blue_button_right.png') no-repeat scroll top right;
}

a.button span {
    background: transparent url('../images/buttons/jdw_blue_button_left.png') no-repeat;
}

/*announcement*/
.announcement{
	background:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	padding-left: 40px;
	padding-bottom: 40px;
	padding-right: 40px;
	border:#999999 1px solid;
	margin-bottom: 20px;
}

.announcement-footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
}

/*store*/
.enter-store {
	background:url(../images/jdw/cotillion-classics/enterstore.png) no-repeat scroll;
	width:153px;
	height:32px;
	cursor:pointer;
	float:right;
	margin-right: 50px;
	margin-top: -20px;
	text-decoration:none;
}

.enter-store:hover {
	background-position: 0px -32px;
	text-decoration:none;
}


/*news*/
.news .newsheader {
	background:#6e77b2;
}

/*footer*/

.main_footer
{
	border-top: solid 1px #9a9a9a;
}

/*-----------------------------------------------------------------------------------------------*/
/*                                            TOOLTIP                                            */
/*-----------------------------------------------------------------------------------------------*/

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	font-size:18px;
	color: #ffffff;
	cursor: help; 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper { /* The wrapper holds its insides together */
	width: 172px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 20px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}
	
.toolTipTop { /* Top section of the tooltip */
	width: 172px;
	height: 26px;
	background: transparent url(../images/jdw/tooltip/bubbleTop.png)no-repeat;
}

.toolTipMid { /* Middle section of the tooltip */
	padding: 8px 15px;
	background: #878db0 url(../images/jdw/tooltip/bubbleMid.png) repeat-x top;
}

.toolTipBtm { /* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(../images/jdw/tooltip/bubbleBtm.png) no-repeat;
}




.cotillionScheduleHolder{
	padding-left: 30px;

}

.cotillionScheduleHolder .cotillionScheduleText{
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	color:#222222;
	font-size:110%;
}

.cotillionScheduleHolder .cotillionSchedulePendingText{
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
	color:#CC2222;
	font-weight:bold;
	font-size:110%;
}

.cotillionScheduleHolder .cotillionScheduleHeader {
	font-size: 110%;
	font-weight: bold;
	color:#333333;
}

.cotillionScheduleHolder ul {

}

.cotillionScheduleHolder li{
	border-top: #999999 1px solid;
}

.multistate{
	padding:10px;
	padding-left:30px;
    overflow:hidden;
}

.multistateevent{
	margin-bottom:15px;
	display:block;
}

.singlestate{
    overflow:hidden;
	padding:10px;
	padding-left:30px;
    
}

h2.reg_state {
	text-transform:none;
	margin-left: 30px;
	color:#333333;
	font-size: 180%;
}


.cotillionScheduleHolder h3{
	text-transform:none;
	font-size:140%;
}

.registration {
}

.registration h2 {
	text-transform:none;
	margin-left: 20px;
}


.registration h3 {
	text-transform:none;
	margin-left: 30px;
	font-size: 130%;
}

.registrationTimes{
	margin-left: 80px;
	margin-bottom: 20px;
	margin-top: 20px;
	color:#ffffff;
	font-size: 100%;
}

.registrationContent p
{
	margin-left:50px;
	color:#333333;
	font-size: 110%;
}

.registrationContent a.button{
	text-align:center;
	margin-top: 20px;
}

.registrationTimes li{
	list-style-type:disc;
}

#map{
	background:url(/images/jdw/map/us-map-no-legend.png) top left;
	width:800px;
	height:495px;
}

.charitiesList li{
	float:left;
	padding:10px;
	margin:10px;
	width: 45%;
	background:#CCCCCC;
	height:50px;
	overflow:auto;
	font-weight:bold;
	color:#333333;
}

.charitiesList li a
{
	font-weight:normal;
	display:block;
	color:#FF0000;
	text-decoration:underline;
}

.charitiesList li a:hover
{
	text-decoration:none;
}

.patrons h2
{
	margin-top:20px;
	clear:both;
}

.patrons ul 
{
	margin-left:15px;
}

.patrons h3
{
	text-transform:none;
	font-size: 120%;
	color:#333333;
	clear:both;
	margin-left:10px;
	margin-bottom:-5px;
}

.patrons ul li
{
	background:#CCCCCC;
	float:left;
	padding:10px;
	margin:10px;
	height:40px;
	width: 40%;
}

.patrons ul li a
{
	display:block;
	color:#000066;
	text-decoration:underline;
}

.patrons ul li a:hover
{
	text-decoration:none;
}

.invitationTitle
{
	text-transform:uppercase;
	color:#999999;
	font-weight:normal;
	font-size: 130%;
	text-align:center;
	letter-spacing:0.1em;
	font-family: Arial, Helvetica, sans-serif;
}

.invitationText{
	color:#333333;
	font-size: 120%;
	font-style:italic;
	margin-top: 30px;
	text-align:center;
	font-family:Cambria, Arial, Helvetica, sans-serif;
}

.invitationFluff{
	color:#666666;
	font-size: 120%;
	font-style:italic;
	padding-top: 40px;
	text-align:center;
	background:url(../images/jdw/invitation/inviteSeperator.jpg) no-repeat;
	background-position: center 15px;
	font-family:Cambria, Arial, Helvetica, sans-serif;
}

.invitationAddress p
{
	margin-bottom: -7px;
	display:block;
	text-align:center;
	font-size: 120%;
	font-style:italic;
	font-family:Cambria, Arial, Helvetica, sans-serif;
}

.invitationAddress p.invitationLocationName{
	font-weight:bold;
}

.invitationAddress{
	margin-bottom:30px;
}

.invitationSubmitButton{
	margin-left:110px;
}

#city h2
{
	font-size: 140%;
	color:#666666;
	text-align:center;
	background-color:#999999;
}

#invitation{
	background:#FFFFFF;
	width:300px;
	margin-left:150px;
	padding-bottom:25px;
	padding-left:20px;
	padding-right:20px;
	border:#666666 solid 1px;
	text-align:center;
}

.inviteLogo{
	margin-top:30px;
	margin-bottom:45px;
}

.invitationFooter{
	text-align:center;
	width:300px;
	height:57px;
	margin-top:90px;
}

.announcement-list table{
	width:90%;
	margin-left:20px;
	margin-right:20px;
}
.announcement-list th{
	font-weight:bold;
}
.announcement-list h2{
	color:#FF0000;
	font-size:120%;
	text-transform:none;
}
.announcement-list p{
	font-size:100%;
}
.announcement-list li{
	list-style-type:square;
	margin-left:30px;
	margin-bottom:10px;
}
p.announcement-header{
	font-size:130%;
}
div.social{
	float:right;
	width:490px;
}
div.social a:hover{
	background:none;
}
.social_networks{
	text-align:left;	
	padding:10px;
	margin:10px;
	border-top:dotted #CCCCCC 1px;
}
.social_networks ul{
	overflow:hidden;
	display:inline-block;	
}
.social_networks ul li{
	float:left;
}
.grouped_quotes{
    overflow:hidden;
}