*{
	margin:0;
}
html{
	height:100%;
	background:#FFF url('images/htmlBgMain.gif') no-repeat top center;	
}
body{
	height:100%;	
	background:transparent url('images/BodyBGTiler.png') repeat-x left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333;
	line-height:1.5em;
}


/*-----------Structure-----------*/


#Container{
	width:100%;
	min-height:100%;
	position:relative;
	margin:0 auto;
}

#Header{
	height:108px;
}
#Body{
	padding:0 0 162px 0;
}
#Footer{
	height:162px;
	bottom:0;
	width:100%;
	background:#BB9A62;
	position:absolute;
}
/*---Sturcture---*/

#BodyClear{
	clear:both;
	height:20px;
}


/*---Name and Search bar---*/
#NameSearchSetup{
	height:62px;
	width:970px;
	position:relative;
	margin:0 auto;
}
#Name{
	float:left;
	width:470px;
	color:#FFF;
	padding-top:25px;
	font-size:12pt;
}
#Search{
	float:right;
	width:250px;
	padding-top:23px;
}



#TopMenuSetup{
	height:46px;
	width:970px;
	position:relative;	
	margin:0 auto;
}
/*---- Top Menu ----*/
#TopMenu{
	margin:0;
	padding:0;
}
#TopMenu ul{
	margin:0;
	padding:0;
}
#TopMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#TopMenu a{
	display:block;
	height:46px;
	width:137px;
	line-height:46px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#FFF;
	text-decoration:none;
}
#TopMenu a:hover{
	background:transparent url('images/TopMenuHover.gif') no-repeat left top;
}
.TopMenuDeviders{
	background:transparent url('images/TopMenuDeviders.gif') no-repeat right top;
}

/*-----------Body Content Setup-------------*/
#BodyContentSetup{
	width:970px;
	position:relative;
	margin:0 auto;
}
#BodyContentSetupSPage{
	width:970px;
	position:relative;
	margin:0 auto;
	background:transparent url('images/WhiteBGFade.png') repeat-y left top;
}

#BodyConRight{
	padding:15px;	
	font-size:9pt;
	min-height:300px;
	margin-left:15px;
	float:left;
	width:650px;
}


#BodyCon{
	padding:15px;	
	font-size:10pt;
	min-height:300px;
}
#BodyCon h3, #BodyConRight h3{
	font-size:16pt;
	font-weight:normal;
	padding:5px 0 10px 0;
	color:#52370A;
}
#BodyCon h4, #BodyConRight h4{
	font-size:13pt;
	font-weight:normal;
	padding:5px 0 10px 0;
	color:#815A17;
	line-height:1.3em;
}



#LogoWelcomeSU{
	background:transparent url('images/LogoGIFoundation.jpg') no-repeat left top;
	height:247px;
	margin-bottom:25px;
}
#WelcomeNote{
	float:right;
	width:538px;
	height:217px;
	padding:15px;	
	background:transparent url('images/WelcomeNoteBG.jpg') no-repeat right top;
	line-height:1.6em;
	font-size:10pt;
}
#WelcomeNote h3{
	font-weight:normal;
	font-size:18pt;
	margin-bottom:5px;
	padding-top:15px;	
	color:#52370A;
}
#WelcomeNote h4{
	font-weight:normal;
	font-size:16pt;
	margin-bottom:15px;
	padding-top:5px;	
	color:#52370A;
}


/*-----------Notice Board Rotator------------*/
#NoteRotator{
	width:970px;
	height:53px;
	background:#BB9A62;
	margin-bottom:20px;
}
#NoteRotLeftBend{
	float:left;
	width:16px;
	height:53px;
	background:#FFF url('images/NoteRotLBend.gif') no-repeat left top;
}
#NoteRotatorCen{
	float:left;
	height:43px;
	width:938px;
	text-align:center;
	padding-top:10px;
}

#NoteRotRightBend{
	float:left;
	width:16px;
	height:53px;
	background:#FFF url('images/NoteRotRBend.gif') no-repeat left top;
}

/*-----------3 Content Cols-----------*/

#HP3ContentCols{
	padding:10px;
}
#HPContentColsLeft{
	float:left;
	width:290px;
	padding-right:20px;
	border-right:1px #BBB solid;
	min-height:380px;
}
#HPContentColsCen{
	float:left;
	width:280px;
	margin-left:15px;
	border-right:1px #BBB solid;
	min-height:380px;
	padding-right:20px;	
}
#HPContentColsRight{
	float:left;
	width:300px;
	margin-left:15px;
	min-height:200px;	
}

#HPContentColsLeft h3, #HPContentColsCen h3, #HPContentColsRight h3{
	font-size:14pt;
	font-weight:normal;
	padding:5px 0 10px 0;
	color:#52370A;
}
#HPContentColsLeft h4, #HPContentColsCen h4, #HPContentColsRight h4{
	font-size:13pt;
	font-weight:normal;
	padding:5px 0 10px 0;
	color:#815A17;
	line-height:1.3em;
}



#ReadMoreBut{
	padding:5px 0 15px 0;
	text-align:right;
}
#ReadMoreBut a{
	font-weight:bold;
}



ul, ol{
	padding:10px 10px 10px 25px;
}


/*---Links in General---*/
A:link{color:#2989CC; text-decoration:none}
A:visited{color:#2989CC; text-decoration:none}
A:active{color:#2989CC; text-decoration:none}
A:hover{color:#0A8601; text-decoration:none}



#ListBlueArrow{
	padding:0;
	margin:0;
}
#ListBlueArrow ul{
	padding:0;
	margin:0;
}
#ListBlueArrow li{
	list-style:none;
	background:transparent url('images/ArrowBullet.gif') no-repeat left center;
	padding:2px 0 2px 25px;
	margin-bottom:2px;
}

#FootDet{
	width:955px;
	position:relative;	
	margin:0 auto;
	padding:20px 0 0 15px;
	color:#FFF;
}

#LeftMenuSetup{
	margin-top:20px;
	margin-left:10px;
	float:left;
	width:220px;
}
#LeftMenuHead{
	height:12px;
	width:220px;
	background:transparent url('images/LMenuTop.png') no-repeat left top;
}
#LeftMenuBody{
	width:220px;
	background:transparent url('images/LMenuCenBgTiler.png') repeat-y left top;
}
#LeftMenuBody h3{
	font-size:12pt;
	font-weight:normal;
	padding:5px 0 5px 15px;
	color:#815A17;
	line-height:1.3em;
}

#LeftMenuFoot{
	height:12px;
	width:220px;
	background:transparent url('images/LMenuBot.png') no-repeat left top;
}
#LeftMenu{
	margin:0;
	padding:0 2px 0 2px;
}
#LeftMenu ul{
	margin:0;
	padding:0;
}
#LeftMenu li{
	margin:0;
	padding:0;
	list-style:none;
}
#LeftMenu a{
	display:block;
	background:transparent url('images/ArrowBullet.gif') no-repeat 15px center;
	height:30px;	
	line-height:30px;
	padding-left:35px;
}
#LeftMenu a:hover{
	background:#EFEFEF url('images/ArrowBulletGreen.gif') no-repeat 15px center; 
}