/* St. Thomas More School Stylesheet */

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

body {background: #394a64; margin: 0; padding: 0;}

#container {width: 1000px; margin: 0 auto; background: url(assets/images/bg.jpg) repeat-y;}
#wrapper {margin: 0px 29px 0px 33px;}

.right {text-align: right; margin: 0 !important; padding-bottom: 10px;}
.clear {clear:both;}


/* header styles */

#header {background: url(assets/images/headerbg.jpg) repeat-x; height: 130px;}
#headerLeft {width:710px; float: left; display: inline; padding-top: 20px;}
#headerLeft p {color: #ffffff; font-size: 11px; margin-left: 5px;}
#headerRight {width: 190px; float: left; display: inline; padding-top: 20px;}
#headerRight a {color:#e2e1b3;}



/* These styles create the dropdown menus. */
#nav {margin: 0; padding: 0; height: 1em; padding-top: 15px;} /*
#nav li {list-style: none; float: left; padding: 0px 7px;}
#nav li a {display: block; padding: 3px 8px; color:#812e23; text-decoration: none; font-size: 18px;}
#nav li ul {display: none; width: 12em; /* Width to help Opera out */background: #e2e1b3;}
#nav li ul li {padding: 0 !important;background: #e2e1b3;}
#nav li:hover ul, #navbar li.hover ul {display: block; position: absolute; margin: 0; padding: 0; background: #e2e1b3;}
#nav li:hover li, #navbar li.hover li {float: none; }
#nav li:hover li a, #navbar li.hover li a {color: #000048; font-size: 16px;}
#nav li li a:hover {background: #000048; color: #e2e1b3;} */


/* index page content styles */

#content {margin: 10px 10px}
#contentLeftIndex {width: 500px; float: left; display: inline;}
#contentLeftIndex h1 {color: #812e23; margin: 10px 16px; font-size: 42px;}
#contentLeftIndex h2 {color: #812e23; margin: 10px 16px; font-size: 34px;}
#contentLeftIndex h3 {color: #812e23; margin: 10px 16px; font-size: 24px;}
#contentLeftIndex h4 {color: #812e23; margin: 10px 16px; font-size: 18px;}
#contentLeftIndex h5 {color: #812e23; margin: 10px 16px; font-size: 14px;}
#contentLeftIndex p {margin: 20px 16px; line-height: 1.3em;}

#contentRightIndex {width: 400px; float: left; display: inline; margin-left: 15px;}


/* page content styles */

#contentLeft {width: 590px; float: left; display: inline; padding-left: 10px;}
#contentLeft h1 {color: #812e23; margin: 10px 0; font-size: 42px;}
#contentLeft h2 {color: #812e23; margin: 10px 0; font-size: 34px;}
#contentLeft h3 {color: #812e23; margin: 10px 0; font-size: 24px;}
#contentLeft h4 {color: #812e23; margin: 10px 0; font-size: 18px;}
#contentLeft ul {margin-left: 20px;}
#contentLeft li {margin-left: 20px;}
#contentLeftIndex h5 {color: #812e23; margin: 10px 0; font-size: 14px;}
#contentLeft p {margin: 20px 0; line-height: 1.3em;}

#contentRight {width: 270px; float: left; display: inline; margin-left: 45px; margin-top: 20px; font-size: 11px;}

/* index box styles */

#indexBoxes {}

.indexBox {width:200px; float: left; display: inline; margin: 0px 16px;}
.indexBox img {border: none;}
.indexBox h3 {color: #ffffff; margin-top: 127px; font-weight: normal; text-transform: uppercase; margin-left: 5px; margin-bottom: 5px;}
.indexBox p {font-size: 13px;}
.indexBox a {color:#812e23;}


#academicsBox {background: url(assets/images/academicsbg.jpg) no-repeat;}
#athleticsBox {background: url(assets/images/athleticsbg.jpg) no-repeat;}
#admissionBox {background: url(assets/images/admissionbg.jpg) no-repeat;}
#developmentBox {background: url(assets/images/developmentbg.jpg) no-repeat;}

/* index news box styles */

#newsBox {background: url(assets/images/callboxbg.jpg) no-repeat; width: 355px; margin: 20px 0 0 32px; height:352px;}
#newsBox h3 {color: #ffffff; font-weight: normal; text-transform: uppercase; padding: 8px 0 10px 0; text-align: center; letter-spacing: 0.3em; font-size: 20px;}
#newsBox h2 {color: #812e23; margin-left: 20px; font-size: 32px; font-weight: normal;}
#newsBox p {color: #19273c; width: 310px; margin-left: 20px; margin-top: 8px; line-height: 1em;}
#newsBox a {color: #812e23;}
#newsBox td {width: 175px;}
#newsBox img {margin-left: 30px;}

#newsLink {background: #19273c; padding: 3px 10px; color: #e2e1b3 !important; text-decoration: none; text-transform: uppercase; margin-left: 48px; margin-top: 10px;}
#newsLink2 {background: #812E23; padding: 3px 10px; color: #e2e1b3 !important; text-decoration: none; text-transform: uppercase; margin-left: 48px; margin-top: 10px;}
/* footer styles */

#footer {background: url(assets/images/footerbg.jpg);}
#footer ul {padding: 7px 80px 0 80px;}
#footer li {display: inline; padding: 0px 20px;}
#footer li a {color: #ffffff; text-decoration: none; font-size: 12px;}
#footer li.last a {color:#e2e1b3 !important; text-decoration: underline !important;}
#footer p {text-align: center; color: #ffffff; font-size: 12px; margin-top: 5px;}
#footer a {color:#ffffff;}
}


/* Sports Schedule Styles */
.nothing {}
.scheduleHeader {padding: 5px 0; background: #394A64; color: #ffffff;}
.scheduleBody {}
.scheduleInfo {width: 350px; padding: 5px;}
.scheduleType {padding: 5px;}
.scheduleTitle {}
.scheduleOutcome {}
.schedule {border: 1px solid #505050; width: 500px; margin: 10px 0;}

.homenewsBox {width: 450px; border: 1px solid #19273c; background: #dbdaa4; margin: 5px 0 10px 20px;}
.homenewsBox h3 {font-size: 18px !important; color:#6d221a; margin: 5px 10px !important;}
.homenewsBox p {margin: 5px 7px  !important; font-size: 13px;}
.homenewsBox a {color:#6d221a;}


/* Other Styles */
.studentprofiles {
position: relative;
float:left;
display:inline-block; 
margin: 0px 15px 15px 0px;
width:150px;
text-align:left;}

#gearBox {margin: 20px 0 0 32px;}