/*

	CSS for teachenergy.org
	Global Institute of Sustainability
	Arizona State University

	Designed by: 	Visdom, LLC
					http://www.visdomdesign.com

*/

@import url(reset_reloaded.css);

body {
		background:url(../images/BG_city.jpg) #000 no-repeat;
		font-size: small;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		color:#FFF;
		margin:0 5px;
}

/* ----------container to center the layout---------- */
#container {
		background:none;
		width: 630px;
		padding:0px;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
}


/* ----------header and navigation-------------- */
#front_head {
		background-color: transparent;
		height: 100px;
		text-align: left;
		padding-top: 108px;
		margin-bottom: 10px;
}
#head {
		background:url(../images/windmill_nav.gif) no-repeat bottom;
		height: 115px;
		text-align: left;
		padding-top: 108px;
		margin-bottom: 10px;
}

img.logo {
		margin-bottom:4px;
}

#front_flash {
		background:none;
}
#nav {
		height:20px;
		width:100%;
		background:none;
		clear:both;
}

#announce {
		font-size:18px;
		width:100%;
		background:none;
		clear:both;
		padding-top:30px;
}

#nav li {
		float: left;
		margin: 0;
		padding: 20px 0 0 0;
		display: inline;
		list-style: none;
}

#nav a:link, #nav a:visited {
		float: left;
		font-size: 110%;
		line-height: 20px;
		font-weight: 400;
		margin: 0 25px 0 0;
		text-decoration: none;
		color: #818181;
}

#nav a:hover {
		color: #47a9aa;
}

#nav a.active:link, #nav a.active:visited{
		color: #ffffff;
}

/* --------------left bar------------- */
#right {
		 width: 240px;
		 float: right;
		 margin-left:15px;
		 padding: 30px 0 10px 0;
 }

#right a:link, #right a:visited {
		color: #FFF;
		font-weight: normal;
		margin: 0;
}

#right a:hover {
		color: #FFB310;
		text-decoration: underline;
}

#right img {
		float:right;
		padding:3px 0 20px 0;
}

#right p {
		color: #808080;
}


/* -----------------content--------------------- */
#content{
		float: left;
		width: 375px;
		padding: 0 0 10px 0;
		margin: 0px;
}

#sponsors {
		height:50px;
		width:100%;
		padding-top:90px;
		padding-bottom:20px;
		background:none;
		margin: 0 auto;
}

#sustainable {
		width:50%;
		background:url(../images/box_slice.gif) #000 repeat-x;
		border:2px solid #818181;
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		margin-bottom:20px;
		padding:7px;
		display:block;
}

.fac_pro_image {
		float:left;
		width:62px;
		margin:25px 15px 0 0;
}

.fac_pro {
		float:left;
		width:450px;
		margin-top:25px;
}

.clear {
		clear: both;
}

.faqChunk {
		margin-bottom:25px;
		border-bottom:1px dashed #818181;
}

/*-----------------MooTools.net--------------------*/




/*------------------Body Elements------------------*/

p {
		color: #ffffff;
		font-size:1em;
		line-height: 1.3em;
		margin: 0 0 .75em 0;
}
p strong{
		color: #E3E6E6;
		font-weight: normal;
}

p.italic {
		font-style:italic;
}

p.dark {
		font-size:.9em;
		color: #818181;
}

p.light_profile {
		color: #E3E6E6;
		margin-bottom: 0;
}

p.faq {
		padding-left:25px;
}

p a {
		color: #47a9aa;
		text-decoration: none;
}

p a:visited {
		color: #47a9aa;
		text-decoration: none;
}

p a:hover{
		color: #ffffff;
		text-decoration:underline;
}

a img {
		border: 0;
}

a.faq {
		font-size:14px;
		color:#47a9aa;
		padding:15px 0 0 0;
		display: block;
		line-height: 16px;
}
.faq a:hover {
		text-decoration: none;
}


h1 {
		font-size: 160%;
		font-weight: 800;
		color: #47a9aa;
		padding: 0;
		margin: 30px 0 10px 0;
}

h1 a {
		color: #FFB310;
}

h1 a:hover {
		color: #F28D00;
}


h2 {
		display: block;
		font-size: 100%;
		font-weight: normal;
		color: #818181;
		margin:0;
}
h2 a {
		color: #FFB310;
}

h2 a:hover {
		color: #F28D00;
}

h2.faq {
		font-size:120%;
		color: #ffffff;
		padding-bottom:10px;
}

h3 {
		font-size: 1em;
		color: #ffffff;
		font-weight: 400;
		margin: 0;
		padding: 0 0 3px 0;
}

h3.con {
		font-size:110%;
		color:#47a9aa;
		padding-left:10px;

}

h3.faq {
		font-size:14px;
		color:#47a9aa;
		padding:15px 0 0 25px;
}

h3 a {
		color:#47a9aa;
}


h4 {
		color: #DAEAF2;
		font-weight: normal;
		font-size: 120%;
		margin: 0 0 .5em 0;
}

h5 {
		font-weight: normal;
		text-transform: uppercase;
		color: #555;
		font-size: 90%;
		margin: .5em 0 1em 0;
		padding: 0;
}

h1.profile{
		font-size: 150%;
		font-weight: normal;
		color: #FFB310;
		margin: 0;
}

h1 a, h2 a, h3 a, h4 a {
		text-decoration: none;
}

h2 a:hover, h3 a:hover, h4 a:hover {
		text-decoration: underline;
}

img.floatLeft {
		float:left;
		margin-right:23px;
}

img.floatRight {
		float:right;
}

img.floatMiddle{
		display:block;
		margin-left: auto;
		margin-right: auto;
}

a.floatMiddle{
		display:block;
		width: 113px;
}

a.apply_button {
    display: block;
    width: 191px;
    height: 33px;
    background: url("../images/apply_button.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.apply_button {
    background-position: -191px 0;
}

a.schedule {
    display: block;
    width: 191px;
    height: 33px;
    background: url("../images/download_schedule_ro.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.schedule {
    background-position: -191px 0;
}

a.erb {
    display: block;
    width: 236px;
    height: 82px;
    background: url("../images/erb_ro.png") 0 0 no-repeat;
    text-decoration: none;
    float: right;
}
 
a:hover.erb {
    background-position: -236px 0;
}

a.why_sus {
    display: block;
	float:left;
	margin-right:35px;
    width: 191px;
    height: 33px;
    background: url("../images/why_sus.gif") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.why_sus {
    background-position: -191px 0;
}
	


/*  ----------------footer---------------------- */
#footer {
		clear: both;
		color: #818181;
		background-color: none;
		padding: 10px 0 10px 0;
		margin: 0px;
		text-align: center;
}

#footer p {
		color: #818181;
		font-weight:400;
		font-size:.9em;
}

#footer a, a:visited {
		color: #818181;
		text-decoration:none;
}
#footer a:hover {
		text-decoration:underline;
}