/* CSS Document */

html
{
margin:0px;
padding:0px;
}

body
{
font-family:Arial, Helvetica, sans-serif;
color:#808080;
font-size:11px; 
line-height:17px;
text-align:center;
background: url(../images/bg.gif) repeat-x white;
height: 100%;
margin: 0;
padding: 0;
}

body.bg_2
{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px; 
line-height:17px;
text-align:center;
background: url(../images/bg_2.gif) repeat-x white;
height: 100%;
margin: 0;
padding: 0;
}

	
div#container
{
float:center;
height:100%;
text-align:left;
width:810px;
margin:0 auto;
position:relative; 
}

div#bodyContainer
{
float:left;
height:100%;
text-align:left;
width:810px;
margin:0 auto;
}

/* begin header styles */
div#headerContainer
{
float:left;
height:151px;
width:810px;
text-align:left;
margin:0 auto;
background:url(../images/header_bg.gif);
}

div#headerContainer2
{
float:left;
height:151px;
width:810px;
text-align:left;
margin:0 auto;
background:url(../images/header_bg2.gif);
}

div#headerLeft
{
float:left;
height:151px;
width:220px;
}

div#headerRight
{
float:right;
height:151px;
width:590px;
}

div#headerWayAct
{
float:right;
width:404px;
padding-top:27px;
}
/* end header styles */

/* begin navigation styles */
div#support
{
	float:left;
	height:45px;
	background-image: url(../images/support_bg.gif);
	background-repeat: no-repeat;
	width: 215px;
	display: inline;
}
div#support img {
	padding-left: 5px;
}

div#navigation
{
	height:45px;
	display: inline;
	float: left;
	background-image: url(../images/menu_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 595px;
}
/* end navigation styles */

/* begin body content area styles */
div#bodyHomeContainer
{
width:810px;
float:left;
min-height:380px;
height:auto !important;
height:380px;
}

div#bodyContentContainer
{
width:810px;
float:left;
min-height:380px;
height:auto !important;
height:380px;
background:url(../images/bg_bodyContainer.gif);
}

div#bodyLeft
{
width:122px;
float:left;
min-height:380px;
height:auto !important;
height:380px;
background:url(../images/bg_left.gif);
}
	
	div#bodyLeftMenu
	{
	width:89px;
	float:left;
	padding-top:16px;
	padding-left:19px;
	padding-right:14px;
	background:url(../images/bg_leftBottom.gif);
	}

div#bodyCenter
{
width:674px;
padding-top:4px;
padding-left:12px;
padding-right:0;
float:left;
min-height:380px;
height:auto !important;
height:380px;
background:#FFFFFF;
}

	div#bodyCenter2
	{
	width:658px;
	text-align:center;
	min-height:380px;
	height:auto !important;
	height:380px;
	background:#FFFFFF;
	}

div#bodyHomeLeft
{
width:349px;
float:left;
padding-top:24px;
padding-left:26px;
padding-right:34px;
}

div#bodyHomeRight
{
width:401px;
float:right;
text-align:center;
}

div#bodyPhotoBox
{
width:240px;
float:right;
text-align:center;
font-size:9px;
line-height:normal;
padding-left:10px;
padding-bottom:10px;
}
/* end body content area styles */

/* begin footer styles */
div#footer
{
width:810px;
height:40px;
float:left;
text-align:center;
background-image:url(../images/bg_footer.gif);
padding-top:18px;
}
/* end footer styles */

/* text styles */
p {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#808080;
}

.short {
font-family:Arial;
text-align:left;
}

.caption
{
font-family:Arial, Helvetica, sans-serif;
color:#808080;
font-size:9px;
line-height:11px;
}	

a {text-decoration: none; color: #00A0AF;}
a.color_2 {text-decoration: none; color: #F58025;}
a:hover {text-decoration: underline; color: #F58025;}

.indentCopy
{
padding-left:10px;
}

.subHeader
{
font-family:Arial, Helvetica, sans-serif;
color:#00A0AF;
font-size:14px;
font-weight:bold;
}

.subHeader2
{
font-family:Arial, Helvetica, sans-serif;
color:#808080;
font-size:11px;
font-weight:bold;
}

.subHeader3
{
font-family:Arial, Helvetica, sans-serif;
color:#990099;
font-size:14px;
font-weight:bold;
}


.menuSelected
{
font-family:Arial, Helvetica, sans-serif;
color:#009999;
font-size:11px;
font-weight:bold;
}

.menuText, .menuText a:visited, .menuText a:link
{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
line-height:12px;
}

.menuText a:hover
{
color:#ff9933;
text-decoration:underline;
}

.footerBottomText, .footerBottomText a:visited, .footerBottomText a:link
{
font-family:Arial, Helvetica, sans-serif;
text-align: center;
color:#999999;
font-size:10px;
line-height: 12px;
clear: both;
}

.footerBottomText a:hover
{
color:#ff9933;
text-decoration:underline;
}

.footerBottomText2, .footerBottomText2 a:visited, .footerBottomText2 a:link
{
font-family:Arial, Helvetica, sans-serif;
text-align: center;
color:#660099;
font-size:10px;
line-height: 12px;
clear: both;
}

.footerBottomText2 a:hover
{
color:#660099;
text-decoration:underline;
}
/* end text styles */

/* search box styles */
#search_box_wrapper
{
float: right; 
width: 265px; 
height: 33px; 
margin: 18px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#search_box_left
{
float: left; 
width: 24px; 
height: 33px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background-image: url('../images/search_box_left.gif'); 
background-repeat: no-repeat;
}

#search_box_input
{
float: left; 
width: 116px; 
height: 33px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#search_box_right
{
float: left; 
width: 12px; 
height: 33px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background-image: url('../images/search_box_right.gif'); 
background-repeat: no-repeat;
}

#submit_button_input 
{
float: left; 
width: 50px; 
height: 33px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

input.search_box
{
float: left; 
width: 114px; 
height: 25px; 
margin: 0px 0px 0px 0px; 
padding: 8px 0px 0px 2px; 
background-image: url('../images/search_box_words.gif'); 
background-repeat: repeat-x; 
border: 0px; 
font-size: 11px; 
letter-spacing: 1px; 
vertical-align: text-top;
}

input.submit_button  
{
float: left; 
width: 98px; 
height: 33px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
background-image: url('../images/submit_button.gif'); 
background-repeat: no-repeat; 
border: 0px;
}

input.submit_button:hover 
{
background-image: url('../images/submit_button_on.gif'); 
background-repeat: no-repeat; 
cursor: pointer;
}
/* end search box styles */

/* donate button */
a#donate_button       {display: block; float: right; width: 134px; height: 24px; margin: 0px 0px 10px 30px; padding: 0px 0px 0px 0px; background: url('../images/donate_off.gif') no-repeat;}
a:hover#donate_button {background: url('../images/donate_on.gif') no-repeat;}

/* Spring Fling Table */
.springFling td {border: 1px solid #AAAAAA; border-width: 1px 1px 1px 0; background-color: white;}
.springFling_2 td {border: 1px solid #AAAAAA; border-width: 1px 1px 1px 1px; background-color: white;}
.springFling td strong {color: #F58025;}
.springFling td p {text-align: left;}
.springFling tr.spacer td {border: 1px solid #939393; background-color: #ADADAD; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 2px;}

/* Spring Fling Auction Items Hover Box */
#aI {width: auto; height: auto; margin: 0px 0px 0px 10px; padding: 0px 0px 10px 0px;}
#aI a {text-decoration: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#aI a:hover {text-decoration: none;}
#aI a span {display: none;}
#aI a:hover span {display: block; position: absolute; top: 520px; left: 405px; z-index: 100;}

#fling_hover_top    {float: left; width: 206px; height: 9px; margin: 0 0 0 0; padding: 0 0 0 0; background: url('../images/fling_hover_top.png') no-repeat;}
#fling_hover        {float: left; width: 206px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; background: url('../images/fling_hover.png') repeat-y;}
#fling_bover_bottom {float: left; width: 206px; height: 21px; margin: 0 0 0 0; padding: 0 0 0 0; background: url('../images/fling_hover_bottom.png') no-repeat;}
#fling_hover p      {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: black; margin: 5px 0 0 12px; padding: 0 0 0 0; line-height: 20px;}

/* Used for "Our Supporters" page */
#left_box  {float: left; width: 300px; height: auto;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#right_box {float: left; width: 300px; height: auto;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

/* Used for "How to Get Involved" page */
.getInvolved_img {display: block; border: 1px solid #DBDBDB; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.getInvolved_img_2 {display: block; border: 0px solid #DBDBDB; margin: 0px 0px 0px 0px; padding: 7px 7px 7px 7px;}

img.interACTnews {margin: 3px 0px 0px 5px; padding: 0px 5px 0px 0px;}

/* Used for curriculum pages with the hover style */

h1#collegePrep {display: block; float: left; width: 400px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#collegePrep:hover span {display: block; position: absolute; top: 348px; left: 135px;}
h1#collegePrep span {display: none; width: auto; height: auto;}

h1#commArts {display: block; float: left; width: 400px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#commArts:hover span {display: block; position: absolute; top: 395px; left: 135px;}
h1#commArts span {display: none; width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;}

h1#techLit {display: block; float: left; width: 400px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#techLit:hover span {display: block; position: absolute; top: 442px; left: 135px;}
h1#techLit span {display: none; width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;}

h1#careerDev {display: block; float: left; width: 400px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#careerDev:hover span {display: block; position: absolute; top: 489px; left: 135px;}
h1#careerDev span {display: none; width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;}

h1#civicLead {display: block; float: left; width: 400px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
h1#civicLead:hover span {display: block; position: absolute; top: 536px; left: 135px;}
h1#civicLead span {display: none; width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;}

.curicHover_top {float: left; width: 536px; height: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/curricHover_top.png') no-repeat;}
.curicHover {float: left; width: 536px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/curricHover_bg.png') repeat-y;}
.curicHover_bottom {float: left; width: 536px; height: 29px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url('../images/curricHover_bottom.png') no-repeat;}
.curicHover p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: black; margin: 10px 0px 0px 15px; padding: 0px 15px 10px 0px; text-decoration: none; line-height: 16px; text-align: left;}

#phantom_bg {float: left; width: 624px; height: 368px; margin: 0 0 0 15px; padding: 0; background: url('../images/phantoms_bg.gif') no-repeat;}
#phantom_bg p {margin: 75px 0 0 45px; padding: 0 45px 0 0; font-size: 12px; text-align: left; line-height: 20px;}

ul {list-style-image: url('../images/teal_bullet.gif'); color: #808080;}

.hr_01 {display: block; float: left; width: 100%; height: 1px; margin: 15px 0 0 0; padding: 0 0 0 0; background: url('../images/hr_01.gif') repeat-x;}

input.text {width: 250px; height: 20px; border: 1px solid #00A1B1; margin: 0 0 0 0; padding: 4px 0 0 4px;}
input.search {margin: 5px 0 0 0; padding: 0 0 0 0;}


/*For the Expandable Content on the Curriculum page*/
/*Default style for SPAN icons. Edit if desired: */
.iconspan          {float: right; margin: 0 0 0 0; padding: 0 0 0 0; cursor: hand; cursor: pointer;}
/*CSS used to style the examples. Remove if desired: */
.expand-bar-top    {float: left; width: 663px; height: 23px; margin: 0 0 0 0; padding: 0 0 0 0; background: url('../images/expand_top.png') no-repeat;}
.expand-bar        {float: left; width: 663px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; background: url('../images/expand.png') repeat-y;}
.expand-bar-bottom {float: left; width: 663px; height: 30px; margin: 0 0 0 0; padding: 0 0 0 0; background: url('../images/expand_bottom.png') no-repeat;}
.expand-bar p      {margin: 5px 0 0 20px; padding: 0 20px 5px 0; font-size: 11px; font-weight: normal; line-height: 18px; letter-spacing: 0px;}
div.expand-bar     {float: left; width: 663px; margin: 0 0 0 0; padding: 0 0 0 0;}
.icongroup1        {float: left; width: 663px; margin: 0 0 0 0; padding: 0 0 0 0;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #00A1B1; line-height: 18px; letter-spacing: 1px; margin: 5px 0 0 0; padding: 0 0 5px 0;}
h1 a {text-decoration: underline;}

.mini_column {float: left; width: 65px; height: auto; margin: 0 0 0 0; padding: 0 0 0 0;}