html { height: 100%; background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }

body { min-height: 100%; margin: 0; padding: 0; background: #003566; }

table { border-collapse: collapse; }

form { margin: 0; padding: 0; }

ol, ul, li { margin: 0; padding: 0; }
ol { padding: 0 0 1em 1.75em; }
ul { padding: 0 0 1em 1.75em; }
ol.spaced > li, ul.spaced > li { margin-bottom: 1em; }

a.external { padding-right: 25px; background: url(link_ext.gif) center right no-repeat; }
a.pdf { padding-right: 25px; background: url(link_pdf.gif) center right no-repeat; }

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.small { font-size: .85em; }

.big {
	color: #003366;
	font-size: 1.5em;
	line-height: 1.25em;
}

.title_1 {
	margin-bottom: 1em;
}

.title_2 h2 {
	display: inline;
	padding-right: 0.5em;
	color: #336699;
	font-size: 2em;
	line-height: 1.25em;
}

.title_2 .category {
	white-space: nowrap;
	color: #0066cc;
}

.title_2 .category a {
	color: #0066cc;
	padding-right: 15px; background: url(arrow_1.gif) center right no-repeat;
}

#anzka {
	position: absolute; left: 70px; top: 100px; width: 90px; height: 50px; margin: 0; z-index:2;}
#skatelescope {
	position: absolute; left: 160px; top: 100px; width: 120px; height: 50px; margin: 0; z-index:2;}
	
#anzka a, #skatelescope a { display: block; height: 100%; width: 100%; text-indent: -100em; }

#ska_1 {
	height: 100%;
	background: url(stars.jpg) 50% top repeat-x;
}

#ska_2 {
	min-height: 100%;
	background: url(header_bkg.jpg) 50% top no-repeat;
}

#ska_3 {
	width: 950px; margin: 0 auto;
	background: url(body_bkg.gif) repeat-y;
	position: relative;
}

#ska_4 {
	background: url(header_bkg.jpg) 50% top no-repeat;
	position: relative;
}

#header {
	position: relative;
	height: 192px;
}

#header #logo { position: absolute; left: 53px; top: 8px; width: 238px; height: 136px; margin: 0; }
#header #logo a { display: block; height: 100%; width: 100%; text-indent: -100em; }

#header ul { position: absolute; left: 422px; top: 86px; width: 493px; margin: 0; padding: 0; list-style: none; }
#header li a { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -100em; }

#header .home { float: left; }
#header .home a { background: url(header_nav.gif); width: 74px; height: 54px; }
#header .home a { background-position: 0 top; }
#header .home a:hover { background-position: 0 center; }
#header .home_on a { background-position: 0 bottom; }
#header .home_on a:hover { background-position: 0 bottom; }

#header .topics { float: left; }
#header .topics a { background: url(header_nav.gif); width: 101px; height: 54px; }
#header .topics a { background-position: -74px top; }
#header .topics a:hover { background-position: -74px center; }
#header .topics_on a { background-position: -74px bottom; }
#header .topics_on a:hover { background-position: -74px bottom; }

#header .downloads { float: left; }
#header .downloads a { background: url(header_nav.gif); width: 111px; height: 54px; }
#header .downloads a { background-position: -175px top; }
#header .downloads a:hover { background-position: -175px center; }
#header .downloads_on a { background-position: -175px bottom; }
#header .downloads_on a:hover { background-position: -175px bottom; }

#header .educators { float: left; }
#header .educators a { background: url(header_nav.gif); width: 102px; height: 54px; }
#header .educators a { background-position: -286px top; }
#header .educators a:hover { background-position: -286px center; }
#header .educators_on a { background-position: -286px bottom; }
#header .educators_on a:hover { background-position: -286px bottom; }

#header .more { float: left; }
#header .more a { background: url(header_nav.gif); width: 105px; height: 54px; }
#header .more a { background-position: -388px top; }
#header .more a:hover { background-position: -388px center; }
#header .more_on a { background-position: -388px bottom; }
#header .more_on a:hover { background-position: -388px bottom; }

#content_1 {
	color: #666666;
	line-height: 1.5em;
}

#content_2 {
	background: url(body_bkg_top.gif) top no-repeat;
	padding: 0 39px 110px 39px;
}

#content_3 {
}

#content_1 a {
	color: #0066cc;
}

#content_1 .left {
	float: left;
	width: 536px;
	padding: 0 10px 40px 0;
	position: relative;
	background: url(hr_bkg.gif) bottom right no-repeat;
}

#content_1 .right {
	float: right;
	width: 238px;
	padding: 0 6px 40px 0;
	position: relative;
	background: url(hr_bkg.gif) bottom right no-repeat;
}

#content_1 .full {
	width: 800px;
	padding: 0 6px 40px 0;
	background: url(hr_bkg.gif) bottom right no-repeat;
}

#content_1 h3 {
	color: #336699;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 0;
}

#content_1 h4 {
	color: #336699;
	font-size: 1.25em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#foot_1 {
	position: relative; width: 950px; margin: 0 auto;
}

#foot_2 {
	position: absolute; bottom: 0; left: 39px;
	width: 828px;
	padding: 59px 22px 22px 22px;
	background: url(body_bkg_foot.gif) top repeat-x #006eab;
	color: #fff;
}

#foot_1 * {
	color: #fff;
}

button {
 	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	padding: 0;
	margin: 2px;
	cursor: pointer;
	background-color: transparent;
	white-space: nowrap;
	#width: auto;
	#overflow: visible;
}

.box_266_1 {
	background: url(box_266_1.gif) repeat-y;
	width: 266px;
	text-align: left;
}

.box_266_2 {
	background: url(box_266_2.gif) top no-repeat;
}

.box_266_3 {
	padding: 25px 33px 10px 16px;
	min-height: 122px;
}

.box_400_1 {
	background: url(box_400_1.gif) repeat-y;
	width: 400px;
	text-align: left;
}

.box_400_2 {
	background: url(box_400_2.gif) top no-repeat;
}

.box_400_3 {
	padding: 25px 33px 10px 16px;
	min-height: 122px;
}

.box_560_1 {
	background: url(box_560_1.gif) repeat-y;
	width: 560px;
	text-align: left;
}

.box_560_2 {
	background: url(box_560_2.gif) top no-repeat;
}

.box_560_3 {
	padding: 25px 33px 18px 16px;
	min-height: 122px;
}

.box_650_1 {
	background: url(box_650_1.gif) repeat-y;
	width: 650px;
	text-align: left;
}

.box_650_2 {
	background: url(box_650_2.gif) top no-repeat;
}

.box_650_3 {
	background: url(box_650_3.gif) bottom no-repeat;
	padding: 25px 33px 54px 16px;
	min-height: 146px;
}

.box_818_1 {
	background: url(box_818_1.gif) repeat-y;
	width: 818px;
	text-align: left;
	position: relative;
}

.box_818_2 {
	background: url(box_818_2.gif) top no-repeat;
}

.box_818_3 {
	background: url(box_818_3.gif) bottom no-repeat;
	padding: 55px 63px 64px 46px;
	min-height: 146px;
}

#content_1 .box_266_1 h3, #content_1 .box_400_1 h3, #content_1 .box_560_1 h3, #content_1 .box_650_1 h3, #content_1 .box_818_1 h3 {
	color: #336699;
	font-size: 2em;
	font-weight: normal;
	line-height: 1em;
	margin-top: 0;
}

.button_1_1 {
	height: 32px;
	background: url(button_1_1.gif) center repeat-x;
}

.button_1_2 {
	height: 100%;
	background: url(button_1_2.gif) left center no-repeat;
}

.button_1_3 {
	height: 100%;
	background: url(button_1_3.gif) right center no-repeat;
}

.button_1_4 {
	display: table-cell; vertical-align: middle;
	line-height: 32px;
	padding: 0 38px 0 10px;
	min-width: 44px;
	text-align: center;
	color: #0066cc;
	font-size: 1.1em;
}

.button_2_1 {
	height: 27px;
	background: url(button_2_1.gif) center repeat-x;
}

.button_2_2 {
	height: 100%;
	background: url(button_2_2.gif) left center no-repeat;
}

.button_2_3 {
	height: 100%;
	background: url(button_2_3.gif) right center no-repeat;
}

.button_2_4 {
	display: table-cell; vertical-align: middle;
	line-height: 27px;
	padding: 0 10px;
	min-width: 12px;
	text-align: center;
	color: #0066cc;
	font-size: 1.1em;
}

.button_3_1 {
	height: 32px;
	background: url(button_3_1.gif) center repeat-x;
}

.button_3_2 {
	height: 100%;
	background: url(button_3_2.gif) left center no-repeat;
}

.button_3_3 {
	height: 100%;
	background: url(button_3_3.gif) right center no-repeat;
}

.button_3_4 {
	display: table-cell; vertical-align: middle;
	line-height: 32px;
	padding: 0 38px 0 10px;
	min-width: 44px;
	text-align: center;
	color: #0066cc;
	font-size: 1.1em;
}

#template_1 {
	padding: 0 20px 0 34px;
}

#template_2 {
	padding: 0 20px 0 34px;
}

#template_3 {
	padding: 0 20px 0 34px;
}

#template_2 .intro {
	width: 653px;
}

#template_3 .intro {
	width: 375px;
	min-height: 85px;
}

.popup_1 {
	position: absolute;
	display: none;
	width: 353px;
	text-align: left;
	z-index:3;
}

.popup_2 {
	margin: 27px 25px 79px 61px;
}

.popup_3 {
	background: url(/global/popup_1.png) repeat-y;
	_background: url(/global/popup_1.gif) repeat-y;
}

.popup_4 {
	background: url(/global/popup_2.png) no-repeat;
	_background: url(/global/popup_2.gif) no-repeat;
}

.popup_5 {
	background: url(/global/popup_3.png) no-repeat;
	_background: url(/global/popup_3.gif) no-repeat;
}

#tabs {
	width: 238px; height: 60px;
	background: url(tabs.gif);
}

#tabs .newer { float: left; width: 84px; height: 60px; text-indent: -100em; cursor: pointer; }

#tabs .display { float: left; width: 70px; height: 60px; text-align: center; color: #ffcc33; font-size: .85em; line-height: 40px; }

#tabs .older { float: left; width: 84px; height: 60px; text-indent: -100em; cursor: pointer; }

#worktab {
	float: right; width: 205px; height: 44px; margin: -59px 0 0 0;
	font-size: 1.5em;
	font-weight: bold;
}

#worktab .tab {
	width: 41px; height: 44px; float: left; line-height: 44px; text-align: center; background: url(worktab.gif);
}

#worktab a {
	display: block;
}

#content_1 ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

#content_1 ul li {
	background: url(bullet.gif) left top no-repeat;
	padding-left: 12px;
	min-height: 13px;
}

.responses {
	background-color: #eaeff1;
}

.responses .count {
	color: #ffffff;
	background: url(responses_bubble.gif) no-repeat;
	margin-left: 7px;
	margin-right: 5px;
	width: 29px;
	height: 26px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	float: left;
}

.responses .thanks {
	color: #000000;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 1.1em;
}

.responses .response {
	color: #000000;
	margin-right: 10px;
	line-height: 1.1em;
}

.responses .date {
	clear: both;
	padding-right: 10px;
	color: #666666;
	font-size: 0.85em;
	font-style: italic;
	text-align: right;
}

.responses .field {
	padding: 0 10px;
	font-size: 1.2em;
	color: #0066cc;
	font-style: italic;
}

.responses textarea {
	margin: 5px 10px;
	width: 218px;
	height: 10em;
}

.responses input {
	margin: 5px 10px;
	width: 218px;
}

.responses button {
	margin: 20px 10px 10px 10px;
}

#shrink {
	height: 105px;
	padding-bottom: 35px;
	visibility: hidden;
}

.strip_1 {
	position: relative; width: 0; height: 0;
}

.strip_2 {
	position: absolute;
	bottom: 0;
	_bottom: -22px;
	width: 804px;
	height: 45px;
	margin-top: 2em;
	margin-left: -42px;
	background: url(strip.gif) no-repeat;
}

.strip_links a, .strip_links span {
	float: left; padding-left: 20px; height: 45px; line-height: 45px; font-size: .85em;
}

.strip_button {
	float: right; padding: 6px 20px 0 0;
}