/*

STYLES FOR ST. ONGE HOMEPAGE

*/

/* content */

#contentWrapper { width:935px; margin:15px auto 0 auto; display:block; position:relative; }

#homeContentWrapper { width:465px; margin-left:470px; }


/* welcome text */

#aboutText { float:left; width:285px; }

#aboutText h2 { color:#ddcda4; font:normal 18pt/23.5pt 'trebuchet ms'; margin:10px 0 5px 0; padding:0; }

#aboutText p { font:normal 10pt/15pt verdana; }


/* NEWS */

#newsArticles { width:160px; background:url(../../Images/ui/hm-news-backrnd.gif) no-repeat; display:block; float:right; margin:5px 0 20px 0; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }

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

#newsArticles a, #newsArticles a:link, #newsArticles a:visited { color:#b6dcf5; text-decoration:none; }

#newsArticles a:hover { color:#FFFFFF; text-decoration:underline; }

#newsArticles strong { font:bold 10pt/10pt 'trebuchet ms'; color:#fff; text-transform:uppercase; display:block; border-bottom:solid 1px #527688; padding:0 0 5px 0; margin:12px 0 0 0; }

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

#newsArticles ul li h2.sf_newsTitle { font:bold 10pt/12pt arial!important; margin:0; padding:0; }

#newsArticles .sf_newsList li { margin:0; padding:7px 0 0 0; display:block; font:normal 8.2pt/11.2pt verdana; color:#eadbb4;}

#newsArticles .sf_newsList p, #newsArticles .sf_newsDate, #newsArticles .sf_postCategory, #newsArticles .sf_readMore { display:none; }


/* PUBLICATIONS */

/*#newsArticles .sf_pageList { margin:0 0 5px 0; padding:0; list-style:none; }

#newsArticles .sf_pageList li a { margin:0; padding:7px 0 0 0; display:block; font:normal 10pt/12pt arial; }

#newsArticles .sf_pageList li { margin:0; padding:0; display:block; }

#newsArticles  h2.sf_listTitle { font:bold 10pt/10pt 'trebuchet ms'; color:#fff; text-transform:uppercase; display:block; border-bottom:solid 1px #527688; padding:10px 0 7px 0; margin:0; }*/


/* EVENTS */

#newsArticles ol.sf_eventsList { margin:7px 0 0 0; padding:0; }

#newsArticles ol.sf_eventsList li { margin:0; padding:5px 0 0 0; }

#newsArticles h3.sf_eventTitle { margin:0; padding:4px 0 0 0; display:block; font:normal 10pt/12pt arial!important; }

#newsArticles .sf_eventPriod { font:normal 8pt/8pt arial!important; }

#newsArticles .sf_eventSummary, #newsArticles .sf_eventLocation, #newsArticles .sf_eventPriod { display:none; }

#newsArticles .sf_eventBasicInfo { margin:0 0 7px 0; padding:0; }


/* slideshow container */

#slideshow_border { position:absolute; top:0; left:0; width:438px; height:254px; z-index:100; }

#items_container { position:absolute; left:5px; top:5px; width:438px; height:500px; overflow:hidden; background:url(../../Images/ui/hm-slideshow-backrnd.gif) no-repeat; z-index:50; }


/* photo */

div.slide_item { position:absolute; left:0; top:0; width:438px; height:254px; }
	
div.first_item { left:67px; }


/* captions */

div.slide_item h3 { margin:20px 0 0 10px; padding:0; color:#c5b690; font:normal 20px/28px 'trebuchet ms'!important; height:35px; width:435px; background:url(../../Images/ui/hm-underline.gif) repeat-x left bottom; }

div.slide_item p { margin:7px 0 10px 10px; padding:0; font:normal 12px/17px verdana; }


/* number buttons */

/* set number button colors in slider_v2.js */

/*set left px to move Services text left or right. change width to also - totla of left and width should be 445px */
#numberWrapper { position:absolute; top:225px; left:120px; width:325px; height:41px; overflow:hidden; background:url(../../Images/ui/hm-services-title.gif) no-repeat; z-index:500; }

/*set padding left to move numbers left or right */
#num_nav { list-style:none; margin:0; padding:0; padding:24px 0 0 100px; display:block; }

#num_nav li { display:block; float:left; width:20px; margin-right:4px;  background-color: #7c9fb1; }

#num_nav a { display:block; padding:3px 0 4px 0; text-align:center; font:normal 11px/11px verdana; }

#num_nav a, #num_nav a:link, #num_nav a:visited { color:#fff; text-decoration:none; }


/* play buttons */

ul#controls { width:177px; height:20px; position:absolute; top:252px; left:15px; z-index:700; list-style:none; margin:0; padding:0; }

#controls li { display:block; float:left; width:12px; height:11px; }

li#prevbtn { display:none; }

li#playbtn a { background:url(../../Images/ui/hm-button-pause.gif) no-repeat 0 0; display:block; width:50px; height:11px; cursor:pointer; text-indent:-3000px; overflow:hidden; }

li#nextbtn { display:none; }

#playbtn a:hover{ background-position:0 -11px; }