﻿/* @override http://www.excellenceintransition.org/files/transition/roadmap/css/cfeg_core.css */

/* @group general styles */

/* @group 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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* @end */


body {
		font-size: 62.5%;
		font-family: Georgia, Caslon, Garamond, "Times New-Roman", serif;
		padding: 0;
		margin: 0;
	background: #73a554 url(../img/interior_skyline_tile.jpg) repeat-x center -30px;
	text-align: center;
}

body#roadmap_intro {
	background: #73a554 url(../img/sky_bg_tile.jpg) repeat-x center -19px;
}


a[rel="external"] {

	background: url(../img/external_window_arrow.png) no-repeat right;
	padding-right: 20px;
}

#footer a[rel="external"] {
	background-image: none;
}
/* @end */


/* @group page structure */

/* @group typography */

h1, h2, h3, h4, h5, h6 {
	
}
h2 {
	margin: 0px 10px;
	font-size: 23px;
	line-height: 1.3;
	padding: 10px 10px;
	font-weight: normal;
	clear: both;
	background-color: #cfecf0;
}

h3 {
	margin: 5px 50px 10px 0px;
	clear: right;
	font-size: .8em;
}
h3#intro_text {
	margin: 10px 20px;
	font-size: 1.4em;
	line-height: 1.6;
}
p {
	margin: 0px 40px 10px 30px;
	font-size: .6em;
	font-weight: normal;
	line-height: 1.6;
		color: #222;	
		
}
p a {
	line-height: 1.6;
}

p, ol li li {
	font-family: Verdana, Helvetica, Arial, Sans-serif;
}


#content_wrapper ol ul {
	margin-left: 20px;
	margin-bottom: 10px;
    font-size: .6em;
    line-height: 1.6;
    font-weight: normal;
	
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* @end */

#wrapper {
	width: 90em;
	margin: 0 auto;
	position: relative;
	padding: 0;
	padding-top: 130px;
	background: transparent url(../img/interior_roadmap_v4.jpg) no-repeat -100px -29px;
}


h1#the_presidential_appointee_roadmap a{
	background: #73a554 url(../img/internal_roadmap_logo.jpg) no-repeat -13px -29px;
	text-indent: -4000px;
	position: absolute;
	top: 0;
	left: 20px;
	width: 470px;
	padding: 0;
	height: 50px;
	z-index: 0;
}
#roadmap_intro #wrapper {
	width: 1030px;
	background: url(../img/appointee_roadmap_v4.jpg) no-repeat 0 -15px;
	height: 815px;
	padding-top: 80px;
}



#content_wrapper {
	border: solid 1px black;
	border-top: none;
	background-color: white;
	width: 90em;
	float: left;
	display: inline;
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}


#roadmap_intro #content_wrapper {
	border: none;
	background-color: transparent;
	margin: 0;
}

#introduction #content_wrapper {
	border-top: solid 1px black;
	margin-top: 35px ;
}
ol {
	list-style-type: decimal;
	padding: 0 40px;
	font-size: 2em;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 0px;
	}
	
	ol li {
	clear: right;
	line-height: 1.6;
}
ol li li {
	float: none;
	clear: none;
	padding: 0;
	margin-left: 40px;
	list-style-type: square;
}

#path_switch_div {
	clear: both;
	color: white;
	padding-top: 1em;
	margin-top: 10px;
	margin: 10px auto;
	width: 47em;
}

#path_switch_div p {
	float: left;
	display: inline;
	color: white;
	font-size: 1.4em;
	margin: 0 0 0 0px;
}

#footer {
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: .9em;
	color: white;
}

#roadmap_intro #footer {
	position: absolute;
	top: 560px;
	left: 700px;
	text-align: center;
}
#footer a, #roadmap_intro #footer a {
	color: white;
	text-decoration: underline;
}

/*#footer #ceg_logo_link {
	float: left;
	padding-bottom: 20px;
	background-image: none;*/
}
#footer #ts_logo_link {
	float: center;
	background-image: none;
	margin-top: 10px;
}

#roadmap_intro #roadmap_intro #ts_logo_link {
	float: none;
	clear: both;
	display: block;
	margin: 0 auto;
}
/*#roadmap_intro #ceg_logo_link {
	margin-left: 0px;*/
}

* html #footer #ts_logo {
	margin-bottom: 0px;
}
/* @end */

/* @group page components */

/* @group nav_tabs */

#nav_tabs {
	float: left;
	display: inline;
	width: 90.2em;
	margin: 0;
	padding: 10px 0 0 0px;
	list-style: none;
	background:  url(../img/black_border.gif) repeat-x 0 bottom;
	}
#nav_tabs li {
	float: left;
	display: inline;
	margin: 0 0px 0 5px;
	padding: 0;
	font-size: 1.2em;
}

#nav_tabs li#t-introduction {
	margin-left: 50px;
}

#nav_tabs a {
	float: left;
	display: inline;
	display: block;
	padding: 4px 8px;
	color: #444;
	text-decoration: none;
	border: solid 1px black;
	border-bottom: none;
	background: #a2e448;
	font-family: Verdana, Helvetica, Arial, Sans-serif;
}

#page-introduction #t-introduction a,
#page-research #t-research a,
#page-selfassess #t-selfassess a,
#page-application #t-application a,
#page-nomination #t-nomination a   {
	background-color: white;
	color: black;
	padding-bottom: 5px;
}
/* @end */

/* @group roadmap page */

#roadmap_intro h2 {
	background-color: transparent;
	color:white;
	padding: 0;
	margin: 35px 0 5px 0;
	font-size: 20px;
}

#path_options li {
	color: white;
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}

#paths {

	position: relative;
	top:  55px;
	left: 95px;
	width: 400px;
}

h1#appointee_roadmap {
	text-indent: -3000px;
}
h1 {
	color: white;
	font-weight: normal;
	padding-left: 10px;
	font-size: 1.7em;
	margin: 5px 0 0 0;
	
}
#path_selection {
			
			margin-left: 20px;
					}
					
					
		#appointee_steps {
			list-style-type: none;
			text-align: center;
			color: gray;
			font-family: "Comic Sans MS", Georgia, Serif;
				}
		
		
		#appointee_steps li {
			color: #1c1973;
}
		
		#introduction_li {
			position: absolute;
			top: 365px;
			left: 116px;
			font-size: 9px;
			text-align: center;
	background: url(../img/introduction_sign_bg.gif) no-repeat right bottom;
	padding: 14px 10px 20px 6px;
	
}	
		
		#introduction_li a#introduction_link.linkactive {
	font-size: 3em;
	text-decoration: underline;
	color: #1c1973;
}
		
		span#intro_explanation {
		font-size: 1.2em;
		line-height: 1.4;
		padding: 0;
		
		color: #1c1973; 
	
		text-align: center;
		width: 160px;
		
}

	#intro_explanation br {
	padding: 0;
	margin: 0;
	line-height: 0;
}
		ul#appointee_steps #research_li {
			position: absolute;
			top: 432px;
			left: 566px;
			width: 180px;
			font-size: 20px;
			text-align: center;
	padding: 0 10px 30px 10px;
	background: transparent url(../img/research_sign_bg.gif) no-repeat 0 bottom;
}

#appointee_steps #selfassess_li {
			position:absolute;
			top: 295px;
			left: 405px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			line-height: 1.4;
			width: 151px;
	padding: 0px 5px 15px 5px;
	background: url(../img/selfassess_sign_bg.gif) no-repeat 0 bottom;
}
		
		#application_li {
			position:absolute;
			top: 265px;
			left: 709px;
			font-size: 13px;
			font-weight: bold;
			line-height: 1.2;
			width: 136px;
			text-align: center;
	background: url(../img/application_sign_bg.gif) no-repeat 0 bottom;
	padding: 0 5px 20px 5px;
}

		#appointee_steps #nomination_li {
	background: transparent url(../img/nomination_sign.gif) no-repeat center top;
		padding: 30px 0 70px 0;
		width: 130px;
		position: absolute;
		font-size: 12px;
		font-weight: bold;
		left: 820px;
		top: 135px;
		display: block;
		text-align: center;
		
	
}
 a#nomination_link {
	width: 50px;
	background-color: #f7ebd1;
}
#roadmap_intro a, #roadmap_intro a:link, #roadmap_intro a:hover, #roadmap_intro a:active {
		color: #1c1973;
			text-decoration: underline;
			line-height: 130%;
		}
#roadmap_intro a.linkactive {
			color: #1c1973;
			text-decoration: underline;
			
		}


		
.linkdefault {
	color: #grey;
	line-height: 130%;
	background-color: transparent;
	text-decoration: none;
}


/* @end */


blockquote {
	float: right;
	display: inline;
	width: 260px;
	padding: 30px 20px 20px 20px;
	margin: 0px 0px 10px 20px;
	font-size: .6em;
	font-weight: normal;
	line-height: 1.6;
	font-style: italic;
	clear: right;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
	background: #d5d5e2 url(../img/hint_background.png) no-repeat;
}

ul#positions {
	padding: 0;
}

#positions li {
	margin: 0;
	list-style-type: none;
	margin-bottom: 20px;
	border: solid 1px black;
	padding: 20px;
		-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

li#sch-c, li#pa {
	background-color: #f0e0cb;
}

li#ncses, li#pas {
	background-color: #b5e496;
}
/* @end */

/* @group overrides */

#introduction a:visited {
	color: blue;
}

/* @end */