/* PDK Global CSS - Public side */

/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	/*border: 0;
	outline: 0;*/
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	/*font-size: 14px;
	vertical-align: baseline;
	background: transparent;*/
}

/* Overall Structure */

body {
	margin: 0 auto;
	background-color: #E6E6E6;
}

/* WRAPPER HOLDING ALL ELEMENTS */

#wrapper {
	width:1000px;
	margin: 0 auto;
	background-color: #FFF;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#content {
	background-color: #FFF;
	padding: 1em 2em;
}

/* HEADER  */
#header {
	display: block;
	min-height: 57px;
	width: 100%;
}

#logo {
	display: block;
	float: left;
	padding: 14px 0;
}

/* Utilities */

/*Utilities Nav - New*/

.utilities {
	display: block;
	float: right;
	line-height: 1em;
	margin: 0 0 15px 0;
}

/* TAGLINE RIBBON */

#taglineRibbon {
	display: block;
	clear:both;
	height: 15px;
	padding: 0.25em 1em;
	background-color: #71637D;
	font-size: 70%;
	color: #FFFFFF;
	font-weight: bold;
}


/* Global Typography */

p {
	font-size: 80%;
	line-height: 1.8em;
	margin: 1em 0;
}
/* DO NOT USE - DEPRECIATED */
.p_singlesp {
	font-size: 80%;
	line-height: 1.4em;
}

/* DO NOT USE - DEPRECIATED */
.p_linklist {
	font-size: 100%;
	line-height: 1.1em;
}

h1, h2, h3, h4, h5, h6 {
	color: #901600;	
	margin: 1em 0 0.25em 0;
}

h1 {
	margin: 1em 0 0.5em 0;
	font-size: 150%;
}
h2 {
    font-size: 110%;
    font-weight: bold;
    margin: 2em 0 0.25em;
}
h3 {
	font-size: 85%;
	font-weight: bold;
}
h4 {
	padding: 0 0 0.5em 0;
	font-size: 80%;
	font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: inherit;
	color: inherit;
	font-size: inherit;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration: underline; 
}


.bulletList {/* DO NOT USE, LEAVE CLASS BLANK TO USE DEFAULT <ul> STYLING*/}
.numberedList {/* DO NOT USE, LEAVE CLASS BLANK TO USE DEFAULT <ol> STYLING*/}

/* Content Area Custom Typography*/

#content ul, #content ol {
	font-size: 80%;
	padding-left: 3em;
	margin: 1em 0;
}

#content ul.plain {
	list-style: none;
}

#content ul {
	list-style: square;
}

#content li {
	line-height: 1.4em;
	margin-bottom: .5em;
}

#content ul li ul, #content ol li ol, #content ol li ul, #content ul li ol {
	font-size: inherit;
}

#content h1 {
	text-align: left;
	padding-right: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #901602;
}

#content img {
	margin: 1em auto;
}

#content img.left {
	float: left;
	overflow: auto;
	max-width: 162px;
	margin: .5em 1em 1em 0;
	border: 4px solid #f2f2f2;
}

.caption {
	font-size: 70%;
	color: #901600;
	line-height: 1.8em;
}

/* Call out buttons */

a.button {	
	display: inline-block;
	padding: 8px 30px;
	margin: 15px 1em 2em 0;
	max-width: 300px;
	max-height: 60px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-align: center;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
		
a:link.button, a:visited.button {
	background: #ac1a2f url("../images/fea-join-sprite.png") repeat-x -185px top;
}
			
a:hover.button {
	background: #ac1a2f url("../images/fea-join-sprite.png") repeat-x -185px -62px;
}
			
a:active.button {
	background: #ac1a2f url("../images/fea-join-sprite.png") repeat-x -185px -124px;
}


/* Utilities Nav Typography */

ul#utilitiesNav {
	clear: both;
	float: right;
	list-style: none;
	margin: 0 0 .75em 0;

}

ul#utilitiesNav li {
	display: block;
	float: left;
	font-size: 75%;
}

ul#utilitiesNav li a {
	display: block;
	padding: 6px;
	text-decoration: none;
	font-weight: normal;
}

ul#utilitiesNav a:link {
	color: #000000;
}

ul#utilitiesNav a:visited {
	color: #333333;
}

ul#utilitiesNav a:hover {
	color: #FFFFFF;
	background-color: #5197B9;
}

ul#utilitiesNav a:active {
	color: #999999;
	background-color: #000000;
} 

ul#utilitiesNav a#login {
	background-color: #901602;
	color: #fff;
}

ul#utilitiesNav a:hover#login {
	background-color: #5197B9;
	color: #fff;
}

ul#socialMedia {
	clear: both;
	float: right;
	list-style: none;
	margin-bottom: 10px;
}

ul#socialMedia li {
	display: block;
	float: left;
	font-size: 75%;
	text-decoration: none;
	font-weight: normal;
	padding: 0 6px;
}

ul#socialMedia li a {
	border: 0;
}

/* Left Nav Bar Styling */
#navLeft {
	display:block;
	/*float:left;*/
}

#navLeft ul, .leftColumn ul, ul#navLeft {
  	list-style: none outside none;
  	margin: 0;
  	padding: 0;  	
  	padding-top: .3em;
  	border-bottom: 1px solid #EEF9F9;
 	background: #cecece;
}

ul#navLeft li, #navLeft ul li, .leftColumn ul li {
	border-top: 1px solid #EEF9F9;
}

ul#navLeft li a, #navLeft ul li a, .leftColumn ul li a {
	display: block;
	border-left: 9px solid #b0c9c9;
	padding: 0.8em 6px 0.8em 0.4em;
	background-color: #D1EEEE;
	color: #000;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
}

ul#navLeft li a:hover, #navLeft ul li a:hover, .leftColumn ul li a:hover {
  background-color: #5197B9;
  color: #FFFFFF;  
}

/* Styling for Kappan button as a red arrow */

#navLeft ul.kappan, .leftColumn ul.kappan {
	padding-top:0;
}

#navLeft ul.kappan li, .leftColumn ul.kappan li { 
    /*background-color: #CECECE;
    margin: auto 0;
    border: 0;*/
	}

#navLeft ul.kappan li a, .leftColumn ul.kappan li a {
	padding: 10px 0 8px 6px;
	height: 20px;
	width: 165px; 
	margin: auto 0px;
	display: inline-block; /*fixes ie6, ie7 width bug*/
	background: #ac1a2f url(../images/kappan-arrow-bg.gif) no-repeat right top;
	color: #fff;
	border-left: 9px solid #891B31;
}

#navLeft ul.kappan li a:hover, #navLeft  ul.kappan li a:active
.leftColumn ul.kappan li a:hover, .leftColumn  ul.kappan li a:active {
	background: #891B31 url(../images/kappan-arrow-bg.gif) no-repeat right -40px;
	border-left: 9px solid #681529;
}

/* Section Headers */

.sectionTitle { 
	color: #901600;
	padding: .5em 0 .75em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	padding-left: 1em;
	background: #fff;
}

/*Section Title with Link */ 

.sectionTitlev2 {
}

.sectionTitlev2 h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-left: .25em;
	padding-top: 11px;

}

.sectionTitlev2 a:link, .sectionTitlev2 a:hover, .sectionTitlev2 a:active, .sectionTitlev2 a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #901600;
	text-decoration: none;
	padding-bottom: 2px;
}

.sectionTitlev2 a:hover {
	text-decoration: none;
	background: url(../images/underline.png) repeat-x 100% 100%;
}

#sectionImage {
	padding-bottom: .5em; 
}

/* Tab Row 1 Navigation */

#tabRow1 {
	height: 33px;
	font-size: 75%;
	color: #000000;
}

#tabRow1 ul {
  list-style: none;
  padding: 1em 0 0 0;
}

#tabRow1 li {
  display: inline;
}

#tabRow1 a {
	text-decoration: none;
	padding: 0.25em 0.25em 0.4em 0.24em;
	border-top: 1px solid #B4CECE;
	border-right: 1px solid #B4CECE;
	border-bottom: 0px;
	border-left: 1px solid #B4CECE;
}

#tabRow1 a:link, #tabRow1 a:visited {
	color: #000000;
	background-color: #CFECEC;
}

#tabRow1 a:hover {
  color: #FFFFFF;
  background-color: #5197b9;
}

/* TabRow1v2 */

#tabRow1v2 {
	font-size: 80%;
	color: #000000;
  	background-color:#F2F2F2;
	overflow: visible;
	width: 100%;
	height: 30px;
}

#tabRow1v2 a:link, #tabRow1v2 a:visited, #tabRow1v2 a:hover {
	display:block;
	float: left;
	color: #000000;
	background-color: #CFECEC;
	text-decoration: none;
	height: 22px;
  	border: 1px solid #B4CECE;
	border-left: 0px;
	padding: 0.4em .5em 0.1em .5em;
}

#tabRow1v2 a:hover {
  color: #FFFFFF;
  background-color: #5197b9;
}

 html #tabRow1 a {
  width: 100%;
}

/* TAB ROW 1 HIGHLIGHT TAGGING 

/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'PUBLICATIONS' SECTION */
body#P a#P_Nav,
body#P_archive a#P_archiveNav,
body#P_cartoon a#P_cartoonNav,
body#P_tips a#P_tipsNav,
body#P_edge a#P_edgeNav,
body#P_kappan a#P_kappanNav,
body#P_blog a#P_blogNav,
body#P_connection a#P_connectionNav,
body#P_core a#P_coreNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'MEMBER PROGRAMS EVENTS TRAVEL' SECTION */
body#M a#M_Nav,
body#M_awards a#M_awardsNav,
body#M_bookclub a#M_bookclubNav,
body#M_chalkwalk a#M_chalkwalkNav,
body#M_travel a#M_travelNav,
body#M_summit a#M_summitNav,
body#M_read4record a#M_read4recordNav,
body#M_webinars a#M_webinarsNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'KAPPAN' SECTION */
body#K a#K_Nav,
body#K_advertise a#K_advertiseNav,
body#K_contact a#K_contactNav,
body#K_find a#K_findNav,
body#K_poll a#K_pollNav,
body#K_subscribe a#K_subscribeNav,
body#K_write a#K_writeNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'POLL' SECTION */
body#Po a#PoNav,
body#Po_pastpolls a#Po_pastpollsNav,
body#Po_questions a#Po_questionsNav,
body#Po_media a#Po_mediaNav,
body#Po_reactions a#Po_reactionsNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'JOIN PDK/RENEW' SECTION */
body#J a#J_Nav,
body#J_find a#J_findNav,
body#J_give a#J_giveNav,
body#J_types a#J_typesNav,
body#J_renew a#J_renewNav,
body#J_benefits a#J_benefitsNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'EDUCATIONAL FOUNDATION' SECTION */
body#EF a#EF_Nav,
body#EF_report a#EF_reportNav,
body#EF_board a#EF_boardNav,
body#EF_donate a#EF_donateNav,
body#EF_help a#EF_helpNav,
body#EF_programs a#EF_programsNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'CURRICULUM MANAGMENT CENTER' SECTION */
body#CMC a#CMCNav,
body#CMC_training a#CMC_trainingNav,
body#CMC_audits a#CMC_auditsNav,
body#CMC_walkthrough a#CMC_walkthroughNav,
body#CMC_highstakes a#CMC_highstakesNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'CHAPTER RESOURCES' SECTION */
body#CR a#CR_Nav,
body#CR_best a#CR_bestNav,
body#CR_campaign a#CR_campaignNav,
body#CR_resources a#CR_resourcesNav,
body#CR_find a#CR_findNav,
body#CR_sites a#CR_sitesNav,
body#CR_best a#CR_bestNav,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'PDK NEWSROOM' SECTION */
body#N a#N_Nav,
body#N_Archives a#N_Archives,
/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'PDK WEBINAR' SECTION */
body#W a#W_Nav,
body#W_careertips a#W_careertipsNav,
body#W_kappanconv a#W_kappanconvNav,
body#W_pubtips a#W_pubtipsNav,
body#W_impact a#W_impactNav,
body#W_pdk-poll-webinar a#W_pdk-poll-webinarNav,
body#W_yourinterest a#W_yourinterestNav,

/* THIS LIST IS USED TO HIGHLIGHT THE CURRENT TAB IN TAB ROW1 IN THE 'ABOUT PDK' SECTION */
body#A a#A_Nav,
body#A_find a#A_findNav,
body#A_governance a#A_governanceNav,
body#A_mission a#A_missionNav,
body#A_news a#A_newsNav,  
body#A_sites a#A_sitesNav, 
body#A_join a#A_joinNav, 
body#A_leaders a#A_leadersNav, 
body#A_staff a#A_staffNav,
body#A_employment a#A_Nav/* IMPORTANT - NO COMMA AFTER LAST ITEM IN LIST */
	{
	color: #fff;
	background: #5197B9;
}
/* END TAB ROW 1 HIGHLIGHT TAGGING*/

/* TAB ROW 2 NAVIGATION */

#tabRow2 {
	font-size: 75%;
	color: #000000;
	background-color: #5197B9;
	height: 21px;
	margin: -2px 0 1px 0;
	padding-top: 6px;
}

#tabRow2 ul {
  list-style: none;

}
#tabRow2 li {
  display: inline;
}

#tabRow2 a {
	border-right: 1px solid #B4CECE;
	text-decoration: none;
	padding: 0.5em;
}

#tabRow2 a:link {
	color: #FFFFFF;
}

#tabRow2 a:visited {
	color: #333333;
}

#tabRow2 a:hover {
	color: #000000;
	background-color: #37677E;
}

#tabRow2 a:active {
	color: #62B9E1;
}

* html #tabRow2 a {
  width: 100%;
}

/* TAB ROW 2 NAVIGATION */

#tabRow2v2 {
	display: block;
	float: left;
	margin: -1px 0 0 0;
	padding-top: 6px;
	height: 21px;
	width:100%;
	font-size: .7em;
	color: #000000;
	background-color: #5197B9;
}

#tabRow2v2 ul {
	display: block;
	float: left;
  	list-style: none;
  	margin: 0;
  	padding: 0;
}
#tabRow2v2 li {
	display: block;
	float: left;
}

#tabRow2v2 a {
	text-decoration: none;
	padding: 0 0.4em;

}

#tabRow2v2 a:link {
	color: #FFFFFF;
	border-right: 1px solid #B4CECE;
}
#tabRow2v2 a:visited {
	color:#000;
	border-right: 1px solid #B4CECE;
}

#tabRow2v2 a:hover {
	color: #000000;
	background-color: #37677E;
	border-right: 1px solid #B4CECE;
}

#tabRow2v2 a:active {
	color: #62B9E1;
	border: 1px solid #68C3EE;
	border-right: 1px solid #B4CECE;
}

/* Imported Embedded CSS from pages so we can delete it from the HTML header */

.image2 {
	float: right;
	width: 120px;
	margin-top: 6px;
	margin-left: 20px;
	margin-bottom: 6px;
	border: 1px outset #000000;
}
.floatleft2 {
	float: left;
	width: 160px;
	background-color: #F3F3F3;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;	
}

.floatright {
	float: right;
	width: 160px;
	background-color: #F3F3F3;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;	
}
.clear {
  clear: both;
}

/* Right Sidebar Styling  */

#side2 {
	width: 145px;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: .5em;
	margin-top: 18em; /* THIS DEFINES THE SPACE BETWEEN THE HEADER AND THE TOP OF THE RIGHT SIDEBAR CONTENT   */
}
.p_side2 {
	margin: 0;
	font-size: 80%;
	line-height: 200%;
	width: 145px;
}
#side2 h1 {
	margin: 0;
	font: 80% Georgia, "Times New Roman", Times, serif;
	color: #621313;
	margin: 0;
	padding-bottom: 4px;	
	line-height: 150%;
	width: 145px;
	font-weight: bold;
}
#side2 h2 {
	margin: 0;
	font: 70% Georgia, "Times New Roman", Times, serif;
	color: #621313;
	margin: 0;
	padding-bottom: 4px;	
	line-height: 150%;
	width: 145px;
	font-weight: bold;
}
.side2Insert { /* THIS DEFINES THE TEAL BOXES IN THE SIDEBAR ON THE RIGHT SIDE OF THE PAGE  */
	padding: 1em;
	border-top-width: 0.12em;
	border-top-style: inset;
	border-right-width: 0.12em;
	border-right-style: inset;
	background-color: #5197B9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
/* THIS DEFINES THE SIDEBAR ON THE HOME PAGE  */
#side1home {
	width: 150px;
	padding-right: .2em;
	padding-bottom: 0;
	padding-left: .2em;
	margin-top: 0em;
}

/* THIS DEFINES THE KAPPAN SIDEBAR ON THE RIGHT SIDE OF THE KAPPAN PAGE  */

#side2kappan {
	width: 145px;
	padding-right: .5em;
	padding-bottom: 0;
	padding-left: .5em;
	margin-top: 1em; /* THIS DEFINES THE SPACE BETWEEN THE HEADER AND THE TOP OF THE RIGHT SIDEBAR CONTENT   */
}
 

/* FOOTER */
#footer {
	clear:both;
	background-color: #CCCCCC;
	border-top: 15px solid #666;
}
.pFooter {
	padding-top: 0;
	margin-top: 0;
	font-size: 70%;
	text-align: center;
	line-height: 2.9em;
}
a.pFooter:link {
	padding-top: 0;
	margin-top: 0;
	font-size: 70%;
	text-align: center;
	line-height: 2.9em;	color: #000000;
	text-decoration: none;
}
a.pFooter:visited {
	color: #333333;
	text-align: center;
}
a.pFooter:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background-color: #006599;	
}
a.pFooter:active {
	color: #999999;
}


/*
	2009-07-29, 10 Notes, LLC. 
	CSS for the Newsletter Signup snippet at /includes/newsletterSignup.shtml
*/
#newsletter	{ 
	display:none; 
	width:154px; 
	padding:5px 15px 15px 10px; 
	clear:both; margin:30px 0; 
	background:#fff; 
	border-top:solid 1px #666; 
	border-right:solid 1px #999; 
	border-bottom:solid 15px #666; 
}

#newsletter * { 
	width:100%; 
	clear:both; 
	margin:0; 
	padding:0; 
	font:normal 10px/16px Arial, Helvetica, Verdana, Geneva, sans-serif; 
}

#newsletter	fieldset	{ border:0; }

#newsletter h4	{ 
	font-size:10px; 
	text-transform:uppercase; 
	letter-spacing:2px; 
	margin:0; 
	padding:10px 0; 
}

#newsletter label { 
	width:100%; 
	clear:both; 
}

#newsletter	input.txt	{ 
	padding:3px 1px; 
	margin:0 0 10px 0; 
	color:#666; 
	font-size:13px; 
	border-collapse:collapse; 
	border:solid 1px #ccc; 
}

#newsletter	input.btn	{ 
	width:100px; 
	padding:7px 15px; 
	background:#eee; 
	border:solid 2px #ccc; 
}

#newsletter input.btn, #newsletter label { 
	letter-spacing:1px; 
	text-transform:uppercase; 
	font-weight:bold; 
	color:#333; 
}

