/* -------------------------------------------------------------------------------------------------------------------
Defines standard CSS file for NJKCS web sites
------------------------------------------------------------------------------------------------------------------- */
/* ====================================================================
BLOCK styles
==================================================================== */
html
{
}

body
{
    margin: 0 0 0 0;
    height: 100%;
    -background-image: url(/App_Themes/Default/Images/Background.jpg);
    color: #000000; /* IE specific Styles */
    scrollbar-face-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
}

/* Set the fonts so that they will render the same whether they are in a table or not */

body, td, th, p
{
    font-size: 14px;
    font-family: Comic Sans MS, verdana, arial;
}

/* Set the rest of the block elements */

h1
{
    font-size: 20px;
    font: Comic Sans MS, verdana, arial;
    -font-weight: bold;
}
h2
{
    font-size: 16px;
    font: Comic Sans MS, verdana, arial;
    font-style: italic;
}
h3
{
}
h4
{
}
h5
{
}
h6
{
}

p
{
}
img
{
}

a
{
    text-decoration: none;
    color: #848EF1;
}
a:hover
{
    text-decoration: underline;
}
a:visited
{
    color: #848EF1;
}
a img
{
    border: none;
}

table
{
}
caption
{
    font-weight: bold;
}
thead
{
}
thead tr
{
}
tbody
{
}
tbody tr
{
}
tr
{
}
td
{
    padding: 3 3 3 3;
}
th
{
    padding: 3 3 3 3;
    font-weight: bold;
}

hr
{
}
pre
{
}
fieldset
{
}
legend
{
}
blockquote
{
}
ul
{
}
ol
{
}
li
{
}

input
{
}
input:focus
{
}
select
{
}
select:focus
{
}
textarea
{
}
textarea:focus
{
}

input[type=submit]
{
}
input[type=reset]
{
}
input[type=button]
{
}
input[type=file]
{
}
input[type=text]
{
}
input[type=checkbox]
{
}
input[type=password]
{
}
input[type=image]
{
}
input[type=radio]
{
}

/* ====================================================================
INLINE styles
==================================================================== */

code
{
}
b
{
}
/* bold */
strong
{
}
/* bold */
em
{
}
/* Emphasize */
i
{
}
/* Italics */
s
{
}
/* Strikethrough */
sub
{
}
/* sub-script */
sup
{
}
/* super-script */

/* ====================================================================
CLASSNAME based modifications to styles
==================================================================== */

/* --------------------------------------------------------------------
LAYOUT TABLE STYLES
-------------------------------------------------------------------- */
table.layoutTable
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    border-collapse: collapse;
}

/* --------------------------------------------------------------------
HTTP Error table styles
-------------------------------------------------------------------- */
table.httpError
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
    background-color: transparent;
}
table.httpError th
{
    font-size: 20px;
    color: Red;
}
table.httpError td
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    border-bottom: medium none;
    background-color: Transparent;
}

/* --------------------------------------------------------------------
UL - UNORDERED LIST STYLES
-------------------------------------------------------------------- */
ul li.level1
{
    font-size: 16px;
}
ul li.level2
{
    font-size: 14px;
    padding-left: 10px;
    list-style-type: none;
}
ul li.level3
{
}
ul li.level4
{
}

/* --------------------------------------------------------------------
OL - ORDERED LIST STYLES
-------------------------------------------------------------------- */
ol li.level1
{
    list-style-type: decimal;
}
ol li.level2
{
    list-style-type: upper-roman;
}
ol li.level3
{
    list-style-type: lower-alpha;
}
ol li.level4
{
    list-style-type: lower-roman;
}

/* --------------------------------------------------------------------
Useful classes
-------------------------------------------------------------------- */
.njkCopyright, .njkCopyright a, .njkCopyright a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #CCCCCC;
    text-decoration: none;
}
.transparent
{
    background-color: Transparent;
}

/* --------------------------------------------------------------------
Specific classes
-------------------------------------------------------------------- */

.homeCelebrations,
.homeWeddings,
.homeBusiness,
.homeDinners
{ 
    padding-left:20px;
    padding-right:20px;
    padding-top:20px;
    padding-bottom:20px;
    border-right: #333399 double 4px; 
    border-top: #333399 double 4px; 
    border-left: #333399 double 4px; 
    border-bottom: #333399 double 4px; 
    background-image: url(/App_Themes/Default/Images/cornerScrollTL.gif);
    background-repeat: no-repeat;
    background-color:White;
}

.homeCelebrations h1,
.homeWeddings h1,
.homeBusiness h1,
.homeDinners h1
{
    font-size:20px;
}

.paragraphTitle
{
    font-weight: bold;
    font-size: 24px;
}

p.highlightBox
{
    font-style: italic;
    border-left: #66cc66 10px solid;
    color: #003300;
    background-color: #66cc66;
    border-right: #66cc66 10px solid;
    border-top: #66cc66 10px solid;
    margin: 10px;
    border-bottom: #66cc66 10px solid;
    text-align: justify;
}
p.redHighlightBox
{
    font-style: normal;
    text-align: center;
    border-left: red 10px solid;
    color: yellow;
    background-color: red;
    border-right: red 10px solid;
    border-top: red 10px solid;
    margin: 10px;
    border-bottom: red 10px solid;
    font-size: 18px;
    font-weight: bold;
}

.clearFloat
{
    clear: both;
}

div.floatLeft
{
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
div.floatRight
{
    float: right;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
img.floatLeft
{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}
img.floatRight
{
    float: right;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 3px;
    margin-top: 3px;
}

/* --------------------------------------------------------------------
mainMenu Styles
-------------------------------------------------------------------- */
table.mainMenu
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    border-collapse: collapse;
}
table.mainMenu td
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    border-collapse: collapse;
    background-image: url(/App_Themes/Default/Images/menuBackground.jpg);
}

/* --------------------------------------------------------------------
SideMenu UL - UNORDERED LIST STYLES
-------------------------------------------------------------------- */
.sideMenu
{
    background-image: url(/App_Themes/Default/Images/sideMenuMiddle.gif);
    width: 170px;
    float: left;
}
.sideMenuContent
{
    background-image: url(/App_Themes/Default/Images/sideMenuMiddle.jpg);
    width: 170px;
    min-height: 243px;
}
.sideMenuFooter
{
    background-image: url(/App_Themes/Default/Images/sideMenuBottom.jpg);
    width: 170px;
    height: 130px;
}

.sideMenu h1
{
    padding-left: 10px;
    font-size: 14px;
    color: #848EF1;
    font-weight: normal;    
}
.sideMenu a, .sideMenu a:visited, .sideMenu a:hover
{
    color: White;
}
.sideMenu li.level1
{
    list-style-type: none;
    font-size: 14px;
    margin-left: -25px;
    padding-right: 25px;
}
.sideMenu li.level2
{
    font-size: 12px;
    margin-left: -10px;
    list-style-type: none;
}

.contentMain
{
    min-width: 750px;
    float: left;
    text-align:left;
}

div.foodAndDrinkMenu
{
    font-family: Cursive;
    width: 380px;
    padding-bottom: 10px;
    border-right: teal thin double;
    border-top: teal thin double;
    border-left: teal thin double;
    border-bottom: teal thin double;
}
div.foodAndDrinkMenu h2
{
    --background-image: url(/App_Themes/Default/Images/foodMenuHeader.jpg);
    height:70px;
    font-family: Cursive;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.foodAndDrinkMenuItem
{
    width:300px;
    font-family: Cursive;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.foodAndDrinkMenuCourse
{
    width:300px;
    font-family: Cursive;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

table.pageHeader
{
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    border-collapse: collapse;
}
table.pageHeader td
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border: none;
    border-collapse: collapse;
}

/* ----------------------------------------------------------------------------------------
pageFooter Styles
---------------------------------------------------------------------------------------- */
.pageFooter,
.pageFooter p
{
    font-size: 12px;
    text-align: center;
}

/* ----------------------------------------------------------------------------------------
calendar Styles
---------------------------------------------------------------------------------------- */
table.calendar
{
    border-right: #000099 2px solid;
    border-top: #000099 2px solid;
    border-left: #000099 2px solid;
    border-bottom: #000099 2px solid;
}
table.calendar thead
{
    background-color: #000066;
    color:White;
    font-size: 10px;
}
table.calendar thead td
{
    font-size: 10px;
    padding-left:3px;
    padding-right:3px;
}

table.calendar td.thisMonthAvailable
{
    color: White;
    background-color: lime;
    font-size: 10px;
}
table.calendar td.thisMonthUnavailable
{
    color: White;
    background-color: #ff0000;
    font-size: 10px;
}

.serviceName
{
    font-size: 14px;
    color: Navy;
    border-top: solid 1px #CACEF1;
}

.serviceDescription
{
    font-style: italic;
}

.photoCaption
{
	font-size: 12px;
	font-style: italic;
}


img.customerLetter,
img.customerLetterMain
{
	border: solid 1px darkblue;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 5px;
	padding-top: 5px;
}
p.event
{
	font-style: italic;
	font-size: 24px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}