﻿body { margin-top:10px; font-size:12px; font-family:Arial }

a { color:#015AFE; text-decoration:none; font-weight:bold }
a:hover { text-decoration:underline; color:#EF7921 }

h1 { font-size:16px; font-weight:bold; }
h2 { font-size:14px; font-weight:bold; color:#015AFE }

.readonly { background-color:#CCC }
.center { text-align:center }
.right { text-align:right }

/*
*   Layout
*/
#wrapper { width:976px; margin:0 auto; }
#header {  }
#header .headerLinks { margin-bottom:5px; float:right; }
#header .headerLinks a, #footer a{  padding:0 10px; }
#rightContent { float:left; width:275px; }
.tableHeader { padding:5px 0; height:25px; }
.tableHeader a { margin-bottom:5px; margin-left:5px;}
.tableHeader span {margin-left:5px;}
.pages { width:600px; }
#footer { margin-top:10px; text-align:center }
.oneColumn #content {  padding:0 20px;}

.oneColumn #contentContainer #contentHeader { background: url(images/topcontentbackground.jpg) no-repeat; height:21px; width:976px;}
.oneColumn #contentContainer { background: url(images/contentbackground.jpg) repeat-y;}
.oneColumn #contentContainer #contentFooter { background: url(images/bottomcontentbackground.jpg) no-repeat; height:18px; width:976px;}

/*
*   Menu
*/
.Menu { background: url(Images/menuBackground.jpg) no-repeat; text-align:center; width: 976px; font-size:10px; font-family:Tahoma; font-weight:bold; margin:5px 0; }
.Menu div.AspNet-Menu-Horizontal{ text-align:center; width:550px; margin:0 auto }
.Menu li { list-style:none;  }
.Menu a.AspNet-Menu-Link { text-decoration: none; padding:5px 22px; }
.Menu span.AspNet-Menu-NonLink { border: none; padding: 5px 10px 5px 10px; color: #F2791E; }
.Menu a, .Menu span { color: #FFFFFF; }
.Menu a:hover { color: #F2791E; }
.Menu .AspNet-Menu-WithChildren ul { display:none; }

/*
*   Home
*/
a.viewMore { float:right; font-size:11px; color:#F37A1F; }
.middleSchool { color:#EF7921 }

.boysSection, .girlsSection { float:left; margin-right:10px;}
.home .sectionContainer { width:339px;  }
.home .sectionContainer .sectionContent ul.listtype { margin-left:20px;  }
.home .sectionContent { font-weight:normal; background: url(images/homeSectionBackground.jpg) repeat-y; padding:10px 10px 0 10px; text-align:left; }
.home .sectionHeader{ background: url(images/homeSectionHeader.jpg) no-repeat; height:31px; padding:0 10px; line-height:31px; font-family:Arial; font-size:14px; color:#FFF; font-weight:bold; }
.home .sectionFooter { background: url(images/homeSectionFooter.jpg) no-repeat; height:25px; }

.home .sectionContainer .topStoryTitle  { font-size:14px; font-weight:bold; color:#000; display:block }
.home .sectionContainer .subtitle  { font-size:12px; font-weight:bold; color:#000; font-style:italic }
.home .sectionContainer img  { border:solid 1px #000 !important; float:left; margin:0 5px 5px 0; }

.twoColumn #rightContent .sectionContainer { width:275px;  }
.twoColumn #rightContent .sectionContainer .sectionContent ul.listtype { margin-left:20px;  }
.twoColumn #rightContent .sectionContent { background: url(images/rightSectionBackground.jpg) repeat-y; padding:10px 10px 0 10px; text-align:left }
.twoColumn #rightContent .sectionHeader{ background: url(images/rightSectionHeader.jpg) no-repeat; height:31px; padding:0 10px; line-height:31px; font-family:Arial; font-size:14px; color:#FFF; font-weight:bold; }
.twoColumn #rightContent .sectionFooter { background: url(images/rightSectionFooter.jpg) no-repeat; height:25px; }

.twoColumn #leftContent { width:685px; float:left; margin-right:15px;width:685px;}
.twoColumn #leftContent .content { font-weight:normal; background: url(images/twoColumnSectionBackground.jpg) repeat-y; padding:0 20px; text-align:left }
.twoColumn #leftContent .contentHeader{ background: url(images/twoColumnSectionHeader.jpg) no-repeat; height:20px; }
.twoColumn #leftContent .contentFooter { background: url(images/twoColumnSectionFooter.jpg) no-repeat; height:19px; }

/*
    Right Column
*/
.twoColumn .sponsors a, .twoColumn .sponsors img { border:none !important }

/*
    Table
*/
.table { width:100%}
.table td { padding:5px;  border-bottom:solid 1px #CCC; vertical-align:middle; }
.table th { vertical-align:top; margin:5px; font-size:12px; font-weight:bold;  color:#000; background:#FFF url(images/ui/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50%; border: 1px solid #015AFE;}
.table th a {  display:block; padding:5px; color:#015AFE; }
.table th a:hover { border: 2px inset #FFF;  padding:3px; }
.table th span  { display:block;   padding:5px;}
.table .active {cursor: pointer; cursor: hand; background: url(Images/icons/success.png) no-repeat 20px center; width: 30px;}
.table .inactive {cursor: pointer; cursor: hand; background: url(Images/icons/successDisabled.png) no-repeat 20px center; width: 30px;}
.table .action { display:block; height:40px; width:50px; background-color:transparent; border:none; cursor: pointer; cursor: hand; height:30px;}
.table .edit {cursor: pointer; cursor: hand; background: url(Images/icons/edit.png) no-repeat center; width: 30px; }
.table .delete {cursor: pointer; cursor: hand; background: url(Images/icons/error.png) no-repeat center; width: 30px; }

/*
    Feature Edit
*/
.preview { border:solid 1px #000 !important;  margin:10px 0 }

/*
    Features
*/
.features .table img { float:left; border:solid 1px #000 !important; margin-right:10px; }
.feature img.featureImage { float:left; border:solid 1px #000 !important; margin-right:10px;}