Body {background:#F3E4CD url(bg.gif);}
.Alert{color:#cc0000}

#Main_Container{width:950px; margin:0 auto}
#Header{width:950px; height:90px; background:#4B92DB url(bg_header_right.gif) top right no-repeat;}
#Logo{ width:216px; height:90px; float:left}
#Search{float:right; text-align:right; vertical-align:bottom; margin:59px 13px 0 0 }

#HP_Main{background:#2F0600;width:950px; height:306px;}
#HP_Photo{width:671px; height:306px; float:left; margin-right:0; *margin-right:-3px}

#Lower_Content{background:#D4E7F8 url(bg_hp3columns.gif) left bottom no-repeat;}
#Lower_Content_left{float:left; width:437px; background-color:#FEF8EC}
#Lower_Content_middle{float:left; width:253px; background:#D4E7F8 url(bg_feature.gif) repeat-y; margin-right:0; *margin-right:-3px}
#Lower_Content_middle table {margin-left:14px}
#Lower_Content_middle td.copy {padding:5px 10px;}
#Lower_Content_right{ margin-left:690px; *margin-left:0; background:#D4E7F8 url(); width:260px;}
#Lower_Content_right table {margin-left:14px}
#Lower_Content_right table Table, #Lower_Content_middle table table{margin-left:0}
#Lower_Content_right td.copy {padding:5px 10px;}

#Feature td.copy, #Join td.copy {height:92px}

#Teacher, #Spread {background-color:#BCDDF8; margin-top:15px}

.ClearFix{clear: both; height: 0; font-size: 0; }
#Footer{border-top:7px solid #0067C6; padding:8px}
#Footer a{color:#242424}








#nav, #nav UL  {PADDING:0; MARGIN:0; LINE-HEIGHT: 1px; LIST-STYLE-TYPE: none; LIST-STYLE-image: none;z-index:99999}

#nav A {DISPLAY: block}/*first level*/
#nav LI {FLOAT: left; LIST-STYLE-TYPE: none; LIST-STYLE-image:none;}

/*controls second level width and padding*/
#nav ul a { LIST-STYLE-image: none; }

/*controls font color and style for menu items*/
#nav LI A {padding:8px 22px 8px 17px; margin:0; COLOR: #ffffff; text-decoration:none; FONT-WEIGHT:bold; font-size:14px; LIST-STYLE-image: none; line-height:17px;}
#nav LI LI A {margin:0; FONT-WEIGHT:Bold; font-size:11px; COLOR:#ffffff; text-decoration:none; LIST-STYLE-image: none; line-height: 11px;}

/*controls menu background color and border around menu itmes, make sure to change class below to affect all borders*/
#nav LI UL {background:transparent url(bg_opblue.png); LEFT:-999em; POSITION:absolute; border-bottom:0; LIST-STYLE-image:none; width:180px; margin:0;}

/*lines in between each nav item*/
#nav LI UL LI {float:none}

/*sub menu hover text color*/
#nav li ul li a:hover{color:#ffffff; background:transparent url(bg_oporange.png); text-decoration:underline}

/*adjust margin for third level position*/
#nav li ul ul {	margin:-27px 0 0 180px; *margin:-20px 0 0 180px; LIST-STYLE-image:none; background:transparent url(bg_oporange.png);}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em; LIST-STYLE-image: none; background:transparent url(bg_oporange.png);}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto; LIST-STYLE-image: none;}

/*sub menu background hover color*/
#nav li:hover, #nav li.sfhover {LIST-STYLE-image: none; }
#nav li li:hover, #nav li li.sfhover { LIST-STYLE-image: none; }

/*second level position*/
#nav li ul {margin:0 0 0 -4px}

/*sticky navs in ie7 fix*/
#nav li:hover, #nav li.hover {height:1%;}
#Top_Navigation{background-color:#0067C6; width:946px; height:33px; padding-left:4px;}
/* Support for the "iehover-fix.js" */

ul.nav iframe {
position: absolute;
/* account for the border 
left: -0.25em;
top: -0.25em;*/
z-index: -1;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}
* html ul.nav li { z-index: 201;}
/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */
#nav #divider{background:#0067C6 url(bg_navigation_divider.gif) no-repeat; width:5px; height:33px}

#INT{background-color:#ffffff; padding:22px 0 28px 0; overflow:auto}
#breadcrumb{background-color:#f3f3f3; height:23px; font-size:12px; color:#4f4f4f; padding:8px 0 0 20px}
#breadcrumb a{color:#9b3200; font-size:12px}
#INT_Leftcolumn{width:176px; float:left}
#INT_Content{width:575px; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; padding-left:26px; background-color:#ffffff; margin-left:176px;}
#INT_Content_noright{width:720px; border-left:1px solid #d5d5d5; padding-left:26px; background-color:#ffffff; margin-left:176px;}
#INT_Leftcolumn_Promo{}
#INT_Rightcolumn{float:right; text-align:left; width:155px;}
#INT_Content_Table{width:542px; height:700px}
#INT_Content_Table_noright{height:700px}
#INT_Content_Table P, #INT_Content_Table TD, #INT_Content_Table LI {color:#44515f}

#Leftnav  {PADDING:0; MARGIN:0; LIST-STYLE-TYPE: none; LIST-STYLE-image: none; width:140px; margin:0 0 25px 15px}
#Leftnav A {DISPLAY: block; color:#828282; text-decoration:none}/*first level*/
#Leftnav LI {FLOAT: none; LIST-STYLE-TYPE: none; LIST-STYLE-image:none; border-bottom:1px solid #ca8132; padding:5px 0; font-size:14px;}
#Leftnav LI LI {FLOAT: none; LIST-STYLE-TYPE: none; LIST-STYLE-image:none; border-bottom:0; padding:2px 0; margin:0 0 0 -20px; font-size:12px;}



#leftHeading .about_us {
	background: url(txt_heading_about.gif) no-repeat;
	width:140px;
	height:19px;
	margin:0 0 15px 15px;
}

#leftHeading .donate {
	background: url(txt_heading_donate.gif) no-repeat;
	width:140px;
	height:19px;
	margin:0 0 15px 15px;
}

#leftHeading .get_involved {
	background: url(txt_heading_involved.gif) no-repeat;
	width:140px;
	height:19px;
	margin:0 0 15px 15px;
}

#leftHeading .teacher_corner {
	background: url(txt_heading_teacher.gif) no-repeat;
	width:140px;
	height:19px;
	margin:0 0 15px 15px;
}

#leftHeading .campaigns {
	background: url(txt_heading_campaigns.gif) no-repeat;
	width:140px;
	height:19px;
	margin:0 0 15px 15px;
}

#leftHeading .about_refugees {
	background: url(txt_heading_refugees.gif) no-repeat;
	width:140px;
	height:19px;
	margin:0 0 15px 15px;
}