@charset "UTF-8";
/* CSS Document */

/*### # # #   #   Settlement House .. Objects Style Sheet  ...  started Feb 1, 2005   #   #  # # # ###*/

	/*## #  centering fix for IE5.x/win  # ##*/
	#PageWrapper, #FooterWrapper, #Footer2  { text-align: center; }
	#MastHead, #TopNav, #SplashWrapper, #BodyWrapper { text-align: left; }
	#MastHead, #TopNav, #SplashWrapper, #BodyWrapper { margin: 0; padding: 0; }


/*### # # #   #   Generic Styles (all pages)   #   #  # # # ###*/
#PageWrapper { width: 718px; margin: 0 auto; text-align: center; padding: 0; border: #999 1px solid; voice-family: "\"}\""; voice-family:inherit; width: 720px;	}

html>#PageWrapper	{
	width: 720px; margin: 0 auto; text-align: center;
	} 
.no-posts {
	background-color:#fafafa;
	border:1px solid #ccc;
	padding:10px;
	margin:10px;
}
#Masthead { text-align: left; height: 70px; width: 100%; background: #E2ECE0; }
#Masthead img {
	float:left;
}
div#search { float:right; width:200px; display:block;background-color:#E2ECE0; }
div#search div.submit { float:right; margin-right:10px; }
div#search div.input { width:130px; }
div#search div.input input { padding-top:3px;padding-bottom:3px; border: 1px solid #ccc; background-color:#f6f9f5; width:130px; background-image:url('/cmsdemo/img/icons/search_12.gif'); background-repeat:no-repeat; background-position:2px; padding-left:16px; }

/*## #  TOP NAV  # ##*/
#TopNav { width: 100%; height: 33px; margin: 0; padding: 0; font-size: 0; background: #336699 none repeat scroll 0 0}
#TopNav IMG { margin: 0; padding: 0; font-size: 0; }

.LinkGreen { color: #393; }
.Orange { color: #F90; }

.Note { color: #666; font-size: 11px; }
UL.Note { list-style-image: url(http://www.universitysettlement.org/images/bullet.orange-star.gif); }
.Footnote { font-size: 80%; color: #999; text-align: center; }
#SplashWrapper IMG { margin-top: 2px; }

* HTML #BodyWrapper { margin-top: -6px; }
* HTML .Home #BodyWrapper { margin-top: 0px; }

.PageTop { text-align: right; }
.PageTop A:Link,.PageTop A:Visited { text-decoration: none; }
.PageTop A:Hover { text-decoration: underline; }

.ClearAll { clear: both; } 

/*## #  SIDE NAV  # ##*/
.paging {
	margin:10px;
	padding:10px;
	font-size:10px;
	border:1px solid #e2ece0;
	width:260px;
}

/* WHO */
.SideColumn UL.WhoNav { margin: 0; padding: 0; background: #CDC; height: auto; width: 167px; margin-left: -16px;  }
* HTML .SideColumn UL.WhoNav { margin-bottom: -5px; margin-top: 5px; height: 203px; }
.SideColumn UL.WhoNav {
   voice-family: "\"}\"";
   voice-family: inherit;
   margin-left: 0px;
   } /*Hack for ie 5.x PC*/
.SideColumn UL.WhoNav LI { margin: 0; padding: 0; height: 25px; line-height: 180%; font-size: 13px; font-weight: bold; display: block; clear: both; list-style-type: none; border-top: 1px solid #FFF; }
* HTML .SideColumn UL.WhoNav LI { margin-top: -3px; }
.SideColumn UL.WhoNav LI.First { border-top: 0; }
* HTML .SideColumn UL.WhoNav LI.First { margin-top: 0; border-top: 0; }
* HTML .SideColumn UL.WhoNav LI.Last { border-bottom: #FFF 2px solid; }
.SideColumn UL.WhoNav A { margin: 0; padding: 0; width: 167px; height: 25px; display: block; float: left; text-decoration: none; }
.SideColumn UL.WhoNav A:Hover, .SideColumn UL.WhoNav A:Active { margin: 0; padding: 0; background: #E5EEE5; }
.SideColumn UL.WhoNav LI.First A:Hover, .SideColumn UL.WhoNav Li.First A:Active { color: #FFF; background: #72B972; }


/* WHAT */
.SideColumn UL.WhatNav { margin: 0; padding: 0; background: #CDC; height: auto; width: 167px; margin-left: -16px; }
* HTML .SideColumn UL.WhatNav { margin-bottom: -5px; margin-top: 5px; height: 280px; }
.SideColumn UL.WhatNav {
   voice-family: "\"}\"";
   voice-family: inherit;
   margin-left: 0px;
   } /*Hack for ie 5.x PC*/
.SideColumn UL.WhatNav LI { margin: 0; padding: 0; height: 25px; line-height: 180%; font-size: 13px; font-weight: bold; display: block; clear: both; list-style-type: none; border-top: 1px solid #FFF; }
* HTML .SideColumn UL.WhatNav LI { margin-top: -3px; }
.SideColumn UL.WhatNav LI.First { border-top: 0; }
* HTML .SideColumn UL.WhatNav LI.First { margin-top: 0; border-top: 0; }
* HTML .SideColumn UL.WhatNav LI.Last { border-bottom: #FFF 2px solid; }
.SideColumn UL.WhatNav A { margin: 0; padding: 0; width: 167px; height: 25px; display: block; float: left; text-decoration: none; }
.SideColumn UL.WhatNav A:Hover, .SideColumn UL.WhatNav A:Active { margin: 0; padding: 0; background: #E5EEE5; }
.SideColumn UL.WhatNav LI.First A:Hover, .SideColumn UL.WhatNav Li.First A:Active { color: #FFF; background: #72B972; }


/* NEWS */
.SideColumn UL.NewsNav { margin: 0; padding: 0; background: #CDC; height: auto; width: 167px; margin-left: -16px; }
* HTML .SideColumn UL.NewsNav { margin-bottom: -5px; margin-top: 5px; height: 103px; }
.SideColumn UL.NewsNav {
   voice-family: "\"}\"";
   voice-family: inherit;
   margin-left: 0px;
   } /*Hack for ie 5.x PC*/
.SideColumn UL.NewsNav LI { margin: 0; padding: 0; height: 25px; font-size: 13px; line-height: 180%;font-weight: bold; display: block; clear: both; list-style-type: none; border-top: 1px solid #FFF; }
* HTML .SideColumn UL.NewsNav LI { margin-top: -3px; }
.SideColumn UL.NewsNav LI.First { border-top: 0; }
* HTML .SideColumn UL.NewsNav LI.First { margin-top: 0; border-top: 0; }
* HTML .SideColumn UL.NewsNav LI.Last { border-bottom: #FFF 2px solid; }
.SideColumn UL.NewsNav A { margin: 0; padding: 0; width: 167px; height: 25px; display: block; float: left; text-decoration: none; }
.SideColumn UL.NewsNav A:Hover, .SideColumn UL.NewsNav A:Active { margin: 0; padding: 0; background: #E5EEE5; }
.SideColumn UL.NewsNav LI.First A:Hover, .SideColumn UL.NewsNav Li.First A:Active { color: #FFF; background: #72B972; }


/* TAKE ACTION */
.SideColumn UL.ActionNav { margin: 0; padding: 0; background: #CDC; height: auto; width: 167px; margin-left: -16px; }
* HTML .SideColumn UL.ActionNav { margin-bottom: -5px; margin-top: 5px; height: 128px; }
.SideColumn UL.ActionNav {
   voice-family: "\"}\"";
   voice-family: inherit;
   margin-left: 0px;
   } /*Hack for ie 5.x PC*/
.SideColumn UL.ActionNav LI { margin: 0; padding: 0; height: 25px; line-height: 180%; font-size: 13px; font-weight: bold; display: block; clear: both; list-style-type: none; border-top: 1px solid #FFF; }
* HTML .SideColumn UL.ActionNav LI { margin-top: -3px; }
.SideColumn UL.ActionNav LI.First { border-top: 0; }
* HTML .SideColumn UL.ActionNav LI.First { margin-top: 0; border-top: 0; }
* HTML .SideColumn UL.ActionNav LI.Last { border-bottom: #FFF 2px solid; }
.SideColumn UL.ActionNav A { margin: 0; padding: 0; width: 167px; height: 25px; display: block; float: left; text-decoration: none; }
.SideColumn UL.ActionNav A:Hover, .SideColumn UL.ActionNav A:Active { margin: 0; padding: 0; background: #E5EEE5; }
.SideColumn UL.ActionNav LI.First A:Hover, .SideColumn UL.ActionNav Li.First A:Active { color: #FFF; background: #72B972; }


/* GLOBAL PG NAV */
.SideColumn UL.GlobalNav { margin: 0; padding: 0; background: #CDC; height: 25px; width: 167px; margin-left: -16px; }
* HTML .SideColumn UL.GlobalNav { margin-bottom: -5px; margin-top: 5px; height: 25px; }
.SideColumn UL.GlobalNav {
   voice-family: "\"}\"";
   voice-family: inherit;
   margin-left: 0px;
   } /*Hack for ie 5.x PC*/
.SideColumn UL.GlobalNav LI { margin: 0; padding: 0; height: 25px; line-height: 180%; font-size: 13px; font-weight: bold; display: block; clear: both; list-style-type: none; border-top: 1px solid #FFF; }
* HTML .SideColumn UL.GlobalNav LI { margin-top: -3px; }
.SideColumn UL.GlobalNav LI.First { border-top: 0; }
* HTML .SideColumn UL.GlobalNav LI.First { margin-top: 0; border-top: 0; }
* HTML .SideColumn UL.GlobalNav LI.Last { border-bottom: #FFF 2px solid; }
.SideColumn UL.GlobalNav A { margin: 0; padding: 0; width: 167px; height: 25px; display: block; float: left; text-decoration: none; }
.SideColumn UL.GlobalNav A:Hover, .SideColumn UL.GlobalNav A:Active { margin: 0; padding: 0; background: #E5EEE5; }


/* DOWNSTATES */
.SideColumn UL.WhoNav LI.First A { color: #FFF; background: #72B972; }
.SideColumn UL.WhatNav LI.First A { color: #FFF; background: #72B972; }
.SideColumn UL.NewsNav LI.First A { color: #FFF; background: #72B972; }
.SideColumn UL.ActionNav LI.First A { color: #FFF; background: #72B972; }
.SideColumn UL.GlobalNav LI.First A { color: #FFF; background: #72B972; }

.WhoHistory .SideColumn UL LI.Second A { background: #E5EEE5; }
.WhoBoard .SideColumn UL LI.Third A { background: #E5EEE5; }
.WhoStaff .SideColumn UL LI.Forth A { background: #E5EEE5; }
.WhoFinancials .SideColumn UL LI.Fifth A { background: #E5EEE5; }
.WhoJobs .SideColumn UL LI.Sixth A { background: #E5EEE5; }
.WhoLocations .SideColumn UL LI.Seventh A { background: #E5EEE5; }
.WhoFacilities .SideColumn UL LI.Eighth A { background: #E5EEE5; }
/*
.WhatChildhood .SideColumn UL LI.Second A { background: #E5EEE5; }
.WhatYouth .SideColumn UL LI.Third A { background: #E5EEE5; }
.WhatCommunity .SideColumn UL LI.Forth A { background: #E5EEE5; }
.WhatEviction .SideColumn UL LI.Fifth A { background: #E5EEE5; }
.WhatMental .SideColumn UL LI.Sixth A { background: #E5EEE5; }
.WhatLiteracy .SideColumn UL LI.Seventh A { background: #E5EEE5; }
.WhatOlder .SideColumn UL LI.Eighth A { background: #E5EEE5; }
.WhatArts .SideColumn UL LI.Ninth A { background: #E5EEE5; }
.WhatArtsCalendar .SideColumn UL LI.Ninth A { background: #E5EEE5; }
.WhatBeacon .SideColumn UL LI.Tenth A { background: #E5EEE5; }
.WhatCredit .SideColumn UL LI.Eleventh A { background: #E5EEE5; }
*/
.NewsFacilities .SideColumn UL LI.Second A { background: #E5EEE5; }
.NewsCommunity .SideColumn UL LI.Second A { background: #E5EEE5; }
.NewsOpenHouse .SideColumn UL LI.Third A { background: #E5EEE5; }
.NewsBenefit .SideColumn UL LI.Forth A { background: #E5EEE5; }

.ActionFriend .SideColumn UL LI.Second A { background: #E5EEE5; }
.ActionCompany .SideColumn UL LI.Third A { background: #E5EEE5; }
.ActionEstate .SideColumn UL LI.Forth A { background: #E5EEE5; }
.ActionTime .SideColumn UL LI.Fifth A { background: #E5EEE5; }


/* Other SideCol Stuff */
.SideColumn .Promo { background: #E5EEE5; text-align: center; padding: 10px 0; margin: 2px 0; }
* HTML .SideColumn .Promo { -top: 5px; border-top: #FFF 2px solid; }

.SideColumn .Newsletter { margin: 0; padding: 10px 0; background: #E5EEE5; }
.SideColumn .Newsletter H4 { margin-left: 5px; font-size: 13px; color: #393; }
.SideColumn .Newsletter P { margin: 0 8px; font-size: 11px; line-height: 150%;  margin-bottom: 1em; }
.SideColumn .Newsletter .Email { text-align: center; margin: 0 auto; }
.SideColumn .Newsletter INPUT.EmailInput { margin: 0; padding: 0;  font-size: 15px; width: 100px; vertical-align: middle; border: #333 1px solid; }
.SideColumn .Newsletter INPUT.GO { margin: 0; padding: 0; vertical-align: middle; }


/*## #  CONTENT  # ##*/

#MainContent { padding: 1em; background: url(http://www.universitysettlement.org/images/content.bkg.triangle.1.gif) no-repeat left top; }
* HTML #MainContent { margin-top: 5px; padding: 1em; background: url(http://www.universitysettlement.org/images/content.bkg.triangle.1.gif) no-repeat left top; }

#MainContent h2 { color: #393; line-height: 150%; margin-bottom: 1.5em; }
#MainContent h3 { color: #69C; line-height: 150%; margin-bottom: 1.5em; }
#MainContent h4 { margin-left: .5em; color: #69C; font-weight: normal; line-height: 150%; margin-bottom: 1em; }
#MainContent h5 { color: #999; font-size: 90%; text-transform: uppercase; letter-spacing: 1px; line-height: 150%; margin-bottom: .5em; margin-top: 3em; border-bottom: 1px solid #CCC; }
#MainContent h5 .Lower { text-transform: none; }

#MainContent P { line-height: 150%; margin-bottom: 1.5em; margin-left: .5em; }
#MainContent STRONG { /*color: #393;*/ color: #333; font-size: 100%; }

#MainContent .PhotoSpot { margin: 15px; padding: 0; color: #993; font-size: 13px; font-weight: bold; display: block; width: 168px; float: right; background: #FFC; }
* HTML #MainContent .PhotoSpot { font-size: 12px; }
#MainContent .PhotoSpot P { margin: .5em; }

#MainContent .PhotoSpot2 { margin: 15px; padding: 0; color: #993; font-size: 13px; font-weight: bold; display: inline; width: 300px; float: right; background: #FFC; }
* HTML #MainContent .PhotoSpot { font-size: 12px; }
#MainContent .PhotoSpot P { margin: .5em; }

#MainContent .PhotoSpot3 { width: auto; float: left; margin: 0px 15px 0px 0px; padding: 0; }

#MainContent .AltList { margin: 0; padding: 0; }
#MainContent .AltList H4 { float: left; display: inline; margin-bottom: 1em; color: #393; font-weight: bold; font-size: 90%; }
#MainContent .AltList UL { float: left; display: inline; width: 430px; margin: 0 0 1em 1em; list-style-image: url(http://www.universitysettlement.org/images/bullet.green-circle.gif); list-style-position: outside; }

#MainContent UL.Info { color: #69C; margin-right: 2em; }
#MainContent UL.Info LI { margin-bottom: 1em; }

#MainContent UL.NoBullet { margin: 0; padding: 0; margin-bottom: 1em; list-style-type: none; list-style-position: outside; }
#MainContent UL.NoBullet { margin-left: 1.5em; font-size: 100%; line-height: 180%; }
#MainContent UL.NoBullet UL { list-style-type: none; }
#MainContent UL.NoBullet LI { margin-bottom: 1em; }
#MainContent UL.NoBullet UL LI { margin-bottom: 0; }

#MainContent UL.Bullet { margin: 0; padding: 0; margin-bottom: 1em; list-style-image: url(http://www.universitysettlement.org/images/bullet.green-circle.gif); list-style-position: outside; }
#MainContent UL.Bullet { margin-left: 2.5em; margin-top: 1em; font-size: 90%; line-height: 130%; }
#MainContent UL.Bullet LI { margin-bottom: 1em; }
#MainContent UL.Bullet UL LI { margin-bottom: 0; }

#blog UL.Bullet { margin: 0; padding: 0; margin-bottom: 1em; list-style-image: url(http://www.universitysettlement.org/images/bullet.green-circle.gif); list-style-position: outside; }
#blog UL.Bullet { margin-left: 2.5em; margin-top: 1em; font-size: 90%; line-height: 130%; }
#blog UL.Bullet LI { margin-bottom: 1em; }
#blog UL.Bullet UL LI { margin-bottom: 0; }

#blog .title {
	font-weight:bold;
	font-size:14px;
	margin:5px;
	color:#339933;
}	
#blog .date {
	font-size:11px;
	margin:5px;
}
/*## #  FOOTER  # ##*/
#FooterWrapper { margin: 0 auto; margin-top: 3em; font-size: 11px; font-weight: bold; border-top: #666 1px solid; }
#FooterWrapper A {  color: #369; text-decoration: none; }
#FooterWrapper UL LI { display: inline; list-style-type: none; padding: 0 1em; border-right: #333 1px solid; }
#FooterWrapper UL LI.Last { border-right: 0; }


/*## #  FOOTER 2  # ##*/
#Footer2 { font-size: 85%; margin: 0 auto; text-align: center; width: 718px; voice-family: "\"}\""; voice-family:inherit; width: 720px; }
#Footer2 P { text-align: center;  margin: 1em 0 1.5em 1em; width: 718px; voice-family: "\"}\""; voice-family:inherit; width: 720px; }


/*### # # #   #   Types of TABLES   #   #  # # # ###*/
.FormTable { }
.FormTable TH { font-weight: normal; text-align: right; font-size: 70%; padding-right: .5em; }
.FormTable TD { padding: 1px 0; }
.FormTable TD LABEL { font-size: 75%; }
.FormTable .Inputs LABEL { font-size: 100%; }
.FormTable INPUT, .FormTable SELECT { vertical-align: middle; }
.FormTable TEXTBOX { border: 1px solid #CCC; }

.DataTable { }
.DataTable TD, .DataTable TH { font-size: 85%; padding: 2px 0; }
.DataTable TH { text-align: left; vertical-align: bottom; }
.DataTable TR.Alt TD { background: #EAF3F6; }

/* css workaround */
.LayoutTable { voice-family: "\"}\""; voice-family: inherit; width: 100%; }
.DummyRuleForIE50Win { }


/*### # # #   #   Specific Styles (one page)   #   #  # # # ###*/

.Contact #MainContent H5 { margin-top: .5em; }

.NewsCommunity #MainContent .AltList UL { width: 450px !important; margin: 0 0 1em 1em; }

.NewsBenefit #MainContent .AltList UL { width: 200px !important; }

.Home #MainContent { background: none; margin: 0; padding: 0; margin-left: 4px; font-size: 95%; }
.Home #MainContent IMG { margin: -7px 0px 5px 0px; padding: 0px; border: 0; border-top: 1px solid #369;}
.Home #MainContent .Header1 { margin: 0px 0px 2px 0px; border: 0;}
.Home #MainContent P { margin: 1em 1em .2em 1em; line-height: 120%; }
.Home #MainContent A { margin: 0 1em; font-weight: bold; color: #369; font-size: 90%; }


.Home #MainContent .DotBullet { margin: 0; padding: 0; margin-bottom: .5em; list-style-image: url(http://www.universitysettlement.org/images/bullet.green-circle.gif); list-style-position: outside; }
.Home #MainContent .DotBullet LI { margin-bottom: 1em; margin-right: .5em; font-size: 90%; line-height: 150%; }


.Home .Divider { background: url(http://www.universitysettlement.org/images/bkg.divider.gif) repeat-x; height: 31px; margin: 0 1px;}

.Home .Content2 { margin: 10px; }
.Home .Content2 .Col1 IMG { border: 1px solid #369; margin: 3px 0px 3px 35px; }
.Home .Content2 A { margin: 0; font-weight: bold; color: #369; font-size: 90%; }
.Home .Content2 H3 { color: #369; margin-bottom: .5em; text-align: center; }
.Home .Content2 .Col1 { border-right: 1px solid #CCC; padding-right: 10px; vertical-align: top; }
.Home .Content2 .Col1 P { margin-bottom: .5em; }

.Home .Content2 .Col2 IMG { border:1px solid #369;  margin: 3px 0px 3px 35px;}
.Home .Content2 A { margin: 0; font-weight: bold; color: #369; font-size: 90%; }
.Home .Content2 .Col2 { border-right: 1px solid #CCC; padding-right: 10px; vertical-align: top; }
.Home .Content2 .Col2 P { margin: 0em 0em .5em 1em; }

.Home .Content2 .Col3 { padding-left: 10px; vertical-align: top; }
.Home .Content2 .Col3 IMG { margin: 3px 0px 3px 25px; padding: 0; }
.Home .Content2 .Col3 INPUT { width: 150px; margin: 0 .5em; border: 1px ridge #CCC; }
.Home .Content2 .Col3 LABEL { font-size: 90%; }
.Home #FooterWrapper { margin-top: 0; }

.WhoHome {  }

.WhoLocations {  }
.WhoLocations #MainContent UL.NoBullet LI { line-height: 120%; padding-bottom: 1em;}

.WhoStaff {  }
.WhoStaff #MainContent UL.NoBullet { margin: 0 0 50px 30px; }
.WhoStaff #MainContent UL.NoBullet LI { line-height: 120%; }

.WhoBoard {  }
.WhoBoard #MainContent UL.NoBullet { margin: 0 0 20px 50px; }

.WhoFinancials { }
.WhoFinancials .DataTable TD { padding: 7px; }
.WhoFinancials .Disclaimers { background: #efefef; padding: 2em; margin: 0; margin-top: 1em; }
.WhoFinancials .Disclaimers P { font-size: x-small; line-height: 100%; margin: 0; padding: 0; margin-bottom: 5px; }

.WhoFacilities {  }
.WhoFacilities #MainContent UL.NoBullet { margin: 0 0 50px 30px; }
.WhoFacilities #MainContent UL.NoBullet LI { line-height: 120%; }

.NewsFacilities {  }
.NewsFacilities #MainContent UL.NoBullet { margin: 0 0 50px 30px; }
.NewsFacilities #MainContent UL.NoBullet LI { line-height: 120%; }


.SiteMap {  }
.SiteMap #MainContent .Bullet { margin-left: 30px; margin-top: 1.5em;  }
.SiteMap #MainContent .Bullet LI { margin-bottom: .5em;  }

.NewsCommunity {  }
.NewsCommunity #MainContent .NoBullet LI { margin-bottom: .5em; font-weight: bold; }

.NewsOpenHouse {  }
.NewsOpenHouse .Event { margin: 0; padding: 1em; background: #EAF3F6; border-right: 1px dashed #CCC; border-left: 1px dashed #CCC; border-bottom: 1px dashed #CCC; }
.NewsOpenHouse #MainContent H5 { margin-bottom: 0;  }
.NewsOpenHouse #MainContent .NoBullet LI { margin: 0; padding: 0; }

.WhatArtsCalendar { }
.WhatArtsCalendar .Event { margin: 0; padding: 1em; padding-bottom: .5em; background: #EAF3F6; border-right: 1px dashed #CCC; border-left: 1px dashed #CCC; border-bottom: 1px dashed #CCC; }
.WhatArtsCalendar #MainContent H5 { margin-bottom: 0; margin-top: 1.5em;  }
.WhatArtsCalendar #MainContent .NoBullet LI { margin: 0; padding: 0; }

.ThankYou {  }
.ThankYou #MainContent { background: none; height: 250px; }

.NewsBenefit .Footnote { text-align: left; margin-top: 20px;}

.ActionFriend .FormTable TEXTAREA { font-family: helvetica, sans-serif; color: #369; line-height: 120% !important; font-size: 90%; width: 350px; height: 250px; }

.WhoJobs .Bullet LI { margin-left: 2em; }

.NewsCommunity { }
.NewsCommunity .PhotoSpot { clear: both; }

.Newsletter .SignUp { margin: 0; padding: 1em; background: #EAF3F6; border-right: 1px dashed #CCC; border-left: 1px dashed #CCC; border-bottom: 1px dashed #CCC; }

.WhatArts .Event { margin: .5em; padding: 1em 1em .5em 1em; background: #EAF3F6; border: 1px solid #CCC;}