/* css Zen Garden submission 200 - 'Icicle Outback', by Timo Virtanen, http://www.timovirtanen.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Timo Virtanen */
/* Added: December 6th, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */   
   


body{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	#background:#EFF8A5 url(../cub_images/background.jpg) repeat-y left top;
	background:#EFF8A5 url(../cub_images/background.jpg) repeat-y left top;
	font-size:1.0em;
	color:#3b4046;;
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:justify;
	}

h1	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	color:#313565;;
	font-weight:normal;
	letter-spacing: 0em;
        margin-bottom: 20px;
	margin:0px 0px 20px 0px;
	padding:0;
	}

/*left column*/

#pageHeader{
	position:absolute;
	top:276px;
	left:19px;
	background:url(itle.gif) no-repeat left top;
	height:65px;
	width:220px;
	}

.csc-textpic-imagewrap{
	margin:0px 0px 10px 0px;
	}

.csc-textpic-caption{
	font-family:sans-serif, arial;
	font-size:10px;
	color:#red;;
	font-weight:normal;
	letter-spacing: 0em;
        line-height: 12px;
	}

#menu_1{
	position:absolute;
 	font-size:16px;
	padding-bottom:26px;
	border-top-width: thin;
	#border: none;
        border-bottom-style: solid;
	top:280px;
	left:33px;
	height:120px;
	width:220px;
	line-height: 25px;
	border: none;
	font-family: Arial;
	color: #3b4046;
	#letter-spacing: 2px;
	#font-weight:500;
	vertical-align: 250%;
	font-variant: normal;
	word-spacing: normal;
}

	
#quote p{
	position:absolute;
	top:518px;
	left:20px;
	height:200px;
	width:180px;
	line-height: 28px;
 	margin:0px 0px 20px 20x;
	font-style: italic;
	font-weight:500;
	font-size: 15px;
	font-family: "New Century Schoolbook", Times, serif;
	color: #3b4046;
	letter-spacing: 0.2em;
	vertical-align: bottom;
	word-spacing: normal; 
	text-align: right; 
	}
	
#col1{
	vertical-align:top;

}

p { 	font-size:16px;
	text-align:justify;
}
  
.detail {
	font-family:"Courier New", Arial, Helvetica, sans-serif;
	#letter-spacing: 0.1em;
	}

.important {
	color: #000000;
	font-weight:bold;
	letter-spacing: 0.1em;
	#font-style: italic;
	}

#contentarea {
	
	position:absolute;
	top:262px;
	left:263px;
	width:690px;
	color:#313565;
	font-size:1.1em;
	#overflow:hidden;
	line-height: 20px;
	letter-spacing: 0em;
	text-align:justify;

	}

	
#menu_2 ul {

	width: 256px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: 10px;
	padding-left: 0px; /* not recognized by IE */
}

#menu_2 li {
	background-image: url(../sky_images/snowflake.gif);
	text-indent: 0px;
	padding-top:0px;
	padding-right: 92px;
	list-style: none;
	font-size:  11px;
	text-indent: 0px;
	text-align: right;
	line-height: 40px;
}

#menu_2 li:hover{
	background-image: url(../sky_images/snowflake_hover.gif);
	text-indent: 0px;
	padding-top:0px;
	padding-right: 92px;
	list-style: none;
	font-size:  11px;
	text-indent: 0px;
	text-align: right;
	line-height: 40px;
}

#quickSummary a{ text-transform:uppercase; }
	
#preamble, #supportingText{
	position:relative;
	text-align:justify;
	width:370px;
	top:302px;
	left:150px;
	z-index:4;
	}
	
#preamble h3, #supportingText h3{ margin-top:40px; }
	
* html #preamble{ top:302px; }
	
#preamble h3 { background:transparent url(pics/header1.gif) no-repeat center top; height:55px; }
#explanation h3 { background:transparent url(pics/header2.gif) no-repeat center top; height:55px; }
#participation h3 { background:transparent url(pics/header3.gif) no-repeat center top; height:55px; }
#benefits h3 { background:transparent url(pics/header4.gif) no-repeat center top; height:55px; }
#requirements h3 { background:transparent url(pics/header5.gif) no-repeat center top; height:55px; }
	
#supportingText{
	width:370px;
	left:150px;
	margin-top:0;
	padding-bottom:40px;
	}
	
* html #supportingText{ padding-bottom:240px; }

#footer{
	text-align:center;
	background:transparent url(pics/footer.pg) no-repeat top center;
	height:55px;
	padding-top:10px;
	margin-top:40px;
	}
	
#footer a{ border-bottom:none; }
	
/*right column*/

#linkList{
	position:absolute;
	top:251px;
	width:210px;
	text-align:center;
	left:602px;
	font-size:0.85em;
	background:transparent url(pics/tright_list_bg.pg) repeat-y top left;
	}
	
#linkList h3{ padding:0; margin:0; }
	
#lselect h3{ margin-bottom:14px; }
	
#lselect a:link, #lselect a:visited{
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	color:#fff;
	border-bottom:none;
	}
	
#menu_3 a:hover, #lselect a:active{
	background-image: url(snowflake_hover.gif);
	/*
	text-indent: 0px;
	padding-top:0px;
	padding-right: 92px;
	list-style: none;
	font-size:  11px;
	text-indent: 0px;
	text-align: right;
	line-height: 40px;
	color:#a9e0ff;
	text-decoration:underline;
	*/
	}
	
#lselect a:link.c, #lselect a:visited.c{
	display:inline;
	text-transform:none;
	color:#a9e0ff;
	font-weight:normal;
	border-bottom:#a9e0ff dotted 1px;
	text-decoration:none;
	background:url('../sky_images/Snowflake_300h_sm.jpg') no-repeat top left;

	}
	
#lselect a:hover.c, #lselect a:active.c{
	color:#fff;
	border-bottom:#fff dotted 1px;
	}
	
#lselect ul{ margin-top:-290px; }
	
#lselect ul li + li{
	background:transparent url(../sky_images/Snowflake_300h_sm.jpg) no-repeat center top;
	padding-bottom:5px;
	padding-top:2px;
	}
	
* html #lselect ul li{ background:transparent url(pics/list_background_ie.pg) no-repeat center top; }
	
#lselect ul li{
	padding-bottom:5px;
	padding-top:2px;
	}
	
#larchives ul li, #lresources ul li{
	padding-bottom:0;
	padding-top:0;
	}
	
#lselect ul{
	background:transparent url(pics/design_bottom.pg) no-repeat left bottom;
	padding-bottom:30px;
	padding-right:30px;
	width:215px;
	}
	
#larchives ul{
	background:transparent url(pics/archives_bottom.pg) no-repeat left bottom;
	margin-top:-28px;
	padding-bottom:20px;
	padding-right:40px;
	width:205px;
	}
	
* html #larchives ul{ padding-bottom:14px; }
	
#lresources ul{
	background:transparent url(pics/resources_bottom.pg) no-repeat left bottom;
	padding-bottom:60px;
	margin-top:-28px;
	padding-right:40px;
	width:205px;
	}
	
* html #lresources ul{ padding-bottom:57px; }
	
#lselect h3 { background:transparent url(pics/design_header.pg) no-repeat left top; height:378px; width:245px; }
#larchives h3 { background:transparent url(pics/archives_header.pg) no-repeat left top; height:90px; width:245px; }
#lresources h3 { background:transparent url(pics/resources_header.pg) no-repeat left top; height:90px; width:245px; }

* html #larchives ul li, * html #lresources ul li{ background:none; }
	
/* global typography */

a:link, a:visited{
	color:#3b4046;
	text-decoration:none;
	}

a:hover, a:active{
	color:#fff;
	background-color: #3b4046;

	}
	
abbr, acronym{
	border-bottom:#fff dotted 1px;
	cursor:help;
	}
	
/*lists*/

ul{
	margin:0;
	padding:0;
	}

ul li{ list-style:none; }
	
/* hidden stuff */

#pageHeader h1,h2,
h3 span,
#extraDiv1,
#extraDiv2,
#extraDiv3,
#extraDiv4,
#extraDiv5,
#extraDiv6 { display:none; }

.bodytext .download{
  color:blue;
}