/* ..........................................
	
	isna (version 1)
	date: july 17, 07
	design & build by oxidev interactive
	
.......................................... */


/* .... css reset .... */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* .... end of css reset .... */

img
{
	border: none;
}

a
{
	text-decoration: none;
}

a:hover
{
	/*opacity: .6;
	filter: alpha(opacity=60);*/
}

p
{
	font-size: 1.1em;
	color: #333;
	padding-bottom: .8em;
	line-height: 1.4em;
}

.clearBoth
{
	clear: both;
}

.noBorder
{
	border: none !important;
}

.alignCenter
{
	display: block;
	margin: 0px auto;
}






/* ........... style begins ................. */

body
{
	font-size: 62.5%;
	font-family: tahoma, helvetica, arial, "lucida grande", sans-serif;
	background-color: #ebe4d1;
}

#container
{
	width: 778px;
	margin: 0px auto;
}

#navigations
{
	position: relative;
	width: 100%;
	height: 98px;
	background: url(../images/youth_header_bg2.gif) no-repeat top;
}

#logo
{
	/*float: left;
	margin-top: 9px;
	margin-left: 15px;*/
	position: absolute;
	top: 9px;
	left: 24px;
}

ul#topNav
{
	float: right;
}

ul#topNav li
{
	float: left;
	font-size: 10px;
	height: 26px;
	background: url(../images/blue_07.gif) repeat-x bottom;
}

ul#topNav li.firstItem
{
	background: url(../images/blue_05.gif) no-repeat left;
	padding-left: 12px;
}

ul#topNav li.lastItem
{
	background: url(../images/blue_09.gif) no-repeat right;
	padding-right: 12px;
}

ul#topNav li a
{
	padding: 0px 12px;
	color: #e5d54d;
	height: 26px;
	float: left;
	line-height: 23px;
}

ul#topNav li a:hover
{
	color: #ffea82;
}
ul#mainNav
{
	clear: right;
	float: right;
	margin-top: 34px;
	margin-right: 3px;
	width: 460px;
}

ul#mainNav img
{
    display: block;
}

ul#mainNav li
{
	display: block;
	float: left;
	height: 37px;
	margin-left: 4px;
}

#contentLeft
{
	float: left;
	width: 192px;
	background-color: #fff;
	margin-left: 7px;
	display: inline;
}

.isnaClock
{
	padding-top: 9px;
	width: 192px;
	height: 41px;
	font-family: georgia, serif;
	font-size: 10px;
	background: url(../images/clock_bg_blue.jpg) no-repeat bottom;
}

.isnaClock p
{
	margin-left: 55px;
	color: #1f9414;
	padding-bottom: 0px;
}

#contentLeft h1
{
	margin: 7px 0px 5px 0px;
	height: 31px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	font-family: lucida, Sans-Serif;
	padding-left: 10px;
	color: #fff;
	background: url(../images/youth_h1_bg.gif) repeat-x bottom;
}

#isnaSearch
{
	width: 181px;
	height: 66px;
	padding: 15px 0px 0px 0px;
	padding-left: 11px;
	background: url(../images/search_blue_bg.gif) no-repeat bottom;
}

#isnaSearch input.inputField
{
	border: 1px solid #d8cec7;
	margin-right: 6px;
	width: 140px;
	font-size: 11px;
	color: #666;
	padding: 2px 0px;
}

#isnaSearch h2
{
	margin-bottom: 10px;
}

#newsletter
{
	width: 181px;
	padding: 15px 0px;
	padding-left: 11px;
	background: url(../images/search_blue_bg.gif) no-repeat bottom;
	margin-bottom: 5px;
}

#newsletter input.inputField
{
	border: 1px solid #d8cec7;
	margin-right: 6px;
	width: 140px;
	font-size: 11px;
	color: #666;
	padding: 2px 0px;
}

#newsletter h2
{
	margin-bottom: 10px;
}

#contentHolder
{
	width: 778px;
	background: #fff;
	padding-top: 7px;
	padding-bottom: 25px;
	margin-top: 0px !important;
	margin-top: -2px;
}

/* ........ sideNav ........... */

#sideNav ul
{
	margin-bottom: 5px;
}

#sideNav ul li
{
	font-size: 11px;
	font-family: verdana, sans-serif;
	background: #fff url(../images/sidenav_blue_bg.gif) repeat-x top;
	border-bottom: 1px solid #d3e6d1;
}

#sideNav ul li a
{
	background: url(../images/green_arrow.gif) no-repeat 10px 13px;
	padding-left: 22px;
	display: block;
	color: #0a7400;
	padding: 8px 0px 8px 22px;
}

#sideNav ul li a:hover
{
	color: #0fb300;
}

#sideNav ul li ul
{
	background-color: #fefdfa;
}

#sideNav ul li ul li
{
	background-image: none;
	border: none;
}

#sideNav ul li ul li a
{
	background: url(../images/brown_arrow.gif) no-repeat 20px 12px;
	font-size: 10px;
	padding-left: 32px;
}

#contentRight
{
	float: left;
	width: 565px;
	background-color: #fff;
	margin-left: 5px;
	display: inline;
}

#bannerHolder
{
	width: 100%;
	margin-bottom: 6px;
}

#announcements
{
	width: 393px;
	float: left;
	background: url(../images/announcement_bg.gif) no-repeat top;
}

#announcements h1
{
	height: 31px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	font-family: lucida, Sans-Serif;
	padding-left: 10px;
	color: #fff;
	background: url(../images/youth_h1_bg.gif) repeat-x bottom;
}

#announcements h2
{
	padding-top: 28px;
	padding-bottom: 20px;
	font-size: 1.8em;
	color: #1467c0;
}

#announcements p
{
	line-height: 1.6em;
	padding-bottom: 1em;
}

#announcements ul
{
    margin: 10px 10px 15px 20px;
}

#announcements li
{
    font-size: 1.1em;
    color: #333;
    background: url(../images/brown_arrow2.gif) no-repeat 5px 8px;
    padding: 3px 0px 3px 19px;
}

#announcements p,
#announcements h2,
#announcements h3,
#announcements img#signature
{
	padding-left: 25px;
	padding-right: 25px;
}

#announcementTabs
{
	padding-left: 8px;
	width: 100%-8px;
	height: 31px;
	background-color: #35690b;
}

#announcementTabs img
{
	margin-top: 4px;
}

#announcementTabs a.viewAll
{
	color: #e4efdb;
	font-size: 11px;
	background: url(../images/light_green_arrow.gif) no-repeat 0px 4px;
	padding-left: 10px;
	float: right;
	margin-top: -24px;
	margin-right: 10px;
}

#announcementContent ul
{
	width: 93%;
	margin: 0px auto;
}

#announcementContent ul li
{
	/*border-bottom: 2px solid #f2f2f2;*/
	margin: 15px 0px;
	background: url(../images/main_28.gif) no-repeat bottom;
}

#announcementContent p
{
	background: url(../images/doc_icon.gif) no-repeat 10px 7px;
	padding-left: 30px;
	padding-right: 10px;
}

#announcementContent p b
{
	color: #c8971e;
	font-weight: bold;
}

#announcementContent p a
{
	color: #3f8c00;
}

#newEvents
{
	width: 166px;
	float: left;
	margin-left: 6px !important;
	margin-left: 4px;
	display: inline;
}

#newEvents h1
{
	height: 31px;
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	font-family: lucida, Sans-Serif;
	padding-left: 10px;
	color: #fff;
	background: url(../images/youth_h1_bg.gif) repeat-x bottom;

	margin: 5px 0px;
}

ul#upcomingEvents
{
	padding-left: 14px;
	padding-right: 10px;
}

ul#upcomingEvents li p
{
	padding: 6px 0px;
}

ul#upcomingEvents li p b
{
	color: #2b8ade;
	font-weight: bold;
}

ul#upcomingEvents li p a
{
	color: #2b8ade;
}






#secContent
{
	padding: 15px 20px;
	width: 100%-40px;
	background: url(../images/content_shadow.gif) no-repeat 0px 0px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#secContent h1
{
	font-size: 2.2em;
	color: #156400;
	padding-bottom: .6em;
}

#footer
{
	text-align: center;
	padding-top: 6px;
	margin-top: 4px;
	background-color: #fff;
}

#footer ul
{
	padding: 12px 0px;
	width: 774px;
	background: #146ec5 url(../images/footer_blue_bg.gif) no-repeat top;
	color: #bccba5;
	margin: 5px auto 0px auto;
}

#footer ul li
{
	display: inline;
	color: #b3cddd;
	font-size: 11px;
}

#footer ul li a
{
	font-size: 11px;
	color: #b3cddd;
}

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

#footer ul p
{
	padding-top: 10px;
	font-size: 11px;
	color: #b3cddd;
}
.relatedDocuments
{
	width:95%;
	background-color:#ccc;
	padding: 5px 5px 5px 5px;
	margin-top: 20px;
}
.relatedDocuments ul li a
{
	color: #600000;
}

.relatedDocuments h2
{
	font-size: 1.2em;
	color: #605f5f;	
}

/* ............ added aug 14, 07 for calendar................ */
#eventCalendar table tr td.DaySelected a
{
	/*text-decoration: underline!important;*/
	color:#349CD9!important;
}
#eventCalendar
{
    width: 166px;
}

#eventCalendar table
{
    width: 100%;
}

#eventCalendar table tr th
{
    color: #333 !important;
    font-weight: bold;
    border-bottom: 1px solid #dedddb;
    text-align: center;
    padding: 5px 0px;
}

#eventCalendar table tr td
{
    font-size: 11px;
    text-align: center;
    padding: 2px 0px;
}

#eventCalendar table tr td a
{
    color: #484848 !important;
}

#eventCalendar table tr td a:hover
{
    color: #ac7d09 !important;
    text-decoration: underline;
}

#eventCalendar table tr td table tr td
{
    color: #349cd9;
    font-weight: bold;
}

#eventCalendar table tr td table tr td a
{
    color: #349cd9 !important;
}

/* ............................. added aug 14, 07 for cms content .................. */
#secContent
{
    font-size: 1.1em;
    color: #666;
    line-height: 14px;
    padding-bottom: 12px;
}

#secContent p
{
    font-size: 1em;
    line-height: 14px;
    padding-bottom: 12px;
}

#secContent a
{
	color: #487cff;
}

#secContent a:hover
{
	color: #1451ff;
	text-decoration: underline;
}

#secContent h1
{
	font-size: 2em;
	color: #156400;
	line-height: 1.2em;
	padding-bottom: .3em;
	padding-top: .3em;
}

#secContent h1.csc-firstHeader
{
    
}

#secContent h2
{
	font-size: 1.6em;
	color: #1c8000;
	line-height: 1.1em;	
	padding-bottom: 1em;
	margin-bottom: .3em;
	background: url(../images/h2_bg.gif) repeat-x bottom;
}

#secContent h3
{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1em;
	color: #156400;
	padding-bottom: .3em;
	padding-top: .3em;
}

#secContent h4
{
	font-size: 1.2em;
	color: #398000;
	line-height: 1.20em;	
	font-weight: bold;
	margin-bottom: .3em;
}

#secContent h5
{
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.35em;
	color: #478507;
	margin-bottom: .5em;
}

#secContent table
{
	margin: 5px 0px 20px 0px;
}

#secContent table tr th
{
	
}

#secContent table tr td
{
	font-size: 1.1em;
	padding: 3px 15px;
}

#secContent ul
{
    margin: 10px 0px 10px 20px;
}

#secContent ul li
{
	font-size: 1em;
	/*color: #333;*/
	background: url(../images/orange_arrow.gif) no-repeat 0px 5px;
	padding-left: 15px;
	margin-bottom: 5px;
}
/*
.relatedDocuments
{
    width: 95%;
    background-color: #fff;
}
*/
#secContent ol
{
    /*margin-left: 20px;*/
}

#secContent ol li
{
    color: #666;
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 10px;
}


.TopMenu .AspNet-Menu li a:hover
{
	color: #ffea82;
    background-color: #4b5d71; /* link hover color */
}

.TopMenu .AspNet-Menu li li a
{    
    background-color: #061f3a; /* nav background color */    
}

.TopMenu .AspNet-Menu li a
{    
	color: #e5d54d;
}


/* ------------------------------------------------------------------- */
/* Specific to this sample web site. */
/* These rules are probably not useful in your site. */
/*********************************************************************************/
.pageList
{
	clear: both;
	text-align: center;
}

.pageList ul li
{
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	list-style: none;
	display: inline;
	margin: 0px 2px;
	background-image:none!important;
}

.pageList ul li a
{
	font-weight: normal;
	color: #3a76b4;
	text-decoration: underline;
}

.pageList ul li a.selectedPage
{
  color: #333;
  text-decoration : none;
  cursor: default;
}
#announcementContent ul
{
	width: 93%;
	margin: 0px auto;
}

#announcementContent ul li
{
	margin: 15px 0px;
	background: url(../images/main_28.gif) repeat-x bottom;
}

#announcementContent p
{
	font-size: 11px;
	background: url(../images/doc_icon.gif) no-repeat 10px 7px;
	padding-left: 30px;
	padding-right: 10px;
}

#announcementContent p b
{
	color: #c8971e;
	font-weight: bold;
}

#announcementContent p a
{
	color: #3f8c00;
}

#tabsContent ul li 
{
	background:transparent url(../images/main_28.gif) no-repeat scroll center bottom;
	margin:15px 0px;
	margin-left:10px;	
}

#tabsContent a
{
	color: #3F8C00;
}

#tabsContent #tabImage
{
	width:110px;
	margin-left:0px;
	float:left;
}

#tabsContent #tabContent
{	
	float:left;
	/*width:255px;	*/	
}

#tabsContent ul
{
	margin:0;
}

#tabsContent p
{
	margin:0;
	padding:0;
}

#tabsContent h1
{
	font-size: 13px;
	font-weight: bold;
	color: #156400;
	margin-bottom: 3px;
	background:none;
	padding:0;
}

#tabsContent a.viewAll
{
	color: #959595;
	font-size: 11px;
	background: url(../images/light_green_arrow.gif) no-repeat 0px 4px;
	padding-left: 10px;
	float: left;
	margin-top: 5px;
	/*margin-top: -24px;*/
	margin-left: 10px;
}

#tabsContent a.viewAll:hover
{	
	color: #6FC927;
}
div#adSpace1 a img,div#adSpace2 a img
{
	display:block;
	margin-bottom:5px;
}