/* default font size*/
@import url(medium.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

h1 {
  font-size: 130%;
  font-weight: bold;
}

h2 {
  font-size: 110%;
  font-weight: bold;
}


/* R E S E T */


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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* G E N E R A L */


body,td,th {
	color: #0D0D0D;
	font-family: Georgia, Times, serif;
	font-size: 1.15em;
	line-height: 1.4em;
}
body {
	background-color: rgb(173,224,246);
	background-image: url(../images/body-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
a {
	font-family: Helvetica, Arial, sans-serif;
	color: rgb(0,95,194);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: rgb(13,44,127);
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #D2AA43;
}
.img-right {
	float:right;
	clear:both;
	padding: 5px 0px 0px 20px;
}
.img-left {
	float:left;
	clear:both;
	padding: 5px 20px 0px 0px;
}
em {
	font-style: italic;
}
strong {
	color: rgb(13,44,127);
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
}


/* C O N T A I N E R S */


#container {
	width: 960px;
	margin: 0 auto 0 auto;	
	text-align: left;
	position: relative;
}
#nav-container {
	float: left;
	width: 960px;
}


/* C O M M O N   E L E M E N T S */


#masthead {
	background-image: url(../images/masthead-bg.jpg);
	background-repeat: no-repeat;
	background-position:right;
	float: left;
	width: 960px;
}
#content {
	background-color: #FFFFFF;
	background-image: url(../images/partners-divider.png);
	background-repeat: no-repeat;
	background-position:bottom center;
	float: left;
	padding-bottom: 25px;
	width: 960px;
}
#topnav {
	background-image: url(../images/topnav-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: rgb(0,95,194);
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 600;
	height: 33px;
	padding-top: 10px;
	width: 960px;
	position:relative;
}
#topnav #icons {
	float:right;
}
#toplist li form input {
	float: left;
}
#toplist {
	float: left;
	margin-left: 35px;
}
#toplist li {
	border-left: 1px solid rgb(162,164,112);
	color: rgb(0,95,194);
	display: inline;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	list-style-type: none;
	padding: 0 3px 0 8px;
}
#subnav li {
	float: left;
}
#subnav ul {
	border-top: 1px solid #D1D1D1;
	list-style-type: none;
	width: 150px;
}
#subnav ul li a {
	background-color: #FFFFFF;
	border-bottom: 1px solid #D1D1D1;
	color: rgb(10,44,126);
	float: left;
	font-size: 1em;
	font-weight: 600;
	padding: 7px 0 5px 15px;
	width: 135px;
}
#subnav ul li a:hover {
	background-color: #EAEAEA;
	background-position: top;
	background-repeat: repeat-x;
	color: rgb(0,95,194);	
}
#page_title {
	border-bottom: 1px solid #D1D1D1;
	color: rgb(0,95,194);
	font-family: Georgia, Times, san-serif;
	font-size: 2.25em;
	font-style: italic;
	height: 40px;
	line-height: 1em;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
}
#page_title_2line {
	border-bottom: 1px solid #D1D1D1;
	color: rgb(0,95,194);
	font-family: Georgia, Times, san-serif;
	font-size: 2.25em;
	font-style: italic;
	height: 70px;
	line-height: 1em;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
}
#image_caption {
	background: #FFFFFF;
	border: 1px solid #D1D1D1;
	float: left;
	margin: 0 15px 10px 0;
	padding: 8px;
}
#col_2-3 #image_caption p {
	font-family: Georgia, Times, san-serif;
	font-size: .9em;
	padding: 8px 0 0 0;
}
#image_caption img {
	padding: 0;
}
#partners {
	background-color: #FFFFFF;
	background-image: url(../images/partners-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	float: left;
	padding: 10px 0 15px 0;
	width: 960px;
}
#partners img {
	border: 1px solid #D1D1D1;
	float: left;
	margin: 0 10px 8px 0;
}
#partners #col_4 {
	float: left;
	padding-left: 5px;
	padding-top: 0;
	width: 220px;
}
#font-sizer {
	border-left: 1px solid rgb(162,164,112);
	float: left;
	margin-left: 5px;
	padding: 0 0 0 8px;
}
#font-sizer form, #font-sizer p {
	float: left;
}
#font-sizer p {
	float: left;
	font-size: 16px;
	line-height: 22px;
	padding-right: 8px;
}
#trademark {
	background-image: url(../images/MS-logo.png);
	background-repeat: no-repeat;
	background-position: 40px 18px;
	float: left;
	height: 107px;
	text-indent: -9999px;
	width: 220px;
}
#trademark img {
	float: left;
	text-indent: 0;
}
#intro {
	float: left;
	position: relative;
	left: 100px;
	text-indent: -9999px;
	width: 580px;
}
#intro p {
	font-family: Georgia, serif;
	font-size: 1.25em;
	line-height: 1.75em;
	padding: 0 0 20px 0;
	margin: 0;
}
#intro span {
	color: #D2AA43;
}
#intro span {
	color: #D2AA43;
}
#intro img {
	float: right;
	text-indent: 0;
}
#footer {
	float: left;
	padding: 20px 0 20px 0;
	text-align: center;
	width: 960px;
}
#footer h1 {
	color: rgb(180,106,0);
	font-family: Georgia, Times, serif;
	font-size: 1.75em;
	font-style: italic;
	padding-bottom: 5px;
}
#footer h2 {
	color: rgb(13,44,127);
	font-family: Georgia, Times, serif;
	font-size: 1.35em;
	padding-bottom: 10px;
}
#footer p {
	color: rgb(13,44,127);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	line-height:1em;
	padding-bottom:1em;
}


/* N A V I G A T I O N */


/* Measurements for the nav image replacement:
	
		The distance from the top to the...
			initial state = 0
			rollover state = 66px
			active state = 132px
	
		The distance from the far-left to the...
			Help button = 0px
			Resource button = 250px
			CRTS button = 485px
			Education button = 725px
					
		The width of the...
			Help button = 250px
			Resource button = 235px
			CRTS button = 240px
			Education button = 235px
			
		
------------------------------------------------------------ */

#navcontainer {
	float: left;
	height: 66px;
	width: 960px;
}
ul#menu li {
	float: left;
	list-style-type: none;
}
ul#menu li a {
	height: 66px;
	display: block;
	text-indent: -9999px;
}	
li#navHelp a, li#navResource a, li#navCRTS a, li#navEducation a {
	background: url(../images/navigation.jpg);
}	
li#navHelp a { 							background-position: 0 0; width: 250px; left: 0; }
li#navHelp a:hover { 					background-position: 0 -66px; }
body#pageHelp li#navHelp a { 			background-position: 0 -132px; }

li#navResource a { 						background-position: -250px 0; width: 235px; left: 250px; }
li#navResource a:hover { 				background-position: -250px -66px; }
body#pageResource li#navResource a { 	background-position: -250px -132px; }

li#navCRTS a {							background-position: -485px 0; width: 240px; left: 485px; }
li#navCRTS a:hover {					background-position: -485px -66px; }
body#pageCRTS li#navCRTS a {				background-position: -485px -132px; }

li#navEducation a {						background-position: -725px 0; width: 235px; left: 725px; }
li#navEducation a:hover {				background-position: -725px -66px; }
body#pageEducation li#navEducation a {	background-position: -725px -132px; }


/* J A V A S C R I P T  D R O P D O W N S */


.menu div {
	position: absolute;
	visibility: hidden;
	float: left;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
	width: 200px;
	text-indent: 0;
}
.menu div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 200px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	text-indent: 0;
}
.menu div a:hover {
	background: #49A3FF;
	color: #FFF
}


/* H O M E P A G E   E L E M E N T S */

#button-courses h1 a, #button-courses-paddingtop h1 a {
	background-image: url(../images/button-courses.png);
	background-repeat: no-repeat;
	float: left;
	height: 145px;
	width: 220px;
}
#button-courses h1 a:hover, #button-courses-paddingtop h1 a:hover {
	background-image: url(../images/button-courses-over.png);
}
#button-courses h1 a span, #button-courses-paddingtop h1 a span {
	float: left;
	text-indent: -9999px;
}
#button-courses h1 a {
}
#button-courses-paddingtop {
	float: left;
	padding-top: 15px;
}




#button-directory h1 a {
	background-image: url(../images/button-directory.png);
	background-repeat: no-repeat;
	float: left;
	height: 145px;
	width: 220px;
}
#button-directory h1 a:hover {
	background-image: url(../images/button-directory-over.png);
}
#button-directory h1 a span {
	float: left;
	text-indent: -9999px;
}
#button-directory h1 a {
}



#button-canada h1 a, #button-canada-paddingtop h1 a {
	background-image: url(../images/button-canada.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 91px;
	width: 220px;
}
#button-canada h1 a:hover, #button-canada-paddingtop h1 a:hover {
	background-image: url(../images/button-canada-over.jpg);
}
#button-canada h1 a span, #button-canada-paddingtop h1 a span {
	float: left;
	text-indent: -9999px;
}
#button-canada h1 a {
}
#button-canada-paddingtop {
	float: left;
	padding-top: 15px;
}

#button-register h1 a {
	background-image: url(../images/button-register.png);
	background-repeat: no-repeat;
	float: left;
	height: 62px;
	margin-left: 30px;
	width: 220px;
}
#button-register h1 a:hover {
	background-image: url(../images/button-register-over.png);
}
#button-register h1 a span {
	float: left;
	text-indent: -9999px;
}
#button-test h1 a {
	background-image: url(../images/button-test.png);
	background-repeat: no-repeat;
	float: left;
	height: 62px;
	margin-top: 15px;
	width: 220px;
}
#button-test h1 a:hover {
	background-image: url(../images/button-test-over.png);
}
#button-test h1 a span {
	float: left;
	text-indent: -9999px;
}
#book {
	background-color: rgb(243,243,221);
	background-image: url(../images/guidebook.jpg);
	background-position: top;
	background-repeat: no-repeat;
	border: 1px solid #D1D1D1;
	float: left;
	margin-top: 15px;
	padding: 184px 14px 15px 14px;
}
#book h1 {
	color: rgb(0,95,194);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.13em;
	font-weight: 600;
	line-height: 1.38em;
}
#book p {
	padding-bottom: 10px;
}
#book a {
	background-image: url(../images/button-learnmore.png);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 190px;
}
#book span a {
	float: left;
	text-indent: -9999px;
}
#teaser {
	color: rgb(13,44,127);
	float: left;
	font-family: Georgia, Times, serif;
	font-size: 1.8em;
	line-height: 1.25em;
	padding-top: 15px;
	width: 220px;
}
#teaser span {
	font-size: .7em;
	line-height: 2em;
}
#courses {
	float: left;
	padding-top: 15px;
}
#courses h1 {
	color: rgb(13,44,127);
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	font-style: italic;
}
#courses h2 {
	border-top: 1px dashed #D1D1D1;
	color: rgb(13,44,127);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.38em;
	font-weight: 600;
	margin-top: 5px;
	padding-top: 5px;
}
#courses p {
	font-size: 0.9em;
	line-height: 1.38em;
}
#courses p a {
	color: rgb(13,44,127);
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
}
#courses p a:hover {
	color: rgb(0,95,194);
	text-decoration: underline;
}
#event {
	float: left;
	margin-top: 15px;
}
#event img {
	border: 1px solid #D1D1D1;
}
#twitter_div{
	background-image: url(../images/twitter.png);
	background-position: 395px 5px;
	background-repeat: no-repeat;
	background-color: rgb(243,243,221);
	border-top: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 25px 10px 30px;
	width: 410px;
}
#twitter_div h2.flushleft{
	padding: 10px 0 10px 0;
	margin: 2px 0 2px 0;
	text-align: left;
}
#twitter_div h2.flushleft span {
	font-size: 12px;
	line-height: 16px;
}
#twitter_div ul {
	padding-bottom: 3px;
}
#twitter_div li {
	background-image: url(../images/twitter-li-bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 5px 0 0 0;
	padding: 0 12px 22px 12px;
}
#twitter_div li a {
	color: #999999;
}
#twitter_div li a:hover {
	color: #333333;
}

/* C O L U M N S */


#col_1 {
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	width: 220px;
}
#col_subnav {
	float: left;
	padding-top: 60px;
	width: 165px;
}
#col_2, #col_3 {
	float: left;
	padding-left: 15px;
	padding-top: 15px;
	width: 220px;
}
#col_4 {
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	width: 220px;
}
#col_1-2 {
	float: left;
	width: 470px;
}
#col_2-3 {
	float: left;
	width: 540px;
}
#col_1-3 {
	float: left;
	padding-left: 15px;
	width: 700px;
}
#col_3-4 {
	float: left;
	padding-left: 20px;
	width: 470px;
}
#col_1-2 p, #col_1-2 h1, #col_1-2 h2, #col_1-2 blockquote {
	padding-left: 30px;
}
#col_1-2 p, #col_2-3 p, #col_2-3 ul li {
	font-size: 1.15em;
	line-height: 1.4em;
	padding-bottom: 12px;
}
#col_2-3 p, #col_2-3 h2 {
	padding-left: 30px;
	padding-right: 30px;
}
#col_2-3 p2 {
	border-bottom: 1px solid #D1D1D1;
	color: rgb(13,44,127);
	float: left;
	font-size: 1em;
	line-height: 1.35em;
	padding: 0 30px 17px 20px;
	margin-bottom: 10px;
	margin-left: 30px;
	width: 455px;
}
#col_2-3 h2 {
	color: rgb(13,44,127);
	font-size: 1.45em;
	font-style: italic;
	font-weight: 400;
	line-height: 1.25em;
	padding-bottom: 5px;
}
#col_2-3 h3 {
	color: rgb(13,44,127);
	font-size: 1.5em;
	line-height: 1.3em;
	padding: 8px 30px 12px 0;
	margin: 0 0 12px 30px;
}
#col_2-3 h4 {
	color: rgb(13,44,127);
	font-size: 1.45em;
	font-style: italic;
	font-weight: 400;
	line-height: 1.25em;
	padding: 5px 0 5px 30px;
}
#col_2-3 h5 {
	background-image: url(../images/quote-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1.25em;
	float: left;
	line-height: 1.38em;
	padding: 5px 30px 0 30px;
	margin: 0 0 12px 0;
}
#col_2-3 blockquote {
	border-bottom: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	color: rgb(0,95,194);
	font-size: 1.75em;
	font-style: italic;
	line-height: 1.36em;
	padding: 8px 30px 12px 0;
	margin: 0 0 12px 30px;
}
#col_2-3 blockquote span {
	color: #444444;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .65em;
	font-style: normal;
	line-height: 1.15em;
}
#col_2-3 blockquote a {
	color: rgb(0,95,194);
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
}
#col_2-3 blockquote a:hover {
	color: rgb(13,44,127);
}
#col_2-3 ul {
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
#col_2-3 ul li ol {
	font-size: .9em;
	font-style: italic;
	list-style-type: upper-alpha;
	margin-left: 15px;
	padding: 10px 30px 0 30px;
}
#col_2-3 ul li ol li ul {
	font-size: .82em;
	list-style-type: square;
	margin-left: 15px;
	padding: 10px 30px 0 30px;
}
#col_1-2 p a {
	background-color: rgb(220,243,251);
	border: 1px solid #D1D1D1;
	clear: left;
	color: rgb(13,44,127);
	float: left;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 12px;
	padding: 5px 10px 5px 10px;
}
#col_1-2 p a:hover {
	background-color: rgb(194,234,248);
}
#col_1-2 img {
	padding-bottom: 20px;
}
#col_1-2 h2 {
	color: rgb(13,44,127);
	font-size: 1.5em;
	line-height: 1.3em;
	padding: 8px 0 8px 0;
	margin-left: 30px;
}
#schedule {
	float: left;
	padding: 15px 0 10px 15px;
	width: 690px;
}