/*
div 
{
    border: solid 1px Yellow;
}

div div 
{
    border: solid 1px Blue;
}

div div div
{
    border: solid 1px Red;
}

div div div div
{
    border: solid 1px Green;
}

div div div div div
{
    border: solid 1px Magenta;
}
*/


/* REMOVE ALL MARGINS AND PADDING SO THAT WE CAN ADD THEM AS WE NEED THEM. */
* 
{
    margin: 0;
    padding: 0;
}

html, body 
{
    height: 100%
}

body {
	margin: 0px;
	background-color: #000000;
}

body, div, span, td, p, span.Normal
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	line-height: 10pt;
	color: #232323;
}

p 
{
    margin-top: 0;
    margin-bottom: 0.6em;
}

h1, h2, h3, h4, h5, h6, 
h1 .Head,
h2 .Head,
h3 .Head,
h4 .Head,
h5 .Head,
h6 .Head
{
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Tahoma, Arial, Helvetica, Sans-Serif !important;
    color: #a7cdfc !important; /*Navy;*/ /*#2d8eb8;*/
    line-height: 1em !important;
    margin-top: 0 !important;
    padding-top: 0.3em !important;
    margin-bottom: 0.25em !important;
    padding-bottom: 0 !important;
    /*text-transform: capitalize !important;*/
}

h1, h1 .Head 
{
    font-size: 1.8em !important;
    padding-top: 0 !important;
}

h2, h2 .Head 
{
    font-size: 1.6em !important;
}

h3, h3 .Head 
{
    font-size: 1.2em !important;
}

h4, h5, h6, h4 .Head, h5 .Head, h6 .Head 
{
    font-size: 1em !important;
}



a:link,
a.SkinObject:link 
{
    color: #a7cdfc !important; /*Navy;*/ /*#4daecf;*/ /*#afdef8;*/
}

a:visited,
a.SkinObject:visited 
{
    color: #a7cdfc !important; /*Navy;*/ /*#4daecf;*/
}

a:hover,
a.SkinObject:hover 
{
    color: #a7cdfc !important; /*Navy;*/ /*#afdef8;*/
}

a:active,
a.SkinObject:active 
{
    color: #a7cdfc !important; /*Navy;*/ /*#afdef8;*/
}

#PageContent1 
{
    position: relative;
    left: 0;
    width: 797px; /*798px;*/
    background: Transparent url(images-shell/tv-lines-right.gif) no-repeat right top;
    /* This should center the page content. */
    margin-right: auto;
    margin-left: auto;
}

#PageContent2 
{
    position: relative;
    left: 0;
    width: 773px; /*774px;*/
    background: Transparent url(images-shell/tv-lines-left.gif) no-repeat left top;
}

#PageContent3 
{
/*
    position: relative;
    left: 24px;
    */
    margin-left: 24px;
    padding-top: 5px;
    padding-right: 9px;
    padding-bottom: 10px;
    padding-left: 9px;
    width: 731px; /*746px;*/ /*729px;*/
    background: Transparent url(images-shell/index-bg-patt.jpg) repeat;
    /*background: Transparent url(images-shell/backgroundpattern-depth.jpg) repeat;*/
}

#Login 
{
    padding-bottom: 6px;
}

#Login a 
{
    color: #FFFFFF;
    font-weight: bold;
}

div#MainMenu 
{
    margin-bottom: 9px;
}

#ContentPane,
div.ContentPane 
{
    width: 729px;
    /*text-align: left;*/
}

#LeftColumn,
div.LeftColumn 
{
    float: left;
    width: 483px;
    background: Transparent;
}

/*#RightColumn,
div.RightColumn 
{
    float: left;
    margin-left: 9px;
    width: 237px;
    background: Transparent;
}*/

#RightColumn,
div.RightColumn 
{
    /*position: relative;
    left: 483px;*/
    float: right;
    margin-left: 9px;
    width: 237px;
    background: Transparent;
}

#LeftSingleColumnLeft,
div.LeftSingleColumnLeft 
{
    clear: both;
    float: left;
    width: 237px;
}

#LeftSingleColumnRight,
div.LeftSingleColumnRight 
{
    float: right;
    width: 237px;
}

#LeftTwoColumnBottom,
div.LeftTwoColumnBottom 
{
    clear: both;
}

#Footer 
{
    clear: both;
}

#Contact 
{
    background: url(images-shell/contactnew.jpg);
}

#Contact tr td 
{
    padding-top: 6px;
    padding-bottom: 6px;
    color: #EFEFEF;
}

#Contact tr td#space 
{
    width: 240px;
}

#Contact tr td#address 
{
    width: 180px;
}

#Contact tr td#phone 
{
    width: 110px;
}

#Contact tr td#webaddress 
{
    width: 141px;
}

#PageBottom 
{
    position: relative;
    left: 24px;
    width: 749px;
    background-color: #000000;
    height: 12px;
}

#TreeViewForAdminOnly 
{
    position: absolute;
    top: 100px;
    left: 800px;
    z-index: 100;
    width: 250px;
    padding: 12px;
    background-color: Silver;
}
    
/* CONTAINER STYLES */

/* $WEFT -- Created by: Kurt Meredith (kurt.meredith@jfbc.org) on 3/19/2008 -- */
  @font-face {
    font-family: OCR A Extended;
    font-style:  normal;
    font-weight: normal;
    src: url(OCRAEXT0.eot);
  }

/* $WEFT -- Created by: Kurt Meredith (kurt.meredith@jfbc.org) on 3/19/2008 -- */
  @font-face {
    font-family: OCR-A BT Embedded;
    src: url(OCRABT0.eot);
  }
  
div.DkGrayContainer table tr.Header td .Head,
div.LtGrayContainer table tr.Header td .Head
 {
    font-family: "OCR-A BT Embedded", "OCR A Extended", "OCR-A BT", "OCR A Std", "OCRA Standard", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", "Arial Narrow", Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    text-transform: uppercase; 
    letter-spacing: -1px; 
    word-spacing: -1px;
    color: White;
}

td.ContainerHeaderCell
{
padding: 4px;
/*
    filter: glow(color=#ffffff, strength=3);
*/
}

/*
td.ContainerHeaderCell span
{
    position: relative;
    z-index: 100;
}
*/

div.DkGrayContainer table tr td ul,
div.LtGrayContainer table tr td ul
 {
    margin-left: 18px;
    margin-bottom: 1em;
}

/*
div.DkGrayContainer table tr td.ContainerHeaderCell img, 
div.LtGrayContainer table tr td.ContainerHeaderCell img 
{ 
vertical-align: middle;
}
*/

.ContentArea
{
    text-align: left;
}

div.DkGrayContainer table tr td,
div.DkGrayContainer table tr td .Head,
div.DkGrayContainer table tr td span,
div.DkGrayContainer table tr td span.Normal,
div.DkGrayContainer table tr td div.ContentArea,
div.DkGrayContainer table tr td div.ContentArea p,
div.DkGrayContainer table tr td div.ContentArea li
{
color: White !important;
}

div.LtGrayContainer table tr td a,
div.LtGrayContainer table tr td div.ContentArea a,
div.LtGrayContainer table tr td div.ContentArea p a,
div.LtGrayContainer h1, 
div.LtGrayContainer h2, 
div.LtGrayContainer h3, 
div.LtGrayContainer h4, 
div.LtGrayContainer h5, 
div.LtGrayContainer h6, 
div.LtGrayContainer h1 span.Head,
div.LtGrayContainer h2 span.Head,
div.LtGrayContainer h3 span.Head,
div.LtGrayContainer h4 span.Head,
div.LtGrayContainer h5 span.Head,
div.LtGrayContainer h6 span.Head
{
color: Navy !important;
}

div.DkGrayContainer table tr.DataGrid_AlternatingItem td,
div.DkGrayContainer table tr.DataGrid_Item td,
div.LtGrayContainer table tr.DataGrid_AlternatingItem td,
div.LtGrayContainer table tr.DataGrid_Item td
{
color: Black !important;
}

DIV.DkGrayContainer TABLE TR TD DIV.ContentArea div.blog_bubble,
DIV.DkGrayContainer TABLE TR TD DIV.ContentArea div.blog_bubble span,
DIV.DkGrayContainer TABLE TR TD DIV.ContentArea div.blog_bubble p,
DIV.DkGrayContainer TABLE TR TD DIV.ContentArea div.blog_bubble li
 {
color: Black !important;
}

DIV.DkGrayContainer TABLE TR TD DIV.ContentArea div.blog_bubble cite
 {
color: White !important;
}



/* ================================
    CSS STYLES FOR Module Event
   ================================
*/

.Eventtooltip
{
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	font-size: 10px;
	filter: alpha(opacity=80);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 200px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
	moz-opacity: 0.8;
}

table.Event 
{
    margin-top: 6px;
    margin-bottom: 6px;
}


table.EventModuleContainerTable 
{
    width: 675px;
}
	 
div.GrayContainer table.EventModuleContainerTable tr td a.CommandButton 
{
    color: #4daecf;
}
	 
div.GrayContainer_Light table.EventModuleContainerTable tr td a.CommandButton 
{
    color: #00709f;
}
	 
.Event
{
	border-right: black 1px solid;
	table-layout: auto;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-size: 7pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Verdana;
	border-collapse: collapse;
	text-align: center;
	width: 675px; /*400px;*/
	height: 400px;
}

.Event tr td
{
    /*border: solid 1px Gray;*/
}

.EventTitle
{
	font-weight: bold;
	font-size: 9pt;
	background-image: none;
	width: 100%;
	height: 100%;
	background-color: #6cafc9; /*#6666ff;*/
	text-align: center;
}

.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	background-image: none;
	color: #a7cdfc; /*Navy;*/
	background-color: #6cafc9; /*#6666ff;*/
	text-align: center;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: darkblue !important;
	padding-top: 0px;
}

.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: darkblue !important;
	padding-top: 0px;
}

.EventDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: #99F189;
}

.EventDay, .EventDay td
{
	font-size: 7pt;
	color: #0000ff !important;
	background-color: #FFFFFF;
	font-family: Verdana;
}

.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
	font-size: 7pt;
	color: darkblue !important;
	font-family: Verdana;
}

.EventOtherMonthDay a,
.EventOtherMonthDay a:visited,
.EventOtherMonthDay a:hover
{
	font-size: 7pt;
	color: darkblue !important;
	font-family: Verdana;
}

.EventWeekendDay a,
.EventWeekendDay a:visited,
.EventWeekendDay a:hover
{
	font-size: 7pt;
	color: darkblue !important;
	font-family: Verdana;
}

.EventOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
	color: #8080c0;
	background-color: gainsboro;
}


.EventWeekendDay
{
	background-color: whitesmoke;
}

.EventTodayDay
{
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
	background-color: #6cafc9;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
	font-weight: bold;
	color: #0000ff !important;
	background-color: #99f189 !important;
    border: solid 1px Gray;
}

.EventSelectedDay a,
.EventSelectedDay a:visited,
.EventSelectedDay a:hover
{
	color: #0000ff !important;
	font-weight: bold;
}

.EventDay,
.EventWeekendDay,
.EventOtherMonthDay,
.EventTodayDay, 
.EventSelectedDay 
{
    border: solid 1px Gray;
    padding-top: 2px;
}

.EventSelector
{
	background-color: #c0c0e0;
}

.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}	

/* STYLE OVERRIDES FOR EVENT MODULE, ADDED BY JFBC */

td.EventDay img, 
td.EventWeekendDay img, 
td.EventSelectedDay img, 
td.EventOtherMonthDay img
{
    /*width: 50px;
    height: 50px;*/
    max-width: 90px;
    max-height: 90px;
    /* For Explorer, use code to set H&W if the object is greater than 10x10 pixels. */
    width: expression(this.width > 10 ? 90 : true);
    height: expression(this.width > 10 ? 90 : true);
}

/* ==================================
    END: CSS STYLES FOR Module Event
   ==================================
*/



/* ================================
    CSS STYLES FOR Module Documents
   ================================
*/

.DNN_Documents table.Normal tr.SubHead td 
{
    border-bottom: solid 1px Black;
}

.DNN_Documents table.Normal tr td 
{
    vertical-align: top;
}

.DNN_Documents table.Normal tr td.CategoryCell 
{
    white-space: nowrap;
}

.DNN_Documents table.Normal tr td.TitleCell 
{
    white-space: nowrap;
}

/* ==================================
    END: CSS STYLES FOR Module Documents
   ==================================
*/

/* ================================
    CSS STYLES FOR Module User Defined Table
   ================================
*/

table tr.UDT_Table_Head th 
{
    text-align: left;
    font-size: 1em;
    font-weight: bold;
    color: Black;
    /*border-bottom: solid 1px Black;*/
    padding-bottom: 6px;
}


/* ==================================
    END: CSS STYLES FOR Module User Defined Table
   ==================================
*/

.InactiveText 
{
    color: Silver;
}

.NormalButton 
{
    border: solid 1px Black;
    background-color: #DDDDDD;
    cursor: pointer;
}

.NormalRadio input, 
.NormalRadio label 
{
    cursor: pointer;
}

/* BEGIN STYLE OVERRIDES FOR LIVE CONTENT MODULE */


div.limitImageSizeTo100x75 img
{
    max-width: 100px;
    max-height: 75px;
    /* For Explorer, use code to set H&W if the object is greater than 16x16 pixels. */
    width: expression(this.width > 16 ? 100 : true);
    height: expression(this.width > 16 ? 75 : true);
}

	.LCPageDiv {
		clear: both;
	}
	

div.jfstudent_gallery_grid table.ElementsTable td {
text-align: center;
padding: 6px;
}

div.jfstudent_gallery_grid table.ElementsTable td img {
    max-width: 80px;
    max-height: 80px;
    height: expression(this.height > 99 ? 80 : true);
    width: expression(this.width > 99 ? 80 : true);
}

#LiveContentCloud A.LCCloud1 {
font-size: 1.3em !important;
line-height: 1em;
}

/* END STYLES FOR LIVE CONTENT MODULE */




.hidden {
display: none;
}

acronym.blog_published span.blog_pub-date span { 
color: Black !important;
}


/* TESTING ONLY
div.GrayContainerHeader
{
    background-color: Lime;
    padding: 0;
    height: 18px;
}

div.GrayContainerHeader table
{
    background-color: Blue;
}

div.GrayContainerHeader table tr td.HeaderCell
{
    background-color: Yellow;
}

div.GrayContainerHeader table tr td.HeaderCell span.Head
{
    background-color: Green;
}

div.GrayContainerHeader table tr td.HeaderCell span.Head *
{
    background-color: Teal;
}

END TESTING */