.Border {
	padding:3px;
	border:1px solid #555;
}

.Double-Border {
	padding:3px;
	border:3px double #555;
}

.Dotted-Border {
	padding:3px;
	border:1px dotted #555;
}

.Thick-Border {
	padding:3px;
	border:2px solid #555;
}

.Light-Border {
	padding:3px;
	border:1px solid #999;
}

.Light-Double-Border {
	padding:3px;
	border:3px double #999;
}

.Light-Dotted-Border {
	padding:3px;
	border:1px dotted #999;
}

.Light-Thick-Border {
	padding:3px;
	border:2px solid #999;
}

/* Tiny Styles */

html, body {
	padding:0;
	margin:0;
}

body *:first-child {
	margin-top:0;
}
body#tinymce { background:#ffffff; }
/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {background:url(http://www.schooljotter.com/assets/stmarys12-2488-back.jpg) 0 0 repeat-x; font:0.8em/1.5 "arial", sans-serif; }

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:12px 0;}

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {padding:2px 0 2px 25px; font-size:85%;}

ul.ul-list {margin:15px 0; list-style:none; color:#3366FF;}
ul.ul-list li {padding:1px 0;}
ul.ul-list span.date {padding-right:10px;}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:960px; margin:0 auto; overflow:hidden;}

#header {position:relative; height:120px; margin:15px 0px; background:url(http://www.schooljotter.com/assets/stmarys12-2488-header.png) no-repeat;}
    
#tray {position:relative; width:960px; height:45px; background:url("http://www.schooljotter.com/images/tray/tray.gif") 0 0 no-repeat; overflow:hidden; font:bold 90%/1 "Tahoma",sans-serif;}
#tray ul {margin:0 20px; list-style:none;}
#tray li {display:inline;background:#3366FF;}
#tray li a {display:block; float:left; padding:17px 20px 17px 20px; background:url("http://www.schooljotter.com/images/tray/tray-separator.gif") 100% 0 no-repeat; text-decoration:none; color:#fff;}
#tray li a:hover {background:url("http://www.schooljotter.com/images/tray/tray-hover.gif");}
#tray li.selected a {background:url("http://www.schooljotter.com/images/tray/tray-active.gif");}

#subnav { width:960px; margin:0; padding:0; }
#subnav ul { margin:0; padding:7px 0 0 0; }
#subnav ul li { margin:0px 10px; padding:0; list-style-type:none; display:inline; }
#subnav ul li a { text-decoration:none; color:#3366FF; }
#subnav ul li a:hover { text-decoration:underline; color:#000080; text-align:center;}

#footer {clear:both; padding:0px 20px 40px 20px; font-size:85%; text-align:center;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top {width:960px; height:5px; margin-top:8px; background:url("http://www.schooljotter.com/images/tray/col-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#col-bottom {width:960px; height:5px; margin-bottom:15px; background:url("http://www.schooljotter.com/images/tray/col-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}

#col {position:relative; padding:0px 20px 10px 20px; background:url("http://www.schooljotter.com/images/tray/col.gif") 0 0 repeat-y;}

#col-browser img {position:absolute; top:28px; left:10px;}

#content {float:left; width:920px; min-height:500px; height:auto !important; height:500px; padding:0; line-height:1.7;}

.slideShow {
               text-align: center;
               width:482;
               height:260px;
           }
           .slides {
               position: relative;
               left:0;  
               z-index: 1;
               display: none;
margin-top:10px;
           }
		   
           .setTitle, .slideTitle {
               font-family: "Franklin Gothic Book", Arial, Helvitica, sans-serif;
           }
           .setTitle {
               color: #995a01;
               font-size: 14px;
               font-weight: bold;
               }
           .slideTitle {
               color: #666666;
               font-size: 12px;
           }
           .controls {
               position: relative;
               z-index: 10;
           }
           #slide1 {
               display: block;
           }