/* basic elements */

* {margin:0;padding:0;}

body {
	background:#0088d3 url(../images/gradientyellowblue.gif) repeat-x;
	font-size:100.01%;
	font-family:"trebuchet ms", verdana, sans-serif;
	color: #006666;
	
	}

p {padding:10px 30px 10px 20px; font-size:0.9em; line-height:1.6}

a{text-decoration:none}
a:link{color:#E5FBBB}
a:visited{color:#B8DBFF}
a:hover, a:active{color:white}

acronym{cursor:help}

/* specific divs */


#container{position:relative; 
    margin-right: auto;
	margin-left: auto;
	min-width:744px; 
	max-width:1080px;}

#intro{
	height:1%;
	border-right:1px solid #2B4D70;
	border-left:1px solid #2B4D70;
	margin:20px 240px 0 0;
	background:url(../images/back_top_gyb.gif)}
#pageHeader{ 
	
	height:365px}
#pageHeader h1 span{
	display:none;
	background-image: url(../images/head.jpg);
}
#pageHeader h2 span{ /*misused for the googbye-grafic*/
	color:#3C6FAC;
	position:absolute;
	bottom:0px;
	right:128px;
	width:112px;
	height:69px;
	background:url(bye.gif);
	font-size:0px;
	line-height:0px}
#supportingText{
	border-right:1px solid #2B4D70;
	border-left:1px solid #2B4D70;
	margin:0 240px 0 0}
#quickSummary{text-align:center}
#quickSummary p{
	color:#C5E1FF;
	font-style:italic;
	padding:0}
#quickSummary p.p1{
	font-size:1.5em;
	margin:0px 10px 0px 80px;
	
	float:left}
#quickSummary p.p2{
	float:right;
	font-size:0.8em;
	margin:0px 100px 0px 0px;
	
	}
#quickSummary a:link, #quickSummary a:visited{text-decoration:underline; color:#C5E1FF}
#quickSummary a:hover, #quickSummary a:active{text-decoration:underline; color:white}

#preamble{background:#00cc99; clear:both}
#preamble h3{
	height:55px;
	background:#99cc33 url(../images/purpose.jpg) no-repeat;
	border-top:1px solid #BDCCA3;
	border-bottom:1px solid #386496}
#preamble h3 span{display:none}

#supportingText{background:#00cc99}
#supportingText h3{ 
	height:55px;
	border-top:1px solid #BDCCA3;
	border-bottom:1px solid #386496}
#supportingText h3 span {display:none}
#explanation h3{background: #669933 url(../images/events.jpg) no-repeat}
#participation h3{background: #99cc33  url(../images/photos.jpg) no-repeat}
#benefits h3{background: #669933  url(../images/join.jpg) no-repeat}
#requirements h3{background: #99cc33   url(../images/awards.jpg) no-repeat}

#footer {
	text-align:left;
	background:#DE5608;
	padding:10px 20px;
	border-top:1px solid #EFAE89}
#footer a{
	color:#F4A21F;
	font-size:0.8em}
#footer a:visited{color:#992D2A}
#footer a:hover{color:white}

#linkList{
	font:0.8em/1.6 "trebuchet ms", verdana, sans-serif; 
	position:absolute;
	right:0px;
	top:-1px}
#linkList2{width:201px}
#linkList h3{  
	width:201px; 
	height:53px;
	border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 199px}
.dummy{margin: 0}
#linkList h3 span{display:none}
#linkList h3 span{display:none}
#linkList h3.select{background:transparent url(../images/announcement_sb.jpg)}
#linkList h3.favorites{background:transparent url(../images/archives_sb.jpg)}
#linkList h3.archives{background:transparent url(../images/archives_sb.jpg)}
#linkList h3.resources{background:transparent url(../images/contact_sb.jpg)}
#linkList ul{
	background:#B7D1ED;
	border-right:1px solid #3D82AD;
	border-left:1px solid #3D82AD}
#lresources ul{
	padding:0 0 41px 0; 
	background:#B7D1ED}
#linkList li{
	list-style-type:none;
	display:block;
	border-bottom:1px solid #3D82AD;
	color:#0066CC;
	padding:7px 0 7px 10px;
	font-size: 1.1em;
}
#linkList li a{
	font-weight:bold;
	display:block;
	color:white;
	background:url(heart.gif) no-repeat 0px 55%;
	padding:0 0 0 15px}
#linkList li a:hover{color:#3D82AD; background:url(../images/heart2.gif) no-repeat 0px 55%}
#linkList li a:visited{font-weight:normal}
#linkList li a.c{
	letter-spacing:0.2em;
	color:#3D82AD;
	font-size:0.81em;
	font-weight:normal;
	display:inline;
	text-transform:uppercase;
	background:none;
	padding:0 0 0 5px}
#linkList li a.c:hover{font-weight:bold; background:none}
h4 {
	padding:10px 30px 10px 20px;
	font-family: "Century Gothic", sans-serif;
	font-size: 1.0em;
	line-height: 1.8em;
	font-weight: bold;
	color: #006666;
}
li {
	font-size: 0.9em;
	padding:0 0 7px 0px;
	margin: 0px 0px 0px 25px;
}
.plus {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

