/***** CLEAR DEFAULT BROWSER STYLES **************************************/
* {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

body {
	font-size: 80%;
	font-family: Verdana;
	margin: 0px;
	background: #F4F4D7;
}
body .picContainer {
	width: 558px;
	height: 170px;
	background: url(../images/bgGold.jpg) repeat-x;
	border: 1px solid #C1BF8E;
	margin-bottom: 12px;
}

body .picContainerFullWidth {
	width: 100%;
	background: url(../images/bgGold.jpg) repeat-x;
	border: 1px solid #C1BF8E;
	margin-bottom: 12px;
}

body .picContainerFullWidth .left {
    float: left;
    width: 162px;
}

body .picContainerFullWidth .right {
    float: left;
    padding: 6px;
    width: 575px;
}

body .picContainer .left {
	float: left;
	width: 200px;
	margin-right: 6px;
}

body .picContainer .right {
	float: left;
	padding: 6px;
	width: 320px;
}
body .picContainer2 {
	width: 567px;
	height: 100px;
	margin-bottom: 12px;
}
body .picContainer2 .left {
	float: left;
	width: 200px;
	margin-right: 6px;
}

body .picContainer2 .right {
	float: left;
	padding: 6px;
	width: 320px;
}
body .picContainer3 .right {
	width: 175px;
	height: auto;
	float: right;
	background: #F5F5DF no-repeat;
	border: 1px solid #C1BF8E;
	padding: 10px;
	margin-left: 10px;
}

#page {
	width: 824px;
	background: url(../images/bgPage.jpg) repeat-y;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1px;
	padding-bottom: 1px;
}
#pageFooter {
	background: url(../images/bgPageFooter.jpg) top no-repeat;
	width: 824px;
	margin-left: auto;
	margin-right: auto;
}
#pageContent {
	width: 100%;
	padding-left: 13px;
	padding-right: 13px;
}
#pageHeader {
	width: 798px;
	height: 101px;
	background: #C1BF8E;
}

#siteLogo {
	background: url(../images/logo.gif) bottom right no-repeat;
	width: 374px;
	height: 95px;
	float: left;
}

#printLogo {
	display: none;
}

#siteLogo a {
	display: block;
	width: 374px;
	height:95px;
}

#headerMenu {
	float: right;
	margin-right: 20px;
	line-height: 15px;
	font-family: arial;
	font-size: .9em;
}

#sideContentBox {
	margin-top: 10px;
	padding: 5px;
	font-family: arial;
	font-size: .9em;
}

#siteLogo h1 {
	display: none;
}

#osepLogo {
	width: 544px;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background: #FFFFEA url(../images/footer_logos.gif) left no-repeat;
	padding: 6px 0 0 250px;	
	font-size: .9em;
	border-top: 2px solid #E4E4A5;
	margin-top: 8px;
	cursor: pointer;
}

#osepLogo .link {
	display: none;
}

.colLeft {
	width: 218px;
	float: left;
	vertical-align: top;
}

.colRight {
	width: 552px;
	float: left;
	vertical-align: top;
	margin-left: 15px;
	margin-top: 11px;
}

.colFullWidth {
    width: 770px;
	vertical-align: top;
	margin-left: 15px;
	margin-top: 11px;
}

#eventsBox {
	float: left; 
	width: 266px;
	margin-top: 10px; 
	background: url(../images/bgShadow2.gif) left top repeat-y;
}
#eventsBox .top {
	width: 264px;
	height: 90px;
	margin-left: 2px;
	background: url(../images/bgShadowTop.gif) top no-repeat;	
}
#eventsBox .bottom {
	width: 264px;
	height: 90px;
	margin-left: 2px;
	background: url(../images/bgShadowBottom.gif) bottom no-repeat;	
}

#eventsBox .content {
	margin-top: -70px;
	padding-left: 25px;
}

#eventsBox p {
	font-size: 11px;
}

h2.events {
	padding-top: 3px;
	background: url(../images/iconCalendar.gif) left no-repeat;
	height: 30px;
	padding-left: 37px;
}

#menuContentb {
	float: right; 
	width: 202px; 
	border: none; 
	display: inline;
	font-size: .9em;
	background: url(../images/menubakgrnd.gif) center bottom no-repeat;
}

.menuContentb {
	padding-left: 28px;
	padding-bottom: 28px;
	padding-right: 28px;
	padding-top: 8px;
}

#menuContent {
	float: right; 
	width: 202px; 
	border: none; 
	display: inline;
	font-size: .9em;
	background: url(../images/menuShadow.gif) center bottom no-repeat;	
}

.menuContent {
	padding-left: 28px;
	padding-bottom: 8px;
}

.topLink {
	float: right;
	background: url(../images/iconArrowUp.gif) left no-repeat;
	padding-left: 15px;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
}

.topLink a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
.topLink a:hover {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}

/***** LINK STYLES *******************************************/

#headerMenu a,#sideContentBox a,#menuContent a {
	font-size: 11px;
	color: #5D2E5D;
	text-decoration: none;
}
#headerMenu a:hover,#sideContentBox a:hover,#menuContent a:hover {
	font-size: 11px;
	color: #421A42;
	text-decoration: underline;
}

.linkWhite a {
	color: #fff;
	text-decoration: none;
}

.linkWhite a:hover {
	text-decoration: underline;
	color: #fff;
}
.linkWhite a:visited {
	text-decoration: underline;
	color: #fff;
}

a {
	font-size: 1em;
	text-decoration: underline;
	color: #5D2E5D;
}

a:hover, a.gray:hover {
	font-size: 1em;
	text-decoration: underline;
	color: #663300;
}

a.gray {
	font-size: 1em;
	text-decoration: none;
	color: #666;
}

.homeAdLink {
    font-weight: bold;
    text-decoration: underline;
}

.homeAdLink:hover {
    font-weight: bold;
}

.white, .white:hover {
    color: #fff;
}

/***** END LINK STYLES ***************************************/

/***** MAIN MENU STYLES **************************************/

.headerTA {
	background: url(../images/tabTA.gif) no-repeat;
}
.headerIS {
	background: url(../images/tabIS.gif) no-repeat;
}
.headerPT {
	background: url(../images/tabPT.gif) no-repeat;
}

.headerTA,.headerIS,.headerPT {
	width: 214px;
	height: 32px;
}

.headerTA b,.headerIS b,.headerPT b {
	display: none;
}

.headerTA a,.headerIS a,.headerPT a {
	display: block;
	width: 214px;
	height: 32px;
}

.menuContainer {
	float: left; 
	width: 214px; 
	margin-left: 39px;
}

.menuContainer ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.menuContainer ul li {
	width: 180px;
	padding: 0px;
	padding-top: 5px;
	list-style-image: url(../images/dotPurple.gif);
	line-height: 17px; 
	margin-left: 22px;		
}

.menuContainer ul a {
	font-family: arial;
	font-size: 14px;
	/*font-size: 1.1em;*/
	color: #4C4B2B;
	text-decoration: none;
}

.menuContainer ul a:hover {
	color: #767552;
}

.menuContainerTA,.menuContainerIS,.menuContainerPT {
	width: 100%;
	height: 250px;
}	

.menuContainerTA {
	background: url(../images/bgMenuBoxTA.gif) repeat-y;
}
.menuContainerIS {
	background: url(../images/bgMenuBoxIS.gif) repeat-y;
}
.menuContainerPT {
	background: url(../images/bgMenuBoxPT.gif) repeat-y;
}

.menuFooterTA {
	background: url(../images/bottomTA.gif) no-repeat;
}
.menuFooterIS {
	background: url(../images/bottomIS.gif) no-repeat;
}
.menuFooterPT {
	background: url(../images/bottomPT.gif) no-repeat;
}

.menuFooterPT,.menuFooterIS,.menuFooterTA {
	width: 214px;
	height: 8px;
}

/***** END MAIN MENU STYLES **********************************/

/***** CHILD MAIN MENU STYLES ********************************/

#tabChildFF {
	/* background: url(../images/tabChildIS.gif) center no-repeat; */
	background: url(../images/bgMenuRedChild.png) center no-repeat;
}

#tabChildTA {
	/* background: url(../images/tabChildTA.gif) center no-repeat; */
	background: url(../images/bgMenuBlueChild.png) center no-repeat;
}

#tabChildIS {
	/* background: url(../images/tabChildIS.gif) center no-repeat; */
	background: url(../images/bgMenuGreyChild.png) center no-repeat;
}

#tabChildPT {
	/* background: url(../images/tabChildPT.gif) center no-repeat; */
	background: url(../images/bgMenuRedChild.png) center no-repeat;
}

#tabChildTA,#tabChildIS,#tabChildPT,#tabChildFF {
	width: 199px;
	height: 31px;	
	margin-top: 3px;
}

#tabChildTA b,#tabChildIS b,#tabChildPT b,#tabChildFF b {
    color: #fff;
    font-family: arial;
    font-size: 1.3em;
}

#tabChildTA a,#tabChildIS a,#tabChildPT a,#tabChildFF a {
    display: block;
    width: 199px;
    height: 31px;
    text-decoration: none;
    padding: 5px 0 0 10px;
}

.childMenuTopFF_New {
	background: url(../images/bgChildFFTop_New.gif) no-repeat;
}

.childMenuTopTA_New {
	background: url(../images/bgChildTATop_New.gif) no-repeat;
}

.childMenuTopIS_New {
	background: url(../images/bgChildISTop_New.gif) center no-repeat;
}

.childMenuTopPT_New {
	background: url(../images/bgChildPTTop_New.gif) center no-repeat;
}

.childMenuBottomFF_New {
	background: url(../images/bgChildFFBottom_New.gif) no-repeat;
}

.childMenuBottomTA_New {
	background: url(../images/bgChildTABottom_New.gif) no-repeat;
}

.childMenuBottomIS_New {
	background: url(../images/bgChildISBottom_New.gif) center no-repeat;
}

.childMenuBottomPT_New {
	background: url(../images/bgChildPTBottom_New.gif) center no-repeat;
}

.childMenuBGFF, .childMenuBGTA, .childMenuBGIS, .childMenuBGPT {
    max-width: 213px;
    background: #f5f5df;
}

.childMenuBGFF {
	border-left: 1px solid #8a2f3a;
    border-right: 1px solid #8a2f3a;
}

.childMenuBGTA {
    border-left: 1px solid #777cb5;
    border-right: 1px solid #777cb5;
}

.childMenuBGIS {
    border-left: 1px solid #a3620a;
    border-right: 1px solid #a3620a;
}

.childMenuBGPT {
    border-left: 1px solid #81805f;
    border-right: 1px solid #81805f;
}

.childMenuTopFF,.childMenuTopTA,.childMenuTopIS,.childMenuTopPT,
.childMenuBottomFF,.childMenuBottomTA,.childMenuBottomIS,.childMenuBottomPT {
	width: 199px;
	height: 7px;
}

.childMenuTopFF_New,.childMenuTopTA_New,.childMenuTopIS_New,.childMenuTopPT_New,
.childMenuBottomFF_New,.childMenuBottomTA_New,.childMenuBottomIS_New,.childMenuBottomPT_New {
	width: 215px;
	height: 7px;
}

.childMenuContainer {
	margin: 0 0 6px 5px;
}

.childMenu ul, .childMenu ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

.childMenu ul li, .childMenu ol li {
	width: 170px;
	list-style-image: url(../images/dotPurple.gif) !important;
	line-height: 17px !important;
	margin-left: 2px;	
}

.childMenu ul a, .childMenu ol a {
	font-family: arial;
	font-size: 1em;
	font-weight: normal;
	color: #4C4B2B;
	text-decoration: none;
}

.childMenu ul a:hover, .childMenu ol a:hover {
	color: #767552;
}

/***** END CHILD MAIN MENU STYLES ****************************/

/***** COMMON ELEMENT STYLES *****************************************/

h1 {
	font-weight: normal;
	font-size: 20px;
	color: #6D3B6D;
	margin-bottom: 10px;
	line-height: 30px;
}

h2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #4A3508;
	letter-spacing: 3px;
	font-weight: bold;
}

h3, .h3Div {
	font-family: arial;
	font-size: 13pt;
	font-weight: bold;
	color: #993300;
	letter-spacing: 1px;
	margin-bottom: 5px;
	width: 100%;
	background: url(../images/barLtGray2.gif) bottom left no-repeat;
	padding-bottom: 5px;
	line-height: 20px;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #460D46;
	margin-bottom: 5px;
}

h4 a {
	font-size: 1em;
	font-weight: bold;
	color: #460D46;
	margin-bottom: 5px;
	text-decoration: underline;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	color: #993300;
}

h1,h2,h3,h4 {
	font-family: arial;
}

p {
	margin-bottom: 15px;
	line-height: 20px;
}
b, strong {
	font-weight: bold;
}
ul,ol {
	margin-left: 20px;
	margin-top: 2px;
	margin-bottom: 15px;
}
ul li {
	list-style-image: url(../images/dotOrange.gif);
	padding: 3px;
}
i, em {
	font-style: italic;
}

u {
	text-decoration: underline;;
}

/***** END COMMON ELEMENT STYLES *************************************/

/***** FOOTER STYLES *****************************************/

#pageFooter {
	width: 800px;
	height: 55px;
	background: url(../images/bgFooter.gif) repeat-x;
	color: #fff;
	text-align: right;
	font-size: .9em;
}

#pageBottom {
	width: 824px;
	background: url(../images/bgPageBottom.jpg) top no-repeat;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: .85em;
	padding-top: 17px;
	color: #656543;
}

#pageBottom a {
	color: #57490B;
}


/***** END FOOTER STYLES *************************************/

.searchInput {
	background: url(../images/bgSearchBar.gif) no-repeat;
	border: 0px;
	width: 160px;
	height: 21px;
	padding-left: 5px;
	padding-top: 3px;
	font-size: 1.3em;
	font-weight: bold; 
	font-family: arial;
}

.searchForm {
	background: url(../admin/images/silkIcons/magnifier.png) left no-repeat;
	background-position:  2px 2px;
	padding-left: 20px;
}

/***** IMAGE STYLES *******************************************/
.imgRight {
	float: right;
	 margin:0.5em 0 1em 1em;
	position: relative;
}

.imgLeft {
	float: left;
	 margin:0.5em 1em 1em 0;
	position: relative;
}
.image {
	margin: 0.5em 1em 1em 1em;
	position: relative;
}

/***** BUTTON STYLES ****************************************/
.iconPDF, .iconHTML {
	display: block;
	float: left;
	height: 20px;
	padding-left: 20px;
	margin-top: 5px;
	cursor: pointer;
}
.iconPDF {
	background: url(../images/pdf.png) no-repeat;	
}
.iconHTML {
	background: url(../images/html.png) no-repeat;
}

.buttonPrintDiv {
	float: right;	
}

.buttonPrintMain {
	display: block;
	width: 103px;
	height: 25px;
	background: url(../images/buttonPrintPage.gif) no-repeat;
}

.buttonPrintMain b {
	display: none;
}

.buttonENews {
	display: block;
	width: 206px;
	height: 50px;
	background: url(../images/buttonENews.png) no-repeat;
	margin: 9px 0 9px 0;
}

.buttonSpanish {
	display: block;
	width: 206px;
	height: 50px;
	background: url(../images/buttonSpanish.png) no-repeat;
	margin: 9px 0 9px 0;
}

.buttonSearch {
	display: block;
	width: 206px;
	height: 50px;
	background: url(../images/buttonSearch.png) no-repeat;
	margin: 9px 0 9px 0;
}

/***** TABLE STYLES *****************************************/

.rowStripesOnly {
	background: #fff url("../images/bgRowStripesOnly.gif") repeat-x top;
	border-top: 2px solid #E6E1E1;
}

/***** FORM STYLES ******************************************/

input,select,textarea {
	font-family: Verdana, Arial;
	font-size: 1em;
	padding: 2px;
	border: 1px solid #7F9DB9;
	margin: 2px;
}

.windowBG {
	width: 100%;
	background: url("../images/bgWindow.gif") repeat-x right top;
	border-top: 2px solid #eee;
	margin-bottom: 10px; 
}

hr {
	margin-top: 5px; 
	background: #eee; 
	height: 2px;
}

.doPrint {
	display: none;
}

.iconSiteMap, .iconPeopleFinder, .iconPeoplePrograms, .iconLibrary, .iconSelectedTopics {
	padding-left: 45px;
	min-height: 30px;
	margin-bottom: 12px;
}

.iconSiteMap {
	background: url("../images/iconSiteMap.png") no-repeat left top;
}

.iconPeopleFinder {
	background: url("../images/iconPeopleFinder.png") no-repeat left top;
}

.iconPeoplePrograms {
	background: url("../images/iconPeoplePrograms.png") no-repeat left top;
}

.iconLibrary {
	background: url("../images/iconLibrary.png") no-repeat left top;
}

.iconSelectedTopics {
	background: url("../images/iconSelectedTopics.png") no-repeat left top;
}

/***** NEW LAYOUT FOR 2009 ************************************************/

#newMenuContainer {
	float: left;
}

#newMenu, #newMenu2, .newMenu {
	width: 216px;
	padding: 0;
	margin: 0 5px 0 5px;
}

	#newMenu li, #newMenu2 li, .newMenu li {
		display: block;
		width: 215px;
		min-height: 33px;
		cursor: pointer;
	}    

	#newMenu li p.title, #newMenu2 li p.title, .newMenu li p.title {
		color: #fff;
		margin: 3px 0 0 6px;
        height: 12px;
		font: bold 1.3em arial;
		text-decoration: none;
	}

	#newMenu li p.title a, #newMenu2 li p.title a, .newMenu li p.title a {
		display: block;
		margin: 3px 0 0 6px;
		color: #fff;
        height: 12px;
		font-weight: bold;
		text-decoration: none;
	}

	#newMenu li ul, .newMenu li ul {
		border-right: 6px solid #fff;
		border-bottom: 6px solid #fff;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-radius-topright: 5px;
		-webkit-border-radius-bottomright: 5px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 9px 0 9px 0;
	}

	#newMenu li ul li a, .newMenu li ul li a {
		font: bold 1.1em arial;
		color: #fff;
		text-decoration: none;
	}

	#newMenu li ul li a:hover, .newMenu li ul li a:hover {
		color: #dfdcdc;
		text-decoration: underline;
	}
		
	#newMenu li ul li, .newMenu li ul li {
		margin-left: 12px;
        margin-bottom: 6px;
		min-height: 16px !important;
	}

	#newMenu li.red, .newMenu li.red {
		background: url(../images/bgMenuRed.png) no-repeat;
	}

	#newMenu li.red:hover, .newMenu li.red:hover {
		background: url(../images/bgMenuRedHover.png) no-repeat;
	}
	
		#newMenu li.red ul, .newMenu li.red ul {
			width: 250px;
			background: #8a2f3a;			
			margin-top: 0px;
            z-index: 1000;
		}
		
		#newMenu li.red ul li, .newMenu li.red ul li {
			background: url(../images/bulletRed.png) no-repeat left;
			padding-left: 16px;
		}

	#newMenu li.grey, .newMenu li.grey {
		background: url(../images/bgMenuGrey.png) no-repeat;
	}

	#newMenu li.grey:hover, .newMenu li.grey:hover {
		background: url(../images/bgMenuGreyHover.png) no-repeat;
	}
	
		#newMenu li.grey ul, .newMenu li.grey ul {
			width: 250px;
			background: #81805f;
			border-top: 6px solid #fff;
			margin-top: -6px;
		}
		
		#newMenu li.grey ul li, .newMenu li.grey ul li {
			width: 250px;
			background: url(../images/bulletGrey.png) no-repeat left;
			padding-left: 16px;
		}

	#newMenu li.blue, .newMenu li.blue {
		background: url(../images/bgMenuBlue.png) no-repeat;
	}

	#newMenu li.blue:hover, .newMenu li.blue:hover {
		background: url(../images/bgMenuBlueHover.png) no-repeat;
	}
	
		#newMenu li.blue ul, .newMenu li.blue ul {
			width: 250px;
			background: #777cb5;
			border-top: 6px solid #fff;
			margin-top: -6px;
		}

		#newMenu li.blue ul li, .newMenu li.blue ul li {
			width: 350px;
			background: url(../images/bulletBlue.png) no-repeat left;
			padding-left: 16px;
		}

	#newMenu li.brown, .newMenu li.brown {
		background: url(../images/bgMenuBrown2.png) no-repeat;
	}

	#newMenu li.brown:hover, .newMenu li.brown:hover {
		background: url(../images/bgMenuBrown2Hover.png) no-repeat;
	}

		#newMenu li.brown ul, .newMenu li.brown ul {
			width: 250px;
			background: #A3620A;
			border-top: 6px solid #fff;
			margin-top: -6px;
		}

		#newMenu li.brown ul li, .newMenu li.brown ul li {
			width: 350px;
			background: url(../images/bulletBrown.png) no-repeat left;
			padding-left: 16px;
		}

	#newMenu2 li.brown, .newMenu2 li.brown {
		background: url(../images/bgMenuBrown.png) top left no-repeat;
	}

		#newMenu2 li.brown p.menuItems a, .newMenu2 li.brown p.menuItems a {
			display: block;
			text-decoration: none;
			padding: 0 0 4px 12px;
			margin-left: 10px;
			font-family: arial;
			font-size: 14px;
			color: #4C4B2B;
			background: url(../images/dotPurple.gif) no-repeat left;
		}
	
	#newMenu2 li p.menuBackground, .newMenu2 li p.menuBackground {
		margin: 15px 0 0 -3px;
		padding-top: 5px;
		background: url(../images/bgMenuOpen.png) repeat-y;
		font: 1em arial;
	}

	#newMenu2 li p.menuBottomNew, .newMenu2 li p.menuBottomNew {
		width: 226px;
		height: 8px;
		margin: -4px 0 0 -3px;
		background: url(../images/bgMenuOpenBottom.png) left no-repeat;
	}
	
	/*
	 * Suckerfish styles for horizontal flyout menus
	 */
	.sf-horizontal, .sf-horizontal li {
		width:	201px;
	}
	.sf-horizontal li:hover ul,
	.sf-horizontal li.sfHover ul {
		left:	201px;
		top:	0;
	}

    /*
	 * Suckerfish styles for vertical flyout menus
	 */
     .sf-vertical, .sf-vertical li {
		width:	192px;
	}
	.sf-vertical li:hover ul,
	.sf-vertical li.sfHover ul {
		left:	0px;
		top:	0;
	}
	/*
	 * End Suckerfish styles
	 */

	 /*
	  * Child page menu items
	  */
	#childMenu {
		width: 199px;
		padding: 0;
		margin: 6px 5px 0 5px;
	}
	#childMenu a.title {
		display: block;
		width: 199px;
		min-height: 27px;
		margin-top: 3px;
		color: #fff;
		font: bold 1.3em arial;
		text-decoration: none;
		padding: 6px 0 0 6px;
	}
	
	#childMenu a.red {
		background: url(../images/bgMenuRedChild.png) no-repeat;
	}

	#childMenu a.grey {
		background: url(../images/bgMenuGreyChild.png) no-repeat;
	}

	#childMenu a.blue {
		background: url(../images/bgMenuBlueChild.png) no-repeat;
	}

	#childMenu a.brown {
		background: url(../images/bgMenuBrownChild.png) no-repeat;
	}

/*
 ***** HORIZONTAL CHILD MENU STYLES *****
 */
#newMenu.childMenu {
    width: 793px;
    margin-left: 7px;
}

    #newMenu.childMenu li {
        display: block;
		width: 192px;
		min-height: 33px;
		cursor: pointer;
        margin-right: 6px;
        padding: 0;
        float: left;
        position: relative;
    }

    #newMenu.childMenu li ul {
        position: absolute;
        top: 33px;
        display: none;
	}

    #newMenu.childMenu li ul li {
        margin-left: 6px;
		padding-left: 12px;
		min-height: 16px !important;
        width: 192px;
	}

	#newMenu.childMenu li ul li a {
		font: bold 1em arial;
		color: #fff;
		text-decoration: none;
	}

	#newMenu.childMenu li ul li a:hover {
		color: #dfdcdc;
		text-decoration: underline;
	}	

    #newMenu.childMenu li.red {
		background: url(../images/bgMenuRedChild2.png) no-repeat;
	}

    #newMenu.childMenu li.red:hover {
		background: url(../images/bgMenuRedChild2Hover.png) no-repeat;
	}

        #newMenu.childMenu li.red ul {
			width: 192px;
			background: #8a2f3a url(../images/bgMenuRedChildBottom.png) no-repeat bottom;
            border: none;
            margin: 0;
		}

        #newMenu.childMenu li.red ul li {
            background: url(../images/bulletRed.png) no-repeat 0 5px;
        }

    #newMenu.childMenu li.blue {
		background: url(../images/bgMenuBlueChild2.png) no-repeat;
	}

    #newMenu.childMenu li.blue:hover {
		background: url(../images/bgMenuBlueChild2Hover.png) no-repeat;
	}

        #newMenu.childMenu li.blue ul {
            margin: 0;
			width: 192px;
			background: #777cb5 url(../images/bgMenuBlueChildBottom.png) no-repeat bottom;
            border: none;
		}

        #newMenu.childMenu li.blue ul li {
            background: url(../images/bulletBlue.png) no-repeat 0 5px;
        }

    #newMenu.childMenu li.grey {
		background: url(../images/bgMenuGreyChild2.png) no-repeat;
	}
    
    #newMenu.childMenu li.grey:hover {
		background: url(../images/bgMenuGreyChild2Hover.png) no-repeat;
	}

        #newMenu.childMenu li.grey ul {
			width: 192px;
			background: #81805f url(../images/bgMenuGreyChildBottom.png) no-repeat bottom;
            border: none;
            margin: 0;            
		}

        #newMenu.childMenu li.grey ul li {
            background: url(../images/bulletGrey.png) no-repeat 0 5px;
        }

    #newMenu.childMenu li.brown {
		background: url(../images/bgMenuBrownChild2.png) no-repeat;
	}

    #newMenu.childMenu li.brown:hover {
		background: url(../images/bgMenuBrownChild2Hover.png) no-repeat;
	}

        #newMenu.childMenu li.brown ul {
			width: 192px;
			background: #a3620a url(../images/bgMenuBrownChildBottom.png) no-repeat bottom;
            border: none;
            margin: 0;
		}

        #newMenu.childMenu li.brown ul li {
            background: url(../images/bulletBrown.png) no-repeat 0 5px;
        }

    #newMenu.childMenu li p.title {
		color: #fff;
        text-align: center;
		font: bold 1.3em arial;
		text-decoration: none;
        padding-top: 3px;
        margin: 0;
	}

/*
 * Home page layout items
 */
#newHomePhoto {
	width: 568px;
	height: 320px;
	float: left;
	background: url(../images/newPhoto.jpg) no-repeat;
	margin-top: 6px;
}

#newHomePhoto p {
	width: 568px;
	height: 320px;
	background: url(../images/photoMask.png) no-repeat;
}

.iconHomeCommunityVoices {
	background: url(../images/iconCommunityVoices.png) no-repeat;
	padding-left: 53px;
	height: 45px;
	margin-left: -10px;
	padding-top: 5px;
}

.iconHomeCalendar {
	background: url(../images/iconCalendar.png) no-repeat;
	padding-left: 43px;
	height: 45px;
}

#resourcesBox {
	float: left;
	width: 266px;
	margin-top: 10px;
	background: url(../images/bgShadow2.gif) left top repeat-y;
}
#resourcesBox .top {
	width: 264px;
	height: 90px;
	margin-left: 2px;
	background: url(../images/bgShadowTop.gif) top no-repeat;
}
#resourcesBox .bottom {
	width: 264px;
	height: 90px;
	margin-left: 2px;
	background: url(../images/bgShadowBottom.gif) bottom no-repeat;
}

#resourcesBox .content {
	margin-top: -70px;
	padding-left: 25px;
}

#resourcesBox p {
	font-size: 11px;
}

/***** RESOURCES ICON STYLES *****/

.iconLink {
	display: block;
	height: 35px;
	padding: 8px 0 0 40px;
	margin: 3px 0 3px;
	color: #333;
	text-decoration: none;
	font: bold 1.4em arial;
}

.iconLink:hover {
	text-decoration: none;
	font: bold 1.4em arial;
}

.iconSearch {
	background: url(../images/icon_magGlass.png) left no-repeat;
}

.iconProjects {
	background: url(../images/icon_projects.png) left no-repeat;
}

.iconJobs {
	background: url(../images/icon_jobs.png) left no-repeat;
}

.iconTranslate {
	background: url(../images/icon_translate.png) left no-repeat;
}

.iconChalkBoard {
	background: url(../images/icon_chalkboard.png) left no-repeat;
}

.iconBlogs {
	background: url(../images/icon_blogs.png) left no-repeat;
}

.iconPublications {
	background: url(../images/icon_publications.png) left no-repeat;
}

.iconArtwork {
	background: url(../images/palette.png) left no-repeat;
}

.iconShareStories {
	background: url(../images/edit.png) left no-repeat;
}

/*
 *  Families icons
 */
 ul.icons li {
	 list-style-image: none;
	 list-style-type: none;
	 margin-bottom: 12px;
 }
 
 .iconHands,.iconFamily,.iconPersonal,.iconPerspectives,.iconStories {
	min-height: 90px;
	padding-left: 93px;
 }
 
 .iconHands {
	 background: url(../images/iconFFHands.jpg) 0 6px no-repeat;
 }
 .iconFamily {
	 background: url(../images/iconFFFamily.jpg) 0 6px no-repeat;
 }
 .iconPersonal {
	 background: url(../images/iconFFPersonal.jpg) 0 6px no-repeat;
 }
 .iconPerspectives {
	 background: url(../images/iconFFPerspectives.jpg) 0 6px no-repeat;
 }
 .iconStories {
	 background: url(../images/iconFFStories.jpg) 0 6px no-repeat;
 }

 .iconError {
     display: block;
     padding-left: 22px;
     background: url(../images/exclamation.png) top left no-repeat;
     min-height: 22px;
 }
 .iconOK {
     display: block;
     padding-left: 22px;
     background: url(../images/accept.png) top left no-repeat;
     min-height: 22px;
 }

.boxBlue {
	border: 1px solid #bddbf9;
    background: #ebf4fd;
	width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.boxBlue p {
    padding: 6px;
}

button {
    background: #81805f;
    color: #fff;
    font-weight: bold;
    border: 1px solid #72714d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
    padding: 3px;
    cursor: pointer;
}

.facebook32, .delicious32, .twitter32, .su32, .reddit32, .print32 {
     display: inline-block;
     margin: 0 3px 2px 0;
     width: 32px;
     height: 37px;
     cursor: pointer;
 }

 .facebook32 span, .delicious32 span, .twitter32 span, .su32 span, .reddit32 span, .print32 span {
     display: none;
 }

 .facebook16, .delicious16, .twitter16, .su16, .reddit16 {
     display: inline-block;
     margin-right: 2px;
     width: 16px;
     height: 16px;
     cursor: pointer;
 }

 .delicious32 {
     background: url(../images/icons/delicious_32.png) bottom left no-repeat;
 }

 .facebook32 {
     background: url(../images/icons/facebook_32.png) bottom left no-repeat;
 }

 .twitter32 {
     background: url(../images/icons/twitter_32.png) bottom left no-repeat;
 }

 .su32 {
     background: url(../images/icons/stumbleupon_32.png) bottom left no-repeat;
 }

 .reddit32 {
     background: url(../images/icons/reddit_32.png) bottom left no-repeat;
 }

 .print32 {
     background: url(../images/icons/print_32.png) bottom left no-repeat;
 }

 .delicious16 {
     background: url(../images/icons/delicious_16.png) top left no-repeat;
 }

 .facebook16 {
     background: url(../images/icons/facebook_16.png) top left no-repeat;
 }

 .twitter16 {
     background: url(../images/icons/twitter_16.png) top left no-repeat;
 }

 .su16 {
     background: url(../images/icons/stumbleupon_16.png) top left no-repeat;
 }

 .reddit16 {
     background: url(../images/icons/reddit_16.png) top left no-repeat;
 }

 .buttonSendToFriend {
     display: inline-block;
     width: 104px;
     height: 37px;
     margin: 2px 2px 0 0;
     background: url(../images/icons/buttonSendToFriend.png) bottom left no-repeat;
     cursor: pointer;
 }

 .buttonSendToFriend span {
     display: none;
 }

 .iconPDFBig {
     display: inline-block;
     min-height: 32px;
     padding-left: 36px;
     background: url(../images/icons/page_white_acrobat32.png) top left no-repeat;
 }

 .iconMovieBig {
     display: inline-block;
     min-height: 32px;
     padding-left: 36px;
     background: url(../images/icons/film32.png) top left no-repeat;
 }

 /*
  ***** HOME PAGE SCROLLER STYLES
  */
div.scrollable {
    position:relative;
    overflow:hidden;
    width: 568px;
    height: 320px;
    margin: 6px 10px 0 -10px;
}

div.scrollable div.items {
    width: 20000em;
    position: absolute;   
}

div.scrollable div.items div {
    float: left;
    width: 568px;
    height: 320px;
}

.controlerContainer {
    width: 63px;
    height: 22px;
    background: url(../images/bgControls.png) no-repeat;
    margin-left: 250px;
}

.controlerContainer .prev, .controlerContainer .next {
    width: 16px;
    height: 16px;
    float: left;
    display: block;
}

.controlerContainer .prev {
    background: url(../images/prev.png) no-repeat;
    margin: 3px 7px 0 12px;
}

.controlerContainer .next {
    background: url(../images/next.png) no-repeat;
    margin: 3px 0 0 0;
}


ul.roundBar {
    list-style-type: none;    
}

.roundBar li, div.roundBar {
    width: 450px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-radius: 5px;
    padding: 6px;
    margin-bottom: 12px;
    list-style-image: none;
}

.roundBar a, .roundBar li a {
    color: #fff;
    font: bold 1.3em arial;
    text-decoration: none;
    display: block;
    width: 280px;
    height: 20px;
}

.bigBullet {
    list-style-type: none;
}

.bigBullet li {
    padding-left: 40px;
    list-style-image: none;
    margin-bottom: 18px;
}

.bigBullet li.blue {
    background: url(../images/icons/bulletBlue.png) no-repeat 0 4px;
}

.bigBullet li.blue2 {
    background: url(../images/icons/bulletBlue2.png) no-repeat 0 4px;
}

.bigBullet li.brown {
    background: url(../images/icons/bulletBrown.png) no-repeat 0 4px;
}

.bigBullet li.brown2 {
    background: url(../images/icons/bulletBrown2.png) no-repeat 0 4px;
}

.bigBullet li.gray {
    background: url(../images/icons/bulletGray.png) no-repeat 0 4px;
}

.bigBullet li.red {
    background: url(../images/icons/bulletRed.png) no-repeat 0 4px;
}

.bigBullet li a {
    font: bold 1.6em arial;
    text-decoration: none;
    color: #666;
    display: block;
    width: 280px;
    margin-bottom: 6px;
}

.bigBullet li a:hover {
    font: bold 1.6em arial;
    text-decoration: underline;
    color: #666;
    display: block;
    width: 280px;
    margin-bottom: 6px;
}