/* CSS Document */

/* HTML Tags */

body {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#333;
	}
	
h1,h2,h3,h4,h5,h6,p {
	padding:0;
	margin:0;
}

a {
	text-decoration:underline;
	}

/************************************/

/* Containers */


/* Main Container that holds all of the sub container */

#MainContainer {
	width:55.25em; 
	position:relative; 
	padding-top:5em; 
	margin:0 auto;
}

/********************/


/* Upper Image Container, includes logo which is absolutely positioned */

#UpperImageContainer {
	height:98px;
	border-top:1px solid #fff;
	border-bottom:1px solid #438bc5;
	background:url(images/background_upperimage.gif) repeat-x left 1px;
	}
	
#UpperImageContainer.youth {
	background:url(images/background_upperimageY.gif) repeat-x left 1px;
	}
	
#UpperImageContainer.family {
	background:url(images/background_upperimageF.gif) repeat-x left 1px;
	}
	
#UpperImageContainer.kids {
	background:url(images/background_upperimageK.gif) repeat-x left 1px;
	}

#UpperImageContainer div.main {
	background-color:#DAEBF5;
	margin:1px 0;
	height:96px;
	width:884px;
	position:relative;
	background-image:url(images/background_pencilcrayons.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

#UpperImageContainer.youth div.main {
	background-color:#b2bc00;
	background-image:url(images/background_upperimage2_Y.gif);
}

#UpperImageContainer.family div.main {
	background-color:#0171C9;
	background-image:url(images/background_upperimage2_F.gif);
}

#UpperImageContainer.kids div.main {
	background-color:#FF5F00;
	background-image:url(images/background_upperimage2_K.gif);
}


#UpperImageContainer p.mainimages {
	text-align:right;
	}
	
#UpperImageContainer.youth p.mainimages {
	text-align:left;
	background-image:url(images/background_upperimage2_Y2.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
	
#UpperImageContainer.kids p.mainimages {
	text-align:left;
	background-image:url(images/background_upperimage2_K2.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}
	
#UpperImageContainer.family p.mainimages {
	text-align:left;
	background-image:url(images/background_upperimage2_F2.gif);
	background-repeat:no-repeat;
	background-position:right top;
	}

#upperLogo {
	position:absolute;
	top:-4.4em;
	left:19px;
	z-index:20;
}

#upperLogo a {
	cursor:pointer;
}

/********************/



/* Main Content Area, Main Content Container with four sub containers: 
   Right Side Content Container made up of Center Column and Right Column
   Left Side Column
   Utility Navigation */

#MainContentContainer {
	margin-top:1.3em;
	position:relative;
}

/**************/

#RightSideContent {
	width:41em;
	float:right;
}

/**************/

#CentreColumn {
	width:29em;
	float:left;
	/*font-size:.8em;*/
	padding-top:.8em;
}

#CentreColumn h1 {
	font-size:0.9em;
	color:#fff;
	padding-bottom:0.2em;
	padding-top:0.2em;
	background-color: #e8f2fb;
	padding-left:0.3em;
	background-image:url(images/background_h1.jpg);
	background-repeat:repeat-y;
	background-position:0 0;
	margin-bottom:0.4em;
}

#CentreColumn h2 {
	font-size:0.9em;
	color:#0171c9;
	padding-bottom:0.9em;
	padding-left:0em;
}

#CentreColumn h3,h4,h5,h6 {
	font-size:.8em;
	color:#0171c9;
	font-weight:bold;
	line-height:1.6em;
}

#CentreColumn h3{
	border-top:1px solid #ccc;
	padding-top:.2em;
	margin-top:.5em;
	padding-bottom:.2em;
}

#CentreColumn p {
	font-size:.8em;
	padding-bottom:.9em;
	padding-top:.2em;
	line-height:1.6em;
}

#CentreColumn a:link {
	color:#0171c9;
}

#CentreColumn a:visited {
	color:#902c90;
	/*background-color:#ffffff;*/
}

#CentreColumn a:hover {
	background-color:#e9f4fd;
}

#CentreColumn ul#breadcrumb {
	font-size:.7em;
	margin:0 0 .7em 0;
	padding:0;
	list-style: none;
	}
	
#CentreColumn ul#breadcrumb a {
	padding:0 2px 0 11px;
	background-image:url(images/arrow_breadcrumb.gif);
	background-position: left center;
	background-repeat:no-repeat;
	color:#555;
	}
	
#CentreColumn ul#breadcrumb a.nobkgd {
	padding-left:0;
	background:none;
	}
	
#CentreColumn ul#breadcrumb a:hover {
	color:#0171c9;
	background-color:#fff;
	}

#CentreColumn ul#breadcrumb li {
	display:inline;
	}
	
#CentreColumn ul, #CentreColumn  ol {
	font-size: .8em;
	line-height:1.6em;
}

#CentreColumn ul {
	list-style: none;
	padding:.2em 0 .9em 0;
	margin:0 0 0 .2em;
	}
	
#CentreColumn ol {
	margin:0 0 0 .2em;
	}

#CentreColumn ul li {
	padding:0 0 .4em 1em;
	background-image:url(images/bullet_mainContent.gif);
	background-position:.1em .65em;
	background-repeat:no-repeat;
	}
	
#CentreColumn ul ul, #CentreColumn ol ul, #CentreColumn ul ol, #CentreColumn ol ol {
	list-style: none;
	padding:0;
	margin:0 0 0 .8em;
	line-height:1.6em;
	}
	
#CentreColumn ul ul ul {
	list-style: none;
	padding:0;
	margin:0 0 0 1em;
	line-height:1.6em;
	}
	
	
#CentreColumn ul ul li, #CentreColumn ol ul li,  #CentreColumn ul ol li,  #CentreColumn ol ol li {
	padding:0 0 .4em 1.5em;
	background-image:url(images/bullet_mainContent2.gif);
	background-position:.5em .5em;
	background-repeat:no-repeat;
	font-size:1.2em;
	}
	
#CentreColumn ul ul ul li {
	padding:0 0 .4em 1.5em;
	background-image:url(images/bullet_mainContent3.gif);
	background-position:.5em .5em;
	background-repeat:no-repeat;
	font-size:1.3em;
	}
	
#CentreColumn ul li ol, #CentreColumn ol li ol {
	padding:0;
	margin:.4em 0 0 3em;
	}
	
#CentreColumn ul li ol li, #CentreColumn ol li ol li {
	padding:0 0 .8em 0em;
	font-size:1.2em;
}
	
#CentreColumn input, #CentreColumn textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:0 .2em;
	margin-top:.1em;
	}
	
#CentreColumn select, #CentreColumn option {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
	
#CentreColumn select {
	 margin-top:.1em;
	 }
	 
#CentreColumn label.typical_form,#CentreColumn span.typical_form {
	width:13em;
	clear:both;
	display:block;
	float:left;
	}
	
#CentreColumn sup {
	font-size:.8em;
	}

#CentreColumn sup a {
	text-decoration:none;
	}
	
#CentreColumn ul.newsevents {
	width:18em; 
	float:left; 
	padding-top:.5em;
	line-height:1.3em;
}

#CentreColumn ul.newsevents li {
	background:none; 
	padding:0 0 .5em 0; margin:0;
}


#CentreColumn a.pdf_icon {
	padding-left:18px;
	background-image:url(images/pdficon_small.gif);
	background-repeat:no-repeat;
	background-position:.15em .15em;
}

#CentreColumn dl.footnotes {
	margin-top: .2em;
	border-top:1px solid #ccc;
	padding-top:.4em;
	padding-bottom:.9em;
}

#CentreColumn dl.footnotes dt {
	float:left;
	clear:both;
	font-size:.7em;
	}
	
#CentreColumn dl.footnotes dd {
	font-size:.7em;
	padding-bottom:.4em;
	}
	
#CentreColumn dl.footnotes a {
	text-decoration:none;
	}
	
#CentreColumn table {
	
	}
	
#CentreColumn table th, #CentreColumn table td {
	font-size:.7em;
	padding:.2em .4em .5em .3em;
	text-align:left;
	line-height:1.2em;
	}
	
#CentreColumn table th {
	color:#fff;
	background-color:#0271CA;
}

#CentreColumn table caption {
	font-size:.8em;
	color:#0171c9;
	font-weight:bold;
	line-height:1.6em;
	border-top:1px solid #ccc;
	padding-top:.2em;
	margin-top:.5em;
	text-align:left;
	padding-bottom:.5em;
}

#CentreColumn table tr p {
	font-size:1em;
	padding:0;
	margin:0;
	line-height:1.2em;
}

#CentreColumn dl.conference {
	padding:0;
	margin:0;
	clear:both;
	line-height:1.2em;
}

#CentreColumn dl.conference dt {
	width:13em;
	float:left;
	font-size:.8em;
	clear:both;
}

#CentreColumn dl.conference dd {
	width:10em;
	float:left;
	font-size:.8em;
}


/**************/

#RightSideColumn {
	width:8.9em;
	float:right;
	padding-top:.8em;
}

#RightSideColumn div.menuBox  {
	margin-bottom:.7em;
}

#RightSideColumn p {
	font-size:.7em;
	text-align:left;
	line-height:1.2em;
}

#RightSideColumn div.menuBox p {
	padding:3px .8em;
	margin-bottom:0;
}

#RightSideColumn div.menuBox p.title {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#12ad2a;
}

#RightSideColumn div.menuBox ul {
	padding:.4em .8em;
	margin:1px 0 0 0;
	background:url(images/background_rightcolumn.jpg) repeat-x left top #f2f7fb;
	border-top:1px solid #438bc5;
	text-align:left;
}

#RightSideColumn div.menuBox li {
	font-size:.7em;
	padding-bottom: .6em;
	list-style:none;
	line-height:1.2em;
}

#RightSideColumn p a, div.menuBox li a {
	color:#0171c9;
	}
	
#RightSideColumn p a:hover, div.menuBox li a:hover {
	color:#12ad2a;
	}
	
#RightSideColumn p {
	margin-bottom:.7em;
	}

#RightSideColumn ul#corners {
	padding:0;
	margin:0;
	list-style:none;
	}
	
#RightSideColumn ul#corners a {
	display:block;
	margin-bottom:.7em;
	}
	
#RightSideColumn ul#corners li {
	display:inline;
	}

/**************/

#LeftSideColumn {
	width:12em;
	}
	
#LeftSideColumn:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#LeftSideColumn ul  {
	margin:0;
	padding:0;
	list-style: none;
}

#LeftSideColumn ul a {
	color: #FFFFFF;
	font-size:.75em;
	font-weight:bold;
	text-decoration:none;
	background-color:#329e2f;
	padding:.25em 10px .3em 22px;
	display:block;
	border-top:1px solid #47be44;
	border-bottom:1px solid #1c8219;
}

#LeftSideColumn ul a:hover {
	background-color:#228620;
	border-top-color:#30a12e;
	border-bottom-color:#136e11;
	color: #FFFFFF;
}


body#about a#aboutLink,
body#programs a#programsLink,
body#conferences a#conferencesLink,
body#scholarships a#scholarshipsLink,
body#links a#linksLink,
body#contactus a#contactusLink {
	background-image:url(images/arrow_mainMenu.gif);
	background-position:10px center;
	background-repeat:no-repeat;
}


#LeftSideColumn ul ul a {
	color: #333333;
	font-size:.7em;
	font-weight:normal;
	text-decoration:none;
	background-color:#f2f7fb;
	padding:0px 15px 0px 22px;
	display:block;
	border-top:0;
	border-bottom:0;
}

#LeftSideColumn ul ul a span {
	display:block;
	border-top:1px solid #b9b9b9;
	padding:4px 0;
	}

#LeftSideColumn ul ul a.selected {
	background-image:url(images/arrow_mainMenu2.gif);
	background-position: 10px .55em;
	background-repeat:no-repeat;
}

#LeftSideColumn ul ul a.selected span.selected {
	border-bottom:1px solid #b9b9b9;
}

#LeftSideColumn ul ul a.selected:hover {
	background-image:url(images/arrow_mainMenu2-over.gif);
	}
	
#LeftSideColumn ul ul a:hover {
	background-color:#D1E5F4;
	color: #333333;
}


#LeftSideColumn ul ul ul {
	background-color:#fbfdf2;
}


#LeftSideColumn ul ul ul a, #LeftSideColumn ul ul ul span {
	color: #0171c9;
	font-size:.7em;
	font-weight:normal;
	text-decoration:none;
	background-image:url(images/bullet_mainMenu3.gif);
	background-repeat:no-repeat;
	background-position:24px .7em;
	background-color:#fbfdf2;
	padding:.25em 15px .3em 31px;
	display:block;
	border-top:0;
	border-bottom:0;
}

#LeftSideColumn ul ul ul span {
	background-image:none;
}

#LeftSideColumn ul ul ul ul {
	padding-left:10px;
}

#LeftSideColumn ul ul ul a:hover {
	color: #0171c9;
	background-color:#e4f0ed;
	background-image:url(images/bullet_mainMenu3.gif);
}

#LeftSideColumn a {
	color:#333;
}

#LeftSideColumn a:hover {
	color:#0171c9;
}

div#textSize p {
	font-size:.7em;
	margin-left:22px;
	position:relative;
	top:3.6em;
}

div#textSize ul {
	padding:0;
	margin:0 0 2em 22px;
	list-style:none;
	font-size:.8em;
	line-height:1.9em;
	}

div#textSize li {
	display:inline;
}

div#textSize a {
	display:inline;
	padding:2px 3px;
	border:1px solid #12ad2a;
	margin:0 0 0 0;
	background-color:#fff;
	color:#12ad2a;
	font-weight:normal;
}


div#textSize a.textS {
	font-size:100%;
}

div#textSize a.textM {
	font-size:108%;
}

div#textSize a.textL {
	font-size:116%;
}

div#textSize a:hover {
	border:1px solid #0171c9;
	background-color:#f2f7fb;
	color:#12ad2a;
} 

div#LeftSideColumn p.normal {
	font-size:.7em;
	margin:.8em 0 .8em 22px;
}

#UtilityNavigation {
	position:absolute;
	top:-1.3em;
	left:0;
	width:100%;
	height:1.3em;
	background-color:#e5f0f9;
	background-image:url(images/background_utilitynav.jpg);
	background-repeat:repeat-x;
	clear:both;
	}

#UtilityNavigation ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

#UtilityNavigation a {
	font-size:.7em;
	font-weight:bold;
	text-decoration:none;
	color:#2b7fca;
	display:block;
	padding:.3em .8em 0 .9em;
	background:url(images/vertLine_utilityMenu.gif) left center  no-repeat;
}

#UtilityNavigation a:hover {
	color:#015bb8;
	}
	
#UtilityNavigation a.home {
	padding-left:22px;
	padding-right:0;
	width:18.6em;
	background-image:url(images/arrow_utilityMenu.gif);
	background-position:-1000px center;
	background-repeat:no-repeat;
}

#UtilityNavigation a.home:hover {
	background-position:10px center;
}

#UtilityNavigation a.secondItem {
	margin-left:-.9em; 
	background-image:none;
}

#UtilityNavigation ul li {
	float:left;
}

#Header {
	position:absolute;
	top:0;
	left:0;
	height:5em;
	width:100%;
	text-align:right;
	font-size:.7em;
	padding:1.6em 0 .4em 0;
}

#Header p.searchForm {
	padding:.8em 0 0 0;
}

#Header input.submitButton {
	background-color:#0171c9;
	border:0;
	color:#FFFFFF;
	margin-left:.3em;
	height:2.2em;
	width:2.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	padding-bottom:.2em;
}

#Header input.textField {
	width:16em;
	margin-bottom:-.1em;
	height:1.2em;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Header ul  {
	margin:0;
	padding:0;
	list-style: none;
	margin-right:-0.7em;
	}

#Header ul a {
	padding:0 .7em 0 .8em;
	color:#0171c9;
	background:url(images/vertLine_secondaryMenu.gif) left center  no-repeat;
}

#Header ul a.nobkgd {
	background-image:none;
}

#Header ul a:hover {
	color:#0171c9;
}

#Header ul li {
	/*float: right;*/
	/*display:inherit;*/
}

* html #Header input.textField {
	margin-bottom:0em;
}

#Footer {
	padding:1px 0 0 0;
	border-top:1px solid #666666;
	margin:2em 0 0 0;
}

#Footer div.main {
	background-color:#DBECFC;
	height:7em;
	background-image:url(images/background_footer1.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
}

#Footer div.main2 {
	height:7em;
	background-image:url(images/background_footer2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#Footer div.lastUpdated {
	width:18em;
	float:left;
	position:relative;
	top:-2.2em;
	font-size:.7em;
	line-height:1.6em;
	padding-left:22px;
}

#Footer div.content {
	width:41em;
	float:right;
	color:#333333;
	padding-top:1em;
	}
	
#Footer div.content p {
	font-size:.7em;
	line-height:1.6em;
	}
	
#Footer div.content a {
	font-weight:bold;
	color:#0171c9;
	}
	
#Footer div.content a:hover {
	color:#015bb8;
	}
	
#Footer div.content ul {
	font-size:.7em;
	line-height:1.6em;
	margin:0;
	padding:0;
	list-style: none;
	}
	
#Footer div.content ul li a {
	padding:0 8px 0 10px;
	background-image:url(images/vertLine_footer.gif);
	background-position: left center;
	background-repeat:no-repeat;
	}

#Footer div.content li {
	display:inline;
	}
	
#Footer p.addressOne {
	float:left;
	margin-right:.5em;
}

#Footer div.content ul {
	clear:both;
}

.copyright {
	font-size:.65em;
	margin-top:.5em;
	}
	
.abbr {
  border-bottom-width: 1px;
  border-bottom-style:dotted;
}

/* IE Hacks */

#LeftSideColumn ul li {
	display:inline;
}

* html #LeftSideColumn ul a {
	height: 1px;
	}

/* See the Missing Manual for additional hacks */

#Header ul li  {
	display:inline;
}

#UtilityNavigation ul li  {
	display:inline;
}

/* General Styles */
.do_not_display {
	display:none;
	}
	
.clear:after {
	content: ".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	
.clear {
	min-height: 1px;
	}
	
* html .clear {
	height: 1px;
	}