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

body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #444444; background-color: #e6e6e6; }
br.clear { clear:both; line-height:1px; }
table { width: 100%; border-spacing:0; border:0; }
td, th {vertical-align:top;}
hr { color: #ccc; background-color: #ccc; height: 4px; border:0px; }
div.thumbnail { padding: 5px; float: left; width: 90px; margin-right:3px; font-size: 10px; line-height:10px; }
a, img { border:0px; }

#container { margin: 6px auto; width: 900px; }
#header { background-color: #FFF; height: 70px; margin-bottom: 6px; background-image: url(images/sy_logo.png); background-repeat: no-repeat; background-position: 8px top; position:relative; }
#header img#touch { position:absolute; right:12px; bottom: 3px; }
#header #billing { position:absolute; right:6px; top: 0px; height:12px; padding: 4px 4px 4px 22px; background-color:#D73347; color:#FFF; text-decoration:none; width:157px; font-size:11px; font-weight:bold;
	background-position: 4px center; background-image: url(images/white_arrow.gif); background-repeat: no-repeat; }

#content { background-color: #FFF; margin-bottom: 4px; padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; }
#footer { background-color: #FFF; margin-bottom: 4px; padding: 8px; height: 30px; }
#footer p { font-size: 10px; line-height: 12px; margin: 0px; }
#footer a,
#footer a:visited { color:#008457; }
#footer a:hover { color:#006837; }
.fleft { float: left; margin-right: 6px; }
#left { float: left; width: 185px; padding-bottom: 4px; margin-top:-4px; }
#middle { margin: 0px; width: 500px; padding: 0 8px; }
#middle h1 { font-size: 20px; line-height: 20px; color: #008457; margin-top: 0px; margin-bottom: 12px; }
#middle p { font-size: 11px; line-height: 17px; margin-top: 0px; margin-bottom: 12px; }
#middle a,
#middle a:visited { color: #367C30; }
#right { width: 185px; background-color: #e6e6e6; border-bottom: 4px solid #FFF; }

/* category bars on right side */
#right h2 { background-color:#005A9C; color:#FFF; margin-top:-4px; margin-bottom:9px; font-size: 14px; font-weight:normal; line-height:14px; padding:8px 4px; border-top:4px solid #fff; }
/* news headlines on right side */
#right h3 { font-size: 11px; margin:0px 6px; }
#right p { font-size: 11px; margin-top:0px; margin-bottom: 6px; margin-left: 6px; margin-right: 6px; }
#right a, 
#right a:visited { color:#005A9C; text-decoration:none; }
#right a:hover   { color:#006837; }

/* menu */
#menu, #menu ul { margin: 0; padding: 0; }
#menu li { list-style-type: none; }

/* first level */
#menu { width: 185px; font-size: 14px; line-height: 14px; text-align:left; }
#menu li { float: left; }
#menu a  { float: left; width: 169px; padding: 8px; margin-top:4px; text-decoration:none; color:#333; display: block; background: #E6E6E6; }
#menu a.sel  { background: #005A9C; color: #FFF; }
#menu a:hover,
#menu a.menu_open { background: #005A9C; color: #FFF; }
#menu a.sec  { background: #D5D5D5; color: #333; font-size: 12px; line-height: 12px; padding: 4px 8px; margin-bottom:1px; margin-top:0; }
#menu a.sec:hover { background: #005A9C; color: #FFF; }
#menu a.secsel  { background: #005A9C; color: #FFF; font-size: 12px; line-height: 12px; padding: 4px 8px; margin-bottom:1px; margin-top:0; }

/* second level */
#menu ul { visibility: hidden; position: absolute; width: 100px; z-index:1200; }
#menu ul a { background: #DDD; margin-top:0; font-size:12px; line-height:12px; padding: 4px; border-top:2px solid #FFF; }
#menu ul a:hover,
#menu ul a.menu_open { background: #005A9C; color: #FFF; }

/* Slide Show */
#viewer { width: 500px; height: 300px; position:relative; overflow: hidden; z-index: 50; }
#slidshows { width:3000px; height:300px; } /* max number of slides is 6 * 500 = 3000 */
#slidshows .slidshow { width: 500px; height: 300px; float:left; z-index:1000; position:relative; }
#slidshows .slidshow a.slidshow_image { width: 500px; height: 300px; display: block; position:absolute; top:0px; z-index:100; background-repeat:no-repeat; background-position:0px 0px; text-decoration:none; }
#slidshows .slidshow_message { position: absolute; left: 0px; right: 0px; height: 40px; padding: 10px; z-index: 900; }
#slidshows .slidshow_message h2 { color: #FFF; margin:0px; padding:0px; font-size: 16px; line-height:17px; }
#slidshows .slidshow_message_back { position: absolute; left: 0px; right: 0px; height: 40px; padding: 10px; background-color: #000; z-index: 800; opacity:0.6; filter:alpha(opacity=60); }
#controls { height: 6px; padding: 3px; }
#controls a.slidshow-direct { display: block; width: 12px; height: 6px; margin-left: 5px; background-color: #73A164; float: right; }

#footer #socials { text-align:right; float:right; width: 200px; height:30px; }
#footer #socials a, 
#footer #socials a:visited { width: 26px; height:26px; background-position: center center; background-repeat: no-repeat; display:block; float:right; }
#footer #socials a:hover { background-color:#ccc; }
#footer #socials span { display:none; }
#footer #socials a#fb  { background-image: url(images/socials/fb.png); }
#footer #socials a#in  { background-image: url(images/socials/in.png); }
#footer #socials a#pic { background-image: url(images/socials/pic.png); }
#footer #socials a#tw  { background-image: url(images/socials/tw.png); }
#footer #socials a#wp  { background-image: url(images/socials/wp.png); }
#footer #socials a#yt  { background-image: url(images/socials/yt.png); }
#footer #socials a#em  { background-image: url(images/socials/em.png); }