/* CSS Document */

* { margin: 0; padding: 0; }
body { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; margin:0; text-decoration: none; background: url(../images/bodybg.gif) repeat-x #FFFFFF; }

/********* Common CSS Starts here *********/
input, textarea, select { border-top: 1px solid #747474; border-left: 1px solid #747474;  border-right: 1px solid #DCDCDC;  border-bottom: 1px solid #DCDCDC; background: #FFFFFF; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #777777; padding-left: 3px; }
img { border: none; outline: none; }
p, ul, h1, h2, h3, h4, form { margin: 0; padding: 0; }
p { margin-bottom: 18px; }
.clear { clear: both; }
a{ font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#105DAC; text-decoration: underline; outline: none;}
a:hover { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#105DAC; text-decoration: none; outline: none;}
h1 { font: normal 24px "Times New Roman", Times, serif; color:#105DAC; text-decoration: none; border-bottom: 1px solid #6D6E71; padding-bottom: 5px; margin-bottom: 11px; }
/********* Common CSS End here *********/

#main { width: 100%; }
#top-main { width: 100%; background: url(../images/body-rightbg.jpg) no-repeat right top; }
#top-container { width: 740px; margin: auto; }
.logo { width: 104px; float: left; height: 93px; }
.logo img { margin-top: 5px; }
.stmichaels-logo { width: 636px; float: left; height: 93px; text-align: right; }
.stmichaels-logo img { margin-top: 20px; }
.topnav { clear: both; height: 21px; }
.text-size { float: right; width:110px; height:19px; padding-top: 2px; text-align: right; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#105DAC; }
.text-medium { font-size: 16px; }
.text-large { font-size: 18px; }
ul.topnavlink li { list-style-type: none; float: left; text-align: center; width:90px; }
ul.topnavlink li a { display: block; width: 90px; height: 19px; padding-top: 2px; text-decoration: none; color: #000000; font-size: 12px;  }
ul.topnavlink li a:hover { background: #105DAC; color:#FFFFFF; text-decoration: none; font-size: 12px; width: 90px; }
ul.topnavlink li a.active { background: #105DAC; color:#FFFFFF; text-decoration: none; font-size: 12px; width: 90px; height: 19px; padding-top: 2px; }
.topbanner { clear: both; background: url(../images/topbannerbg.jpg) no-repeat; height: 95px; padding-top: 90px; }
.topbanner-about { clear: both; }
.topbanner-ourfacilities { clear: both; background: url(../images/topbannerbg-ourfacilities.jpg) no-repeat; height: 95px; padding-top: 90px; }
.banner-slogan { width: 330px; height: 54px; padding-top: 10px; padding-left: 18px; background: #22A9D2; font: bold 17px Arial, Helvetica, sans-serif; color:#FFFFFF; line-height: 25px; }


#midd-container { width: 740px; margin: auto; margin-top: 19px; margin-bottom: 35px; }
#midd-container-inner { width: 740px; margin: auto; margin-top: 19px; margin-bottom: 35px; background: url(../images/innerpage-divider.gif) repeat-y left; }

.midd-leftpart { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 583px; float: left; padding-right: 25px; }
.midd-leftpartbig { font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 583px; float: left; padding-right: 25px; }
.midd-leftpartverybig { font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 583px; float: left; padding-right: 25px; }

#leftpart { width: 124px; float: left; padding-right: 9px; }

#middpart { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 442px; float: left; padding-left: 12px; padding-right: 27px; }
#middpartbig { font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 442px; float: left; padding-left: 12px; padding-right: 27px; }
#middpartverybig { font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 442px; float: left; padding-left: 12px; padding-right: 27px; }

#staticpart { font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 587px; float: left; padding-right: 27px;}
#staticpartbig { font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 587px; float: left;  padding-right: 27px; }
#staticpartverybig { font: normal 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; width: 587px; float: left;  padding-right: 27px; }
.midd-rightpart { width: 126px; float: left; }

#bott-container { width: 100%; background: url(../images/bottpartbg.jpg) no-repeat right; height: 93px; }
.bottpart { width: 740px; margin: auto;  }
.bottlink { height: 56px; background: #FFFFFF; text-align: center;  }
.bottlink a { font: normal 10px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
.bottlink a:hover { font: normal 10px Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: underline; }
.copyright { text-align: center; height: 17px; padding-top: 3px; font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF; }
.copyright a { font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin-left: 5px; margin-right: 5px; }
.copyright a:hover { font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: underline; }
.address { font: normal 12px "Trebuchet MS", Roman, serif; line-height: 33px; }

ul.midd-bottpart { margin-top: 12px; }
ul.midd-bottpart li { list-style-type: none; width: 246px; float: left; margin-right: 10px; background: url(../images/square-bullet.gif) no-repeat 0 5px; padding-left: 15px; margin-bottom: 8px; height: 48px; }
ul.midd-bottpart li em { color: #105DAC; font-style: normal; }
ul.midd-bottpart li.last { margin-right: 0; }
.blue-hd { font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#105DAC; text-decoration: none; } 
.right-imgnamebg { background: url(../images/right-imgnamebg.gif) no-repeat; width: 126px; height:21px; padding-top: 5px; text-align: center; font-size: 12px; color: #FFFFFF;  }
.right-imgnamebg a { font-size: 12px; color: #FFFFFF; text-decoration: none; }
.right-imgnamebg a:hover { font-size: 12px; color: #FFFFFF; text-decoration: underline; }
.right-img { margin-bottom: 20px; }
.bluematternormal { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3DB1D8; }

ul.leftlink li { list-style-type: none; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 7px; }
ul.leftlink li a { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
ul.leftlink li a:hover { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: none; }
ul.leftlink li a.current { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: none; }
.space { height: 15px; }

.positionrelative { position: relative; }
.left-active-logo-img { position: absolute; top: -5px; left: -128px; }
.nextprev { float: right; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CCCCCC; padding-top: 8px; }
.nextprev a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: none; }
.nextprev a:hover { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: underline; }

.gallery-img { float: left; margin-top: 17px; margin-right: 17px; }

.bott-nextprev {  font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #CCCCCC; padding-top: 8px; border-top: 1px solid #6D6E71; text-align: right; }
.bott-nextprev a { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: none; }
.bott-nextprev a:hover { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: underline; }

.height26 { height: 20px; }
.floatleft { float:left; }
label { width: 100px; float: left;  }
.noclass { background: none; border: none; padding: 0;}

.sitemap-left { width: 48%; margin-right: 25px; float: left; }
ul.sitemap { margin-left: 18px; }
ul.sitemap li { list-style-type: square; margin-bottom: 7px;  font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; }
ul.sitemap li a { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
ul.sitemap li a:hover { font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: underline; }

ul.sitemap-inner { margin-bottom: 7px; margin-top: 5px; }
ul.sitemap-inner li { list-style-type: none; margin-bottom:0; font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; }
ul.sitemap-inner li a { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; }
ul.sitemap-inner li a:hover { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #105DAC; text-decoration: underline; }

.sitemap-right { width: 47%; float: left;  }

h2 {  font: bold 15px "times new roman", Arial, Helvetica, sans-serif; color: #105DAC; margin-top: 5px; border-bottom: 1px solid #6D6E71; padding-bottom: 3px; }
