body {background:url(/images/bckgrd_grad.jpg) 20px 0px repeat-x #b2d97c; padding-top:40px; font-family:Arial, Helvetica, sans-serif;}
img {border:none; behavior: url("/scripts/iepngfix.htc");}
input {border:#999999 solid 1px;}

#wrapper {margin:0px auto; width:800px; position:relative; z-index:1;}
#wrapper #bottomgradient {background:url(/images/bckgrd_bottom.png) top left no-repeat; width:896px; height:348px; position:absolute; bottom:-20px; left:-35px; behavior: url("/scripts/iepngfix.htc"); z-index:1; }

#topnav {margin:0px auto; width:750px; font-size:10px; color:#0e4c66; text-align:right; padding:7px;}
#topnav a {color:#0e4c66;  text-decoration:none; margin:7px;}
#topnav a:hover {color:#ffffff;  text-decoration:none; }
#container {position:relative; margin:0px auto; width:730px; background-color:#ffffff; border:#d3dadd solid 2px; padding:10px; min-height:500px; z-index:2;}
#header {position:relative; margin:0px auto; width:100%; height:90px; background-color:#fef5cb; border-top:#d3dadd solid 2px; border-bottom:#d3dadd solid 2px; z-index:4000;}
#header #logo {position:absolute; top:10px; left:40px; background:url(/images/logo_stm_main.jpg) top left no-repeat; width:200px; height:61px; z-index:4002;}
#header #logosec {position:absolute; top:10px; left:40px; background:url(/images/logo_stm_main.jpg) top left no-repeat; width:200px; height:61px; z-index:4002;}
#header .smartsearch {position:absolute; top:20px; right:30px; width:225px; height:61px; z-index:4001;}

/*all pages navigation*/
#midmenu {width:100%; height:25px; margin:0px auto; text-align:center; padding-top:4px; text-transform:uppercase;}
#midmenu a  {font-size:12px; font-weight:bold; color:#0e4c66; text-decoration:none; padding:10px;}
#midmenu a:hover {color:#d3dadd;}

/*main page news and events*/
#bottombox {position:relative; width:710px; background:url(/images/bckgrd_bottombox.jpg) top left repeat-x #ffffff; padding:10px; min-height:300px; border-top:#d3dadd solid 2px;}
#bottombox #newsevents {position:relative; width:225px;  height:275px; float:left;}
#bottombox #newsevents .news {position:absolute; bottom:0px; left:10px; width:205px; /*border:#333 solid 1px;height:25px;*/  z-index:5000;}
#bottombox #newsevents .news .click {font-size:11px; font-weight:bold; color:#666; text-decoration:none; margin:3px; display:block; float:right; clear:both;}
#bottombox #newsevents .title {position:relative; color:#b0d979; font-size:14px;  font-weight:bold; padding-right:35px; padding-top:5px; background:url(/images/rss.jpg) right 5px no-repeat; height:23px; border-top:#d3d9da solid 3px; text-align:left;}
#bottombox #newsevents .title .rss {position:absolute; top:0px; right:0px; width:20px; height:20px; cursor:pointer;}
#bottombox #newsevents .title span { color:#b0d979; font-weight:normal; }
#bottombox #newsevents .newsopen {height:150px; width:205px;}
#bottombox #newsevents .newsopen .newstitle {color:#b2d97c; font-size:10px;  font-weight:bold; }
#bottombox #newsevents .newsopen .newscopy {font-size:10px; color:#666; padding-bottom:7px; border-bottom:#eee solid 1px; margin-bottom:3px;}
#bottombox #newsevents .newsopen .newscopy a {color:#666; }
#bottombox #flash {width:470px; float:right;} /*main page flash piece*/

#bottombox #sidenav {position:relative; width:200px;  min-height:260px; float:left; background-color:#b0d97a; padding:5px; z-index:10000;}
#bottombox #sidenav #inner {width:178px; border:#ffffff solid 1px; min-height:235px; padding:10px;}
#bottombox #sidenav #inner .nav {position:relative; border-bottom:#ffffff solid 1px; padding: 5px 0px 3px 15px; z-index:10001;}
#bottombox #sidenav #inner .nav a {font-size:11px; color:#0e4c66; text-decoration:none;}
#bottombox #sidenav #inner .nav a:hover {color:#ffffff;}
#bottombox #sidenav #inner .nav .firstsub {position:absolute; top:-1px; left:180px; width:150px;  border-top:#fff solid 1px; border-right:#fff solid 1px; border-left:#fff solid 1px; z-index:10002;}
#bottombox #sidenav #inner .nav .firstsub a { font-size:10px; padding:4px 10px; color:#333; display:block; background-color:#ffffff; }
#bottombox #sidenav #inner .nav .firstsub a:hover { background:#999999; color:#ffffff; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}

#bottombox #sub_copy .pr {padding:5px; }
#bottombox #sub_copy .pr a {color:#333333; }

#bottombox #masthead {position:relative; float:right; z-index:10;}
#bottombox #masthead .overlay1 {position:absolute; top:0px; left:0px; width:240px; height:270px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; background:#ffffff;}
#bottombox #masthead .overlay2 {position:absolute; top:0px; left:0px; width:220px; height:270px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; background:#ffffff;}
#bottombox #masthead .main_copy {position:absolute; top:10px; left:10px; width:200px; font-size:12px; color:#0e4c66; padding-top:10px; z-index:1000;}

#bottombox #baby {padding:5px; float:right; clear:both;}
#bottombox #baby #babytag {padding:5px 0px;}
#bottombox #baby input {border:1px solid #999999;}
#bottombox #sub_copy #babyDetails #babyDetailsBottom img{width:250px;}
#bottombox #sub_copy #babyDetails #babyDetailsBottom .desc{padding-left:15px;font-size:14px;vertical-align:top;}
#bottombox #sub_copy #babyDetails #babyDetailsBottom td a{padding-left:40px;}
#bottombox #sub_copy #babyDetails #babyDetailsTop {font-size:20px; color:#0e4c66; padding:8px 10px;font-weight:bold; border-bottom:#333 solid 1px;}

#babyContainer #babyAlbum{position:relative;width:480px;padding-top:15px;border:#b0d979 solid 1px;}
#babyContainer #babyAlbum .babyRow{position:relative;width:480px;height:90px;}
#babyContainer #babyAlbum .hidden{display:none;}
#babyContainer #babyAlbum .babyRow .babyCell{float:left;width:120px;text-align:center;}
#babyContainer #babyAlbum .babyRow .babyCell .babyThumb img:hover{cursor:pointer;border:#b0d97a solid 3px;width:67px;}

#babyContainer #babyNav {text-align:right;}
#babyContainer #babyNav a{color:#000099;padding:1px;}
#babyContainer #babyNav a:hover {cursor:pointer;color:#FFFFFF;background-color:#000099;}

#bottombox #sub_copy {position:relative; float:right; font-size:11px; color:#333; width:480px; }
#bottombox #sub_copy #related {float:right; width:170px; background-color:#b0d97a;  margin:20px; padding:5px;}
#bottombox #sub_copy #related #inner {padding:5px; border:#fff solid 1px;}
#bottombox #sub_copy #related #inner h3 { padding:0px 0px 0px 10px; text-transform:uppercase; font-weight:bold; font-size:11px; }
#bottombox #sub_copy #related #inner ul { display:block; padding:5px 0px 0px 10px; text-decoration:none; font-weight:bold; font-size:11px; border-top:#FFF 1px solid; }
#bottombox #sub_copy #related #inner ul li { padding:3px 0px; margin-left:20px; list-style:disc; }
#bottombox #sub_copy #related #inner a { text-decoration:none; color:#fff; }
#bottombox #sub_copy #related #inner a:hover { text-decoration:underline; }

#bottombox #sub_copy .title {font-size:13px; color:333; padding:10px 0px;}
#bottombox #sub_copy .title .area {padding-right:5px; border-right:#333 solid 1px;}
#bottombox #sub_copy .title .desc {padding-left:5px; font-weight:bold;}

#bottombox #sub_copy .alert {width:485px; padding:20px 20px 20px 70px; font-size:1.2em; background:url(/images/alert.png) 10px 10px no-repeat; }

.form input {padding:5px; font-size:11px; color:#333333; border:#b0d979 1px solid;}

#bottombox #sub_copy #regForm1{display:block;}
#bottombox #sub_copy #regForm2{display:none;}
#bottombox #sub_copy #regForm3{display:none;}
#bottombox #sub_copy #regForm4{display:none;}
#bottombox #sub_copy #regForm5{display:none;}


/*main and sec call out boxes*/
#footer {postion:relative; margin:0px auto; width:710px; border-top:#d3d9da solid 2px; padding:0px 7px; text-align:center;}
#footer #callout {width:174px; margin:0px 1px; border-left:#d3d9da solid 1px; border-bottom:#d3d9da solid 1px; border-right:#d3d9da solid 1px; background:url(/images/bckgrd_callout.jpg) top left repeat-x; float:left;height:150px;}
#footer #callout a {font-size:10px; color:#333333; text-decoration:none;}
#footer #callout  {font-size:10px; color:#666666; vertical-align:top;width:174px;height:150px;}
#footer #callout table td{vertical-align:top;}
#footer #callout  h2 {font-size:11px;}
#footer #callout  img{width:80px;}

/*all pages footer with logos*/
#copyright {position:relative; margin:0px auto; width:750px; font-size:10px; padding-top:10px; z-index:10;}

/*smartsearch*/
#sslabel {font-size:15px; font-weight:bold; padding:2px 10px;}
#sslabel .smart { color:#b0d979; font-weight:normal; }
#sslabel .search { color:#b0d979; }
#ssinput input {float:right; border:#b0d979 2px solid; width:175px; height:20px; background:#fef5cb url(/images/btn_magglass.gif) top right no-repeat; margin:2px 7px;}

#ssresults { position:absolute; top:44px; left:39px; padding:5px; width:169px; background:#b0d979; display:none; z-index:10000;}
#ssresults li { }
#ssresults a { font-size:10px; font-weight:bold; color:#0e4c66; text-decoration:none; padding:3px 5px; float:left; clear:both; width:159px; border-bottom:#FFF 1px solid; }
#ssresults a.all { text-align:right; border-bottom:none; }
#ssresults a:hover { text-decoration:underline; background:#FFF; }

/*custom classes*/
.groupTitle {padding:5px; color:#0e4c66; font-size:13px; font-weight:bold; text-transform:uppercase; border-bottom:#0e4c66 solid 1px; border-left:#0e4c66 solid 1px;}