/*
PHASCA Style sheet 
Updated 4th August 2008
Adnan Mirza
*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul 
{
 	list-style: none;
 	margin: 0;
 	padding: 0;
}

ul.dropdown 
{
 	position: relative;
 	z-index: 597;
 	float: left;
}

ul.dropdown li 
{
 	float: left;
 	line-height: 1.3em;
 	vertical-align: middle;
 	zoom: 1;
}

ul.dropdown li 
{
	width: 92px;
	display: block;
	float: left;
	height: 35px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	
}

ul.dropdown li.hover,
ul.dropdown li:hover 
{
	color: #ffffff;
	background: url('images/menuover.png') no-repeat top center;
	text-decoration: none;
 	position: relative;
 	z-index: 599;
 	cursor: default
}

ul.dropdown ul 
{
 	visibility: hidden;
	position: absolute;
 	top: 35px;
 	left: 0;
 	z-index: 598;
  	width: 200px;
	display: block;
	height: 35px;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover 
{
	color: #ffffff;
	background: none;
	background-color: #00ff33;
}

#small
{
	width: 110px;
}

ul.dropdown ul li
{
	border-left:0px solid #019929; border-right:1px solid #019929; border-top:1px solid #00ff33; border-bottom:1px solid #019929; text-align: left;
	padding-left: 15px;
	width: 200px;
	background-color: #00d733;
 	float: none;
	
}

ul.dropdown ul ul {
 	top: 1px;
 	left: 99%;
}

ul.dropdown li:hover > ul 
{
 visibility: visible;
}

img
{ 
	
	border-color: blue;
}

.center
{
	margin-left: auto;
	margin-right: auto;
}

.blank
{
	border: 0px;
}
a:hover img
{
	border-color: red;
	
}

.current
{
	text-decoration: underline;
}

/* Calendar layout */

.calendar
{
	border-collapse: collapse;
	border: 1px outset gray;
}

.calendar-month
{
	font-weight: bold;
	font-size: large;
}

th
{
	border: 1px outset gray;
	background-color: #F5F4D3;
	font-size: small;
}

td
{
	border: 1px outset gray;
	background-color: #DEECF7;
	text-align: center;
}

/* Default background declaration */

c
{
	text-align: center;
}

html
{
	height: 100%;
}
body 
{
	height: 100%;
	
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: small;
	
	background: #2d2d90 url('images/background.png') repeat-y top center;
	/
}


#container
{
	min-height: 100%;
	position: relative;
	width: 1024px;
	text-align: left;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 230px;
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width: 1024px;
	text-align: left;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

/* Header and logo placement */

#header
{
	background: url('images/header.png') no-repeat top center;
	height: 140px
}

#header #logo
{
	background: url('images/logo.png') no-repeat center;
	position: relative;
	height: 90px;
	top: 15px
}

#iip
{
	position: absolute;
	top: 14px;
	height: 120px;
	width: 128px;
	left: 27px
}

#cls
{
	position: absolute;
	top: 25px;
	height: 100px;
	width: 100px;
	right: 50px;
	
}

/* Menu placement under header */


#header #menu
{
	position: relative;
	background: url('images/menu.png') no-repeat center;
	height: 50px;
	top: 20px;
	/* where menu text starts */
	padding-top: 12px;
	padding-left: 144px
}

/* Menu section display */

#header #menu ul
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 14px;	
	font-weight: bold;
	list-style: none;
}



#header #menu a
{
		
}

#header #menu a:link, #header #menu a:visited
{
	color: #000000;
	text-decoration: none;
}

#header #menu a:hover
{
	
}


/* Main display section */

#main
{

	position: absolute;
	top: 162px;
	height: 65px;
	width: 576px;
	left: 235px;
	
}

.home
{
	background: url('images/homehead.png') no-repeat top;
}

.news
{
	background: url('images/newshead.png') no-repeat top;
}

.children
{
	background: url('images/childrenhead.png') no-repeat top;
}

.homework
{
	background: url('images/homeworkhead.png') no-repeat top;
}

.youth
{
	background: url('images/youthhead.png') no-repeat top;
}

.music
{
	background: url('images/musichead.png') no-repeat top;
}

.counselling
{
	background: url('images/counsellinghead.png') no-repeat top;
}

.training
{
	background: url('images/traininghead.png') no-repeat top;
}

.happy
{
	background: url('images/happyhead.png') no-repeat top;
}

.policies
{
	background: url('images/policieshead.png') no-repeat top;
}

.donate
{
	background: url('images/donatehead.png') no-repeat top;
}

.volunteer
{
	background: url('images/volunteerhead.png') no-repeat top;
}

.contact
{
	background: url('images/contacthead.png') no-repeat top;
}

.find
{
	background: url('images/findhead.png') no-repeat top;
}

.more
{
	background: url('images/morehead.png') no-repeat top;
}

.annual
{
	background: url('images/annualhead.png') no-repeat top;
}

.photo
{
	background: url('images/photohead.png') no-repeat top;
}

.accredation
{
	background: url('images/accredationhead.png') no-repeat top;
}

.map
{
	background: url('images/maphead.png') no-repeat top;
}

.blank
{
	background: url('images/blank.png') no-repeat top;
}

/* Ad banner placement */

#ad
{
	position: absolute;
	background: url('images/adtop.png') no-repeat right;
	top: 173px;
	height: 13px;
	width: 190px;
	right: 11px
}

#adsec
{
	position: relative;
	background: url('images/adsec.png') repeat-y right;
	top: 13px;
	padding-left: 11px;
	padding-right: 15px;
	text-align: left
	
}

#adfoot
{
	position: relative;
	background: url('images/adfoot.png') no-repeat bottom right;
	height: 19px;
	top: 13px
}

/* Side menu placement */

#side
{
	position: absolute;
	background: url('images/sidemenutop.png') no-repeat left;
	top: 175px;
	height: 11px;
	width: 215px;
	left: 11px
}

#sidesec
{
	position: relative;
	background: url('images/sidemenusec.png') repeat-y left;
	top: 11px;
	padding-left: 7px;
	text-align: left
	
}


.single
{
	line-height: 40px;
}


#sidesec a
{
	display: block;
	width: 195px;	
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;	
}

#sidesec a:link, #sidesec a:visited
{
	color: #000000;
	text-decoration: none;
}

#sidesec a:hover
{
	color: #ffffff;
	background: url('images/sidemenusecover.png') no-repeat left;
}

#inline
{	
	position: relative;
	display: block;
	left: 13px;
	padding-right: 15px;
}


#inlinecal
{	
	position: relative;
	display: inline;
	top: -10px;
	left: 4px;
	padding-right: 15px;
}

#sidefoot
{
	position: relative;
	background: url('images/sidemenufoot.png') no-repeat bottom left;
	top: 11px;
	height: 20px
}

#sidecal
{
	position: relative;
	background: url('images/sidemenutop.png') no-repeat left;
	top: 20px;
	height: 11px;
	width: 215px
	
}

#sideseccal
{
	position: relative;
	background: url('images/sidemenusec.png') repeat-y left;
	top: 11px;
	padding-left: 13px;
	text-align: left
	
}

/* Main section placement */
	
#section
{
	position: relative;
	background: url('images/mainsec.png') repeat-y top;
	top: 50px;
	/top: 65px;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 5px;
	text-align: left
	
}

#mainbot
{
	position: relative;
	background: url('images/mainbot.png') no-repeat bottom;
	top: 50px;
	/top: 65px;
	height: 30px
	
}

#footer
{	
	z-index: -1;
	position: absolute;
	bottom: 0;
	background: url('images/footer.png') no-repeat;
	height: 100px;
	width: 1024px;
	text-align: center
}

#footer h3
{
	padding-top: 13px;
	/padding-top: 25px;
}