html, body { 
	height: 100%; 
	text-align:center;
}
body, div { 
	font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;
	font-size:small;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-style:italic;
	font-weight:bold;
	font-size:190%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform:uppercase;
	margin-top: 10px;
}

h1 span {
	padding-left:70px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:160%;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform:uppercase;
	clear:both;
}

h3 {
	font-size:150%;
	padding-top: 7px;
	padding-bottom: 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	color:#FFFFFF;
}

.nudgeup{
	margin-top:-5px;
	margin-left:5px;
}

.strong {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.strong-italic {
	font-weight:bold;
	font-style:italic;
}



p {
	padding:5px;
	font-size:120%;
}

p.definition{
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
}

p.definition span{
	font-weight:bold;
}

.outer_container {
	width:100%;
	height:100%;
	text-align:left;
}


.container {
	margin: 0 auto;
	width:1030px;
}


.header {
	float:left;
	width:100%;
	height:160px;
}

.left_navigation{
	width:220px;
	float:left;
}

.left_navigation_container{
	margin:5px;
}

.main_content{
	margin-left:220px;
}

.inner_content{
	padding:5px;
	float:left;
	width:800px;
}

.main_footer{
	margin-top:100px;
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	padding:20px;
}

/*Header*/
.register_now {
	float:right;
	margin:10px;
	margin-top: 65px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}



#esp_nav, #see_nav, #ncse_nav, #jdw_nav {
	cursor:pointer;
}

#esp_nav a, #see_nav a, #ncse_nav a, #jdw_nav a{
	font-size:140%;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#esp_nav a:hover, #see_nav a:hover, #ncse_nav a:hover, #jdw_nav a:hover, #esp_nav a span:hover, #see_nav a span:hover, #ncse_nav a span:hover, #jdw_nav a span:hover{
	color:#dbd8d8;
	background:none;
}

#esp_nav a span, #see_nav a span, #ncse_nav a span, #jdw_nav a span{
	font-size:80%;
	font-weight:normal;
	font-style:italic;
}

.nav_arrow_expanded{
	margin-left:-20px;
	width:16px;
	height:17px;
	background:url(../images/arrows/expanded-arrow.png);
	background-position: 0px 0px;
	float:left;
	margin-right:-5px;
	margin-top:4px;
}

.nav_arrow_expanded:hover{
	background-position: 0px -17px;
}

.nav_arrow_contracted{
	margin-left:-20px;
	width:16px;
	height:17px;
	background:url(../images/arrows/contracted-arrow.png);
	background-position: 0px 0px;
	float:left;
	margin-right:-5px;
	margin-top:2px;
}

.nav_arrow_contracted:hover{
	background-position: 0px -17px;
}

#esp_nav{


}
#see_nav {


}
#ncse_nav{

}
#jdw_nav
{

}

#jdw_nav ul, #see_nav ul, #esp_nav ul, #ncse_nav ul{
	margin-bottom:10px;
} 

#esp_nav li a, #see_nav li a, #ncse_nav li a, #jdw_nav li a
{
 	padding-left:10px;
	font-size:80%;
	font-weight:normal;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

#jdw_nav li a.red{
    color:red;
}

td {
	vertical-align:top;
	padding:5px;
}

.slidingDoorLeft_Grey{
	background:url(../images/slidingdoors/darkgrey_bg/grey_bg_left.jpg) left no-repeat;
	min-height:590px;
}

.slidingDoorRight_Grey{
 	background:url(../images/slidingdoors/darkgrey_bg/grey_bg_right.jpg) right no-repeat;
	min-height:590px;
}

.note{
	color:#666666;
	font-style:italic;
	font-size: 90%;
}

/*buttons*/

a.button {
    color: #ffffff;
    display: block;
	font:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
    float: left;
    font-size:12px;
	height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
}

a.button span {
    display: block;
    line-height: 14px;
    padding: 5px 10px 5px 18px;
	cursor:pointer;
}

a.button:active {
    background-position: bottom right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 10px 4px 18px; /* push text down 1px */
}
#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('../images/breadcrumb/bc_bg.gif'); 
    background-repeat:repeat-x;
	height:30px;
    line-height:30px;
    color:#888;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#breadcrumb li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
}

.hidden{
	display:none;
}



#breadcrumb li span {
	display:inline-block;
    background-image:url('../images/breadcrumb/bc_separator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#999999;
	outline:none;
}

#breadcrumb a {
	display:inline-block;
    background-image:url('../images/breadcrumb/bc_separator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#999999;
	outline:none;
}

#breadcrumb a.selected {
	font-weight:bold;
	color:#4c5279;
}

.home {
    border:none;
    margin: 7px 0px;
}

#breadcrumb a:hover {
	color:#525985;
}
#curriculum, #esp_curriculum{
	margin-left: 20px;
}

#esp_curriculum a span{
    display:block;
    text-indent:20px;
    font-style:normal;
    font-size:100%;
}

.curriculum{
	margin-bottom:-10px;
}
.errorExplanation{
	background:#7a1212;
	border: 1px solid #4f0f0f;
	padding:10px;
	color:#ffffff;
}
.errorExplanation h2{
	text-transform:none;
	color:#f77575;
}
.errorExplanation li{
	list-style: disc;
	margin-left:20px;
}
.focusField{
    border:solid 2px #73A6FF;
    background:#EFF5FF;
    color:#000;
	padding: 5px;
}
.idleField{
  	background:#EEE;
   	color: #6F6F6F;
	border: solid 2px #DFDFDF;
	padding: 5px;
}
.announcements tr{
	border-bottom: 1px solid #e0e0e0;
}
.announcements th, .announcements td{
	padding:10px;
}
.authNav{
	float:right;
	color:#666666;
	}
a.whiteLink{
	color:#ffffff;
	text-decoration:none;
}
a.whiteLink:hover{
	text-decoration:underline;
}
.announcement-featured{
	width:800px;
	overflow:hidden;
	background:#ffffff;
	padding:10px;
}
.announcement-featured ul li{
	list-style-image: url('/images/jdw/announcements/PushPin35.png');
	margin-left:65px;
    margin-right:10px;
	margin-top:5px;
	font-size:18px;
	font-weight:bold;
}
.announcement-featured ul li p{
	font-size:15px;
	font-weight:normal;
}


/*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: 129px;
	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: #838385;
}
#kwick_2 {
	background-color: #7a7a7b;
}
#kwick_3 {
	background-color: #6f6f70;
}
#kwick_4 { 
	background-color: #656566;
}
#kwick_5 { 
	background-color: #585859;
}

#kwick_6 { 
	background-color: #464647;
}

#kwick_7 { 
	background-color: #303031;
}

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

#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: #838385;
	display:block;
}

#bio_2 {
	background-color: #7a7a7b;
}

#bio_3 {
	background-color: #6f6f70;
}

#bio_4 {
	background-color: #656566;
}

#bio_5 {
	background-color: #585859;
}

#bio_6 {
	background-color: #464647;
}

#bio_7 {
	background-color: #303031;
}
#bio_8 {
	background-color: #1a1a1a;
}
#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;
}
.stafflist{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:40px;
	margin-right:40px;
}

.stafflist li{
	list-style-type:square;
	font-size:120%;
}

.bio p{
	color:#FFFFFF;
}

#quotes{
	margin-bottom:20px;
	overflow:hidden;
}

#quotes li{
	float:left;
	margin:1px;
	margin-bottom:0px;
}

#quotes li a{
	background:#666666;
	padding:10px;
	color:#FFFFFF;
	text-decoration:none;
	overflow:hidden;
	display:inline-block;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

#quotes li a:hover, #quotes li a.selected{
	background:#333333;
}

/* News */

table.news{
	border-collapse:separate;
	border-spacing:20px 0px;
}

table.news td{
	width:50%;
}

.news .newscontent{
	background:#FFFFFF;
	padding:15px;
	vertical-align:middle;
	text-align:center;
}

.news .newsheader{
	min-height:50px;
	background:#6e77b2;
	color:#FFFFFF;
	padding:5px;
	text-align:left;
	text-transform:none;
	font-style: normal;
	font-size:140%;
	margin-right:10px;
}

/*quotes*/
a.quote {
	background: transparent url(../images/jdw/quotes/quote_right.png)  no-repeat scroll top right;
	color:#FFFFFF;
	color: #ffffff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 60px;
    margin-right: 20px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	font-size: 120%;
}

a.quote span {
	background: transparent url(../images/jdw/quotes/quote_left.png) no-repeat;
	display: block;
    line-height: 45px;
    padding: 5px 10px 5px 28px;

}


.quote-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 120%;
	width: 600px;
	padding:10px;
	color:#666666;
}

.quote-text p
{
	font-size: 100%;
	font-weight:normal;
}

.quoted{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#333333;
	font-style:italic;
	padding-left: 20px;
	padding-top:10px;
}


/*registration*/
.event_form input, .event_form textarea, .event_form select{
    padding:5px;
    border:2px #dddddd solid;
}

.event_form input[type=text]
{
    width:600px;
}

.event_form .event_city_form input[type=text]
{
    width:250px;
}

.event_city_form div{
    border-top: 1px solid #cccccc;
}

.event_city_form p a{
    text-align:center;
    display:block;
}

.event_city_form span{
    width:150px;
    text-align:right;
    display:inline-block;
}
.event_city_list_item{
    margin:5px;
    padding:5px;
    background:#cccccc;
}
#cross_ref_cities{
    display:none;
}

.cotillionScheduleHolder .button{
    margin-top:10px;
}

#states_quick_list li{
    float:left;
    margin:3px;
    width:150px;
}

#states_quick_list li a{
    padding:3px;
    background:#666666;
    color:#ffffff;
    text-decoration:none;
    display:block;

}

#states_quick_list li a:hover{
    background:#333333;
}

.states_top{
    display:block;
    text-align:right;
    padding:5px;
}