/* GENERIC ELEMENTS */
* { margin:0; }
html { height:100%; margin:0; padding:0; }
body { height:100%; background:url(/images/bg/bg_shadow.jpg) repeat-y center; font:normal 10pt Tahoma, Arial, Helvetica, sans-serif; color:#000; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; padding:0; }
#ipbwrapper {
width: 786px;
}
a { color:#335B88; text-decoration:none; }
a:hover { color:#FCAD03; text-decoration:underline; }
img { border:0; }
hr { border:1px dotted #CCC; margin-top:15px; margin-bottom:15px; clear:both; }
h1 { font-size:1.1em; font-weight:bold; margin:0; padding-bottom:20px; }
h2 { font-size:1.0em; font-weight:bold; margin:0; padding-bottom:0px; }
form { font-size:0.85em; }
#FloatRight { float:right; }
#FloatLeft { float:left; }
/* CONTENT LAYOUT */
#Container { width:100%; position:relative; background:url(/images/bg/bg_shadow.jpg) repeat-y center; margin:0; }
table#Container { width:790px; position:relative; background:url(/images/bg/bg_shadow.jpg) repeat-y center; margin:0 auto;}
td#Content { vertical-align:top; }
#Content { width:620px; vertical-align:top; padding-bottom:50px; }
#ContentFull { width:620px; vertical-align:top; background-color:#FFF; padding-bottom:50px; }
td#ContentLeft{ width:76%; vertical-align:top; padding-left:20px; padding-right:20px; }
td#ContentRight { width:24%; vertical-align:top; }
#ContentRight { min-height:100%; text-align:left; padding-top:15px; padding-bottom:40px; }
#ContentRight p#Title { color:#CE3C25; font-size:1.1em; font-weight:bold; border-bottom:1px solid #FEE65C; line-height:0.85em; margin:0px 0px 5px 5px; padding:0; text-transform:uppercase; }
#ContentRight p { font-size:0.85em; padding:2px 5px 5px 10px; }
#ContentRight ul { list-style-image: url(/images/bullets/bullet_starright.gif); padding-left:25px; padding-top:5px; margin:0; }
#ContentRight ul li { padding-bottom:5px; font-size:0.85em; }
/* DROPDOWN MENU */
#DDM_AboutCEP { top:100px; }
#DDM_Highlights { top:157px; }
#DDM_Resources { top:227px; }
#DDM_YourOpinion { top:260px; }
.DropDownMenu { width: 150px; left:150px; background-color:#730707; color:#FFFFFF; font-size:0.8em; position:absolute; visibility:hidden; }
.DropDownMenu a { color:#FFF; text-decoration:none; }
.DropDownMenu a:hover { color:#FCAD03; }
.DropDownMenu ul { font-size:1em; padding-left:20px; margin:0; background-color:#730707; border-top:3px solid #852323; border-bottom:3px solid #852323; }
.DropDownMenu ul li { font-size:1em; list-style-type:square; padding:5px 5px 5px 0px; margin:0; background-color:#730707; border-bottom:1px solid #852323; }
/* HOMEPAGE ELEMENTS */
#MainMenu { width:150px; height:100%; padding-top:10px; text-align:right; background-color:#2B9EAD; vertical-align:top; padding-top:25px; }
#TVBanner { width:620px; padding-top:5px; padding-bottom:5px; text-align:left; background-color:#2B9EAD; height:220px; }
#LanguageBar { width:100%; background-color:#6ABAC4; color:#FFF; font-size:0.65em; padding:10px 0px; text-align:center; }
#LanguageBar .item { background:url(/images/icons/icon_starhome.gif) no-repeat left; padding-right:1.25em; padding-left:1.25em; }
#LanguageBar a { color:#FFFFFF; text-decoration:none; }
#LanguageBar a:hover { color:#FF9; }
#UnityHighlights { width:100%; background:url(/images/bg/bg_yellow.jpg) repeat-y; }
#UnityHighlights td { vertical-align:top; }
#UnityHighlights p { width:94%; XXXborder:1px solid #000; margin-right:auto; margin-left:auto; }
#HighlightsHome { padding-bottom:0px; clear:both; font-size:0.8em;}
#HighlightsHome .Thumbnail { background:url(/images/bg/bg_thumbnail.gif) no-repeat; font-size:0.9em; padding:10px 20px 20px 10px; }
#HighlightsHome p { padding:10px 10px 10px 0px; margin:0; font-size:0.9em; clear:both; }
#HighlightsHome a { font-weight:bold; }
#HighlightsHome .ArticleDate { font-size:0.8em; color:#999; padding:0; }
#HighlightsHomeMore {border-bottom:1px dotted #CCC;}
#UnityHome {padding-left:10px;}
#UnityHome td a { font-weight:bold; }
#UnityHomeDetail #Thumbnail { width:30%; }
#UnityHomeDetail #Thumbnail { background:url(/images/bg/bg_thumbnail.gif) no-repeat; padding:10px 20px 20px 10px; }
#UnityHome #Detail { width:70%; padding-left:5px; padding-top:10px; font:normal 10pt Tahoma, Arial, Helvetica, sans-serif;}
#UnityHomeDetail td{font-size:10pt; }
#UnityHomeDetail a { font-weight:bold; font-size:10pt;}
#UnityHomeMore {border-bottom:1px dotted #CCC;}
#EventsQuickpoll { width:100%; background:url(/images/bg/bg_wood.jpg) repeat-y; font-size:0.9em; }
#EventsQuickpoll td { vertical-align:top; }
#EventsQuickpoll #Banners { border-left:1px solid #EBB563; padding:15px 15px; }
#EventsQuickpoll #Banners img { padding:2px; }
#StarBulletList ul { list-style-image: url(/images/bullets/bullet_star.gif); padding-left:40px; padding-top:10px; margin:0; }
#StarBulletList ul li { padding-bottom:5px; }
#Poll { padding-left:20px; padding-top:5px; padding-right:20px; }
/* MASTHEAD */
#Masthead { background:url(/images/masthead.jpg) no-repeat top right; height:90px; width:100%; }
#Masthead p { width:350px; float:right; text-align:left; padding-top:60px; font-size:0.8em; color:#FFF; font-weight:bold; }
#Masthead a { color:#FFF; text-decoration:none; padding-right:13px; margin-right:7px; border-right:1px solid #5A4023; font-weight:normal; }
#Masthead a:hover { color:#FCAD03; }
/* BREADCRUMBS */
#Breadcrumbs { color:#999999; font-size:0.8em; padding:5px 0px 30px 20px; clear:both; }
#Breadcrumbs a { padding-right:5px; }
/* PAGE HEADERS */
#PgHd { width:620px; height:70px; font-size:22px; color:#C00; clear:both; }
#PgHd p { margin:0; padding-top:35px; padding-left:20px; background:url(/images/bullets/bullet_arrow.gif) no-repeat 8px 45px; }
#PgHd.AboutCEP { background:url(/images/hdbg/hdbg_aboutcep.jpg) no-repeat left; }
#PgHd.AskSunny { background:url(/images/hdbg/hdbg_asksunny.jpg) no-repeat left; }
#PgHd.ContactUs { background:url(/images/hdbg/hdbg_contactus.jpg) no-repeat left; }
#PgHd.FunStuff { background:url(/images/hdbg/hdbg_funstuff.jpg) no-repeat left; }
#PgHd.Highlights { background:url(/images/hdbg/hdbg_highlights.jpg) no-repeat left; }
#PgHd.LookingForSomething { background:url(/images/hdbg/hdbg_lookingforsomething.jpg) no-repeat left; }
#PgHd.LookingForSomething { background:url(/images/hdbg/hdbg_lookingforsomething.jpg) no-repeat left; }
#PgHd.MultimediaGallery { background:url(/images/hdbg/hdbg_multimediagallery.jpg) no-repeat left; }
#PgHd.PhotoVideoGallery { background:url(/images/hdbg/hdbg_photovideogallery.jpg) no-repeat left; }
#PgHd.PodcastVodcast { background:url(/images/hdbg/hdbg_podcastvodcast.jpg) no-repeat left; }
#PgHd.Publications { background:url(/images/hdbg/hdbg_publications.jpg) no-repeat left; }
#PgHd.YourOpinion { background:url(/images/hdbg/hdbg_youropinion.jpg) no-repeat left; }
/* FOOTER + COPYRIGHT
#Footer { text-align:center; font-size:0.8em; clear:both; bottom:-25px; width:770px; }
#Footer p { padding:0; margin:0; padding-top:30px; }
#Footer p.icon { padding-top:10px; padding-bottom:5px; background:url(/images/bg/bg_footer.jpg) no-repeat bottom #F5F4E7; height:25px; }
#Footer p.icon a { padding: 2px 20px 2px 25px; margin-left:15px; }
#Footer p.icon .bookmark { background:url(/images/icons/icon_bookmark.jpg) no-repeat left; border-right:1px solid #DCDBCF; }
#Footer p.icon .rss { background:url(/images/icons/icon_rss.jpg) no-repeat left; border-right:1px solid #DCDBCF; }
#Footer p.icon .relatedlinks { background:url(/images/icons/icon_relatedlinks.jpg) no-repeat left; border-right:1px solid #DCDBCF; }
#Footer p.icon .question { background:url(/images/icons/icon_question.jpg) no-repeat left; border-right:1px solid #DCDBCF; }
#Footer p.icon .sitemap { background:url(/images/icons/icon_sitemap.jpg) no-repeat left; }
#Footer p.copyright { background:#FFFFFF; padding-top:5px; padding-bottom:15px; }
#Footer p.copyright a { padding-right: 15px; padding-left:15px; border-right:1px solid #DCDBCF; }
*/
/* PAGING */
#Paging { color:#999999; clear:both; font-size:0.85em; padding-top:40px; text-align:right; width:100%; }
#Paging a { border-right:1px solid #CCC; padding:0px 7px; }
#Paging a.LastItem { border:none; }
/* PAGES: Contact Us */
#ContactUs td { font-size:0.85em; vertical-align:top; }
#ContactUs ul { list-style-image: url(/images/bullets/bullet_starcontact.gif); padding-left:20px; margin:0; }
#ContactUs ul li { padding-bottom:5px; }
#ContactUs .Column1 { width:20%; font-weight:bold; background-color:#DBEEF0; border-bottom:1px solid #E5E3DC; padding:10px; }
#ContactUs .Column2 { width:30%; background-color:#F3F3EF; border-bottom:1px solid #E5E3DC; border-right:1px solid #E5E3DC; padding:10px; }
#ContactUs .Column3 { width:50%; background-color:#F3F3EF; border-bottom:1px solid #E5E3DC; padding:10px; }
/* PAGES: Publications */
#Publications td { padding:20px 0; border-bottom:1px dotted #CCC; }
#Publications #Thumbnail { width:26%; text-align:center; }
#Publications #Detail { width:74%; font-size:0.9em; padding-left:10px; vertical-align:middle; }
#Publications #ArticleDate { font-size:0.85em; color:#999; padding:0; }
#Publications a { font-weight:bold; }
/* PAGES: Article Listing */
#ArticleListing td { padding:15px 0; border-bottom:1px dotted #CCC; }
#ArticleListing #Thumbnail { width:30%; }
#ArticleListing #Detail { width:70%; padding-left:5px; font:normal 10pt Tahoma, Arial, Helvetica, sans-serif;}
#ArticleListing #Detail p {font:normal 10pt Tahoma, Arial, Helvetica, sans-serif;}
#ArticleListing #Thumbnail img { background:url(/images/bg/bg_thumbnail.gif) no-repeat; font-size:0.9em; padding:10px; }
#ArticleListing #ArticleDate { font-size:0.8em; color:#999; padding:0; }
#ArticleListing a { font-weight:bold; }
/* PAGES: Photo / Video Gallery */
#PhotoVideoGallery { padding-left:20px; padding-right:20px; }
#PhotoVideoGalleryAlbum{padding-top:10px;}
#PhotoVideoGallery p { padding-left:10px; padding-top:0px; padding-bottom:8px; }
#PhotoVideoGallery #GalleryListingPhoto { width:100px; background-color:#CCCCCC; text-align:center; }
#PhotoVideoGallery #GalleryListingTitle { background-color:#94CCD2; font-size:0.9em; height:65px; font-weight:bold; padding-left:10px; }
#PhotoVideoGallery #GalleryListingDate { background-color:#F3F3EF; color:#999999; font-size:0.85em; height:55px; }
h1#GalleryDetailInfo { background:url(/images/bg/bg_orange.gif) repeat-x; height:30px; color:#FFF; padding:10px 0px 0px 10px; }
#GalleryDetailInfo td { border-bottom:1px dotted #CCC; padding:5px 0px 5px 10px; vertical-align:top; font-size:0.85em; vertical-align:top; }
#GalleryDetail td { vertical-align:top; }
#GalleryDetailPhoto { height:180px; text-align:center; }
#GalleryDetailDesc { font-size:0.85em; height:30px; padding-left:5px; padding-top:5px; border-bottom:1px dotted #CCC;}
#GalleryDetailContributor { background-color:#FFF; color:#666; font-size:0.80em; height:45px; padding-left:5px; padding-top:2px; }
/* PAGES: Survey */
#Survey table { width:96%; }
#Survey table.SurveyDetails td { vertical-align:top; background-color:#DBEEF0; padding:7px; border-bottom:1px solid #EEF9F9; }
#Survey table.SurveyQuestions td { font-weight:bold; color:#C00; vertical-align:top; padding:10px 7px; border-bottom:1px dotted #CCC; }
#Survey label { color:#000; font-weight:normal; }
/* PAGES: Looking For Something */
#LookingForSomething p { padding-left:20px; width:95%; }
#LookingForSomething h1 { background:url(/images/bg/bg_orange.gif) repeat-x; height:30px; color:#FFF; padding:10px 0px 0px 10px; margin:0px; }
#LookingForSomething td { font-size:0.85em; vertical-align:top; padding:7px 5px 7px 10px; }
#LookingForSomething th { background-color:#DBEEF0; font-size:0.85em; height:25px; padding:5px 5px 5px 10px; text-align:left; }
.Alphabet { background-color:#343631; color:#666; height:40px; }
.Alphabet a { color:#FFF; padding-right:7px; }
.Listing td { border-bottom:1px dotted #CCC; }
/* PAGES: Ask Sunny */
#AskSunny ol { padding-left:30px; }
#AskSunny ol li { border-bottom:1px dotted #CCC; padding:8px 0px; }
#AskSunny ol li.Active { font-size:0.85em; }
#AskSunny ol li.Active a { color:#C9563D; font-size:1.15em; font-weight:bold; }
/* PAGES: Fun Stuff */
#FunStuff { background:url(/images/bg/bg_orange.gif) repeat-x; height:30px; color:#000; padding:10px 0px 0px 0px; margin:0px; }
#FunStuff td { font-size:0.85em; }
#FunStuff img#TN { background:url(/images/bg/bg_thumbnail.gif) no-repeat; font-size:0.9em; padding:10px 10px 20px 10px; }
#FunStuff td#Title { color:#FFF; font-size:1.1em; font-weight:bold; padding-bottom:10px; display:block; }
#ContentRight p#Thumbnail img { background:url(/images/bg/bg_thumbnail_tn.gif) no-repeat; padding:5px; text-align:center; display:block; }
#ContentRight p#Link { display:block; width:90%; border-bottom:1px solid #FEE65C; text-align:center; margin-bottom:10px; }
#toplink a{color:#FFF;}
#submitbuttons{
height:20px;
width:30px;
font-size: 7pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#searchtxtbox{
height: 18px;
width: 80px;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
p
{
margin: 1.0em 0 1.0em 0;
line-height: 1.25em; /* This is aprox. default line height in most popular browsers; set explicitly to ensure consitency. */
}
.headers a:link, .headers a:visited, .headers a:active{ color:#335B88; text-decoration:none; }
.headers a:hover { color:#335B88; text-decoration:underline; }
.Monthheader{ color:#335B88; font-weight:bold; }