/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body{
	padding: 10px;
	background-color: #bebda9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}
img{
	border: none;
	padding: 0;
	margin: 0;
}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header{
	height: 96px;
	background-image:url(/images/masthead.gif);
	background-repeat:no-repeat;
}


/* -----------------------------------*/
/* ------->>> PAGE LAYOUT <<<---------*/
/* -----------------------------------*/

#wrapper{
	width: 779px;
	background-color: #ffffff;
	min-height: 650px;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align: left;
	margin: 0px auto;
}
#homeWrapper{
	width: 779px;
	background-color: #ffffff;
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align: left;
	margin: 0px auto;
}
#aifLogo{
	padding-top: 16px;
	padding-left: 30px;
}
#hotTopic{
	padding: 0;
	margin: 0;
	margin-top: 30px;
	margin-right: 65px;
	_margin-right: 27px;
	width: 238px;
	height: 50px;
	background-color: #b99874;
	float: right;
}
#hotTopicPic{
	padding: 0;
	margin: 0;
	width: 50px;
	height: 50px;
	background-color: #d3bfa6;
	float: left;
	overflow: hidden;
}
#hotTopicInfo{
	width: 175px;
	height: 45px;
	background-color: #d3bfa6;
	float: right;
	padding-left: 5px;
	padding-top: 5px;
	color: #5a7c92;
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
}
#hotTopicInfo span{
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px;
}
#hotTopicInfo p{
	padding: 0;
	margin: 0;
}
#hotTopicInfo a:link{
	color: #5a7c92;
	text-decoration:none;
}
#hotTopicInfo a:visited{
	color: #5a7c92;
	text-decoration:none;
}
#hotTopicInfo a:hover{
	color: #000000;
	text-decoration:none;
}



#content{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#iMapHome{
	float: left;
	margin-top: 8px;
	margin-left: 30px;
}
#footer{
	margin-top: 10px;
	float: right;
}
#aifDetails{
	width: 779px;
	padding-top: 18px;
	background-color: #ffffff;
	background-image:url(/images/bottom-corner.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	height: 50px;
}
#aifDetailsHome{
	width: 779px;
	padding-top: 6px;
	background-color: #ffffff;
	background-image:url(/images/bottom-corner.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	height: 85px;
}
.aifDetailsLeft{
	margin-top: 15px;
	margin-left: 45px;
	float:left;
	width: 320px;
	font-size: 11px;
	color:#bebda9; 
}
.aifDetailsRight{
	margin-top: 15px;
	margin-right: 45px;
	float: right;
	font-size: 12px;
	color:#bebda9;
}

.separator{
	width: 749px;
	margin-left: 15px;
	margin-right: 15px;
	background-image: url(/global_image/separator.gif);
	background-repeat:repeat-x;
	float: left;
	height: 1px;
}
#mainImage{
	background-color:#ffffff;
	height: 307px;
}
#topImages{
	width:759px;
}
#leftColumn{
	margin: 0;
	padding: 0;
	float: left;
	width: 144px;
	height: 205px;
}
#bodyContainer{
	width: 759px;
	padding-top: 10px;
	margin: 0;
}
#headerImage{
	margin: 0;
	padding: 0;
	width: 614px;
	height: 205px;
	margin-left: 145px;
}
#leftNav{
	float: left;
	width: 135px;
}
#bodyCopy{
	margin: 0;
	padding: 0;
	width: 550px;
	margin-left: 155px;
	line-height: 16px;
}
.sahayaImage{
	margin-top: -6px;
	margin-right: 64px;
	padding-bottom: 10px;
	float: right;
	width: 24px;
	height:50px;
}
/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/
h1{
	color: #5a7c92;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 15px;
}

h2{
	color: 000000;
	font-size: 12px
}

h3{
	color: #000000;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: -10px;
}

h4{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: -10px;
}
/* -----------------------------------*/
/* ------->>> TEXT STYLES <<<---------*/
/* -----------------------------------*/

.cleaner{
	clear: both;
}

#verticalPrograms{
	padding: 0;
	margin-left: -10px;
}

.footerColumn{
	float: left;
	padding-left: 10px;
	text-align: center;
}
#verticalPrograms .footerColumn{
	margin: 0;
	float: none;
}

.footerColumn span {
	margin-top: 6px;
	background-color:#b99874;
	display: block;
	width: 135px;
	line-height: 18px;
	text-align:center;
	font-size: 12px;
	font-family:Tahoma;
}
.footerColumn a:link{
	color: #ffffff;
	text-decoration:none;
}
.footerColumn a:visited{
	color: #ffffff;
	text-decoration: none;
}
.footerColumn a:hover{
	color: #000000;
	text-decoration: none;
}
#bodyCopy a{
	text-decoration: none;
	color: #5a7c92;
}
#bodyCopy a:hover{
	text-decoration: underline;
	color: #000000;
}
.staffInfo{
	font-size:9px;
	text-align: center;
	vertical-align:top;
}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

#nav{
	height: 23px;
	background-color: #FFFFFF;
}
#nav ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul li{
	padding: 0;
	margin: 0;
	float: left;
	
}
#nav ul li a{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #000000;
	line-height: 23px;
	font-weight: bold;
	font-size: 11px;
}

#nav ul li:hover > a, #nav ul li.active > a{
	color:#aa7e6b;
}

#nav ul li:hover ul{
	display: block;
}


/*SUBNAV*/

#nav ul li ul{
	z-index:1000;
	display: none;
	position: absolute;
	top: auto;
	left: auto;
	margin-left: -20px;
	padding: 0;
	margin: 0;
}

#nav ul li ul li{
	padding: 0;
	margin: 0;
	display: block;
	float: none;
	width: 110px;
	height: 23px;
	padding-left: 17px;
	line-height: 23px;
	color: #b99874;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bebda9;	
}

#nav ul li ul li a{
	padding: 0;
	margin: 0;

}

/*FOOTER NAV*/

#footer ul{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	width: 135px;
}
#footer ul li{
	padding: 0;
	margin: 0;
}
#footer ul li span{
	padding: 0;
	margin: 0;
	font-size:9px; padding-top:3px; display:block;
}
#footer ul li a{
	display: block;
	font-size: 11px;
	text-transform:none;
	color: #5a7c92;
	line-height: 28px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer ul li a:hover{
	color: #000000;
}

#footer ul li a.brownBlock{
	background-color:#b99874;
	font-weight:normal;
	display: block;
	width: 135px;
	line-height: 18px;
	text-align:center;
	font-size: 12px;
	font-family:Tahoma;
	color:#FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 91px;
}
#footer ul li a.brownBlock:hover{
	color:#000000;
}

/*LEFT COLUMN*/

#leftColumn ul{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 135px;
	height: 205px;
}
#leftColumn ul li{
	height: 69px;
	width: 135px;
	padding: 0;
	margin: 0;
}

/*LEFT NAV*/

#leftNav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftNav ul li{
	display: block;
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 30px;
}
#leftNav ul li a{
	display: block;
	padding: 0;
	margin: 0;
	display: block;
	color: #333333;
	text-decoration: none;
}
#leftNav ul li a:hover{
	color: #5a7c92
}
#leftNav ul li ul{
	display:block;
	padding:0px;
	padding-bottom:10px;
}

#leftNav ul li ul li{
	font-weight:normal;
	display:block;
	font-size: 0.8em;
	height: 15px;
	padding:0px;
	padding-left: 10px;
}
#leftnav ul li ul li a{
	display:block;
	line-height: 8px;

}
#leftNav ul li ul li a:hover{
	color: #3F5767;
}
#leftNav ul li ul li a:link{
	color: #5a7c92;
}
#leftNav ul li ul li a:visited{
	color: #5a7c92;
}
#leftNav ul li ul li a:active{
	color: #5a7c92;
}

/*STATIC NAVIGATION*/

ul#staticNav{
	margin-top: 5px;
}

ul#staticNav li.iMap{
	height: 65px;
	padding: 5px;
	padding-left: 0;
}

ul#staticNav li{
	display: block;
	height: 30px;
}
ul#staticNav li a{
	display: block;
	text-transform: none;
	color: #5a7c92;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#staticNav li a:hover{
	color: #000000;
}
ul#staticNav li span{
	display: block;
	text-transform: none;
	padding: 0;
	margin: 0;
	height: 22px;
	font-size: 10px;
	margin-top: -4px;
	line-height: 10px;
}
ul#staticNav li span a{
	font-size: 10px;
	display: inline;
}
/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/

#searchPanel{
	float: right;
	height: 18px;
	line-height: 20px;
	padding-right: 40px;
	padding-top: 1px;
	position: relative;
}

form{
	padding: 0;
	margin: 0;
}
#queryTxt{
	border: 1px solid #bebda9;
	height: 12px;
	font-size: 11px;
	width: 110px;
	margin-top: 2px;
	padding-left: 4px;
	color:#666666;
}
#srchBtn{
	padding-top: 3px;
	position: absolute;
	right: 0;
	top: 0;
	margin-right: 15px;
}


/* -----------------------------------*/
/* --------->>> COMMENTS <<<----------*/
/* -----------------------------------*/



/* -----------------------------------*/
/* ----------->>> EXTRAS <<<----------*/
/* -----------------------------------*/
.schoolChildren{
	background-image: url(/images/headers/school-children.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
ul.list{
	display: block;
	margin-top: -10px;
}
ol.list{
	display: block;
	margin-top: -10px;
}
/*interactive map*/
#interactiveMap{
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 750px;
	height: 600px;
	text-align:center;
	z-index: 2;
}

#imageContainer {
	float:left; MARGIN: auto; WIDTH: 759px; POSITION: relative
}


#imageContainer {
	height:307px; width: 759px; float: left;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}