/*

WEB SITE:       Red thru Violet
FILE NAME:      styles.css
TITLE:          Style Sheet
AUTHOR:         Susan Sailow
DATE CREATED:   19 Oct 2009
LEVEL:          All

DESCRIPTION:    Style Sheet for Red thru Violet, Hollister, CA

COLORS:         333333	Dark Gray	Content
                000000  Black		Content
                CC0000  Red
                FF3300  Orange
                FFCC33  Yellow                
                339900  Green
                3333CC  Blue
                993399	Violet
*/ 	

/* Tags */

a
{
	color: #000000;
	text-decoration: none;	  
}
body.HP
{
	background-color: #CCCCCC;
	color: #CCCCCC;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11pt;
}
body.HPIntro
{
	background-color: #000000; 
	margin: 0;
}
body.Level2
{
	background-color: #CCCCCC; 
/*		background-image: url(images/HellasMM/FIREG.JPG);   */
	color: #333333;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11pt;
	margin: 12px;
	padding: 0px;
}

/* Divisions */

#BGContainer1
{
	background-color: #000000;
    margin: 5px;
	padding: 25px;
	width: 800px;
}
#ContentContainer
{
	background-color: #FFFFFF;
	color: #333333;
	margin: 6px;
	padding: 6px;
}
#Content2
{
	font-size: 10pt;
	color: #000000;
}
/* DIV Current Page Indicator (turquoise rounded star) : width, height, border (see note A) 
   Note also that using this, as in id="CurrPageIndic", forces a line feed on the first load of the page */
#CurrPageIndic
{
	width: 18px;
	height: 100px;
	border: 0px;
}
#EmailRTVRCol
{
    margin: 0;
	margin-left: 6px;
	margin-top: 10px;
	width: 140px;
}
#HPTop
{
	background-image: url(images/JukeBoxTop.gif); 
}
#JB
{
	background-color: #999999;
	background-image: url(images/JukeBoxLaRCols_900.gif); 	
/*	border: solid 1px red;  */
	margin: 0px;
	padding: 0px;
	width: 900px;
}
#JBInsideFrame
{
	background-color: transparent;
	border: solid 10px #000000;
	border-bottom: 50px solid #000000;
	color: #333333;
	margin: auto;
	margin: 0px;
	padding: 0px;
/*
    padding-bottom: 6px;	
	padding-top: 6px;
*/
	width: 800px;
/*	z-index: 10; */
}
#JBTop
{
	background-color: #000000;
	color: #CCCCCC;
/*
	border: solid 22px #999999;
	border-bottom: 0px;
*/
/*	height: 160px; */
	margin: 0px;
	margin: auto;
	padding: 0px;
    padding-top: 10px;
	width: 700px;
	z-index: 20;
}
#JBTopNav
{
	background-color: #999999;
/*	background-image: url(images/JukeBoxLCol4.gif);  */
/*
	border: solid 22px #999999;
	border-top: 0px;
	border-bottom: 0px;
*/
	margin: auto;
	margin: 0px;
	padding: 0px;
    padding-bottom: 10px;
	padding-top: 10px;
	width: 700px;
/*	z-index: 10; */
}
#JBBod
{
	background-color: #FFFFFF;
/*	background-image: url(images/JukeBoxLCol4.gif);  */
/*
	border: solid 22px #999999;
	border-top: 0px;
	border-bottom: 0px;
*/
	color: #333333;
	margin: auto;
	margin: 0px;
	padding: 0px;
    padding-bottom: 6px;	
	padding-top: 6px;
	width: 700px;
/*	z-index: 10; */
}
#JBBotNav
{
	background-color: #999999;
/*	background-image: url(images/JukeBoxLCol4.gif);  */
/*
	border: solid 22px #999999;
	border-top: 0px;
	border-bottom: 0px;
*/
	margin: auto;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 600px;
/*	z-index: 10; */
}
#JBBot
{
	background-color: red;
/*	background-image: url(images/JukeBoxLCol4.gif);  */
/*
	border: solid 22px #999999;
	border-top: 0px;
	border-bottom: 0px;
*/
	color: #333333;
	margin: auto;
	margin: 0px;
	padding: 0px;
	width: 800px;
}
#JBBotBelow
{
	background-color: #FFFFFF;
/*	background-image: url(images/JukeBoxLCol4.gif);  */
/*
	border: solid 22px #999999;
	border-top: 0px;
	border-bottom: 0px;
*/
    height: 58px;
	margin: auto;
	margin: 0px;
	padding: 0px;
	width: 600px;
	position: relative;
	top: -25px;
}
#PageContainer
{
	background-color: #000000;
	border: ridge 6px #FFCC66;
    margin: 2px;
	padding: 2px;
}
#PageContainerOutline
{
	background-image: url(images/HellasMM/FIREG.JPG); 
	border: solid 2px #CC0000;
    margin-top: 2%;
	margin-right: 25%;
	margin-bottom: 2%;
	margin-left: 25%;
	padding: 6px;
	width: 720px;
}
#PageContainer1
{
	background-color: #CCCCCC;
/*	background-image: url(images/HellasMM/FIREG.JPG);   
    border: solid black 1px;
 */
	margin: 0px;
	padding: 0px;
/*
	margin-top: 10px
	margin-bottom: 10px;
	padding-top: 10px
	padding-bottom: 10px;
*/
}
#PageContainer2
{
	background-color: #FFFFFF;
    margin: 5%;
	padding: 0px;
}
#PageContainerOutline2
{
	border: solid 5px #333333;
    margin-top: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	margin-left: 2%;
	padding: 6px;
}
#PageLNav
{
    margin: 0;
	margin-right: 6px;
	width: 140px;
}
#PageTitle
{
	z-index: 200;
	color: #990000;
	font-size: 15pt;
	font-weight: bold;
}
#PageTOC
{
    margin: 0;
	margin-left: 6px;
	margin-top: 10px;
	width: 140px;
}
#SpecialsRCol
{
    margin: 0;
	margin-left: 6px;
	margin-top: 10px;
	width: 140px;
}

/* Classes */

.ClientDesc
{
	color: #000000;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
}
.ClientDisp
{
/*	border: solid 1px black;   */
	margin: 0px;
	margin-top: 10px;
	z-index: 10;
}
.ClientName
{
	color: #006699;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
}
.Content
{
	font-size: 11pt;
}
.Content8
{
	font-size: 8pt;
}
.Content9
{
	font-size: 9pt;
}
.Content10
{
	font-size: 10pt;
}
.ContentBanner
{
	color: #CC3333;
	font-size: 18pt;
	font-style: italic;
	font-weight: bold;
}
.ContentBlue
{
	color: #3333CC;
}
.ContentBlue8
{
	color: #3333CC;
	font-size: 8pt;
}
.ContentBlueBold
{
	color: #3333CC;
	font-weight: bold;
}
.ContentBlueTurq
{
	color: #0099CC;
}
.ContentBold
{
	font-weight: bold;
}
.ContentDesc1
{
	color: #0099CC;
	font-size: 18pt;
	font-style: italic;
}
.ContentDesc2
{
	color: #0099CC;
	font-size: 15pt;
	font-style: italic;
}
.ContentDkGray
{
	color: #333333;
}
.ContentDkGray10
{
	color: #333333;
	font-size: 10pt;
}
.ContentDkGrayBold
{
	color: #333333;
	font-weight: bold;
}
.ContentDkGrayBold13
{
	color: #333333;
	font-size: 13pt;
	font-weight: bold;
}
.ContentDkGreen
{
	color: #006633;
}
.ContentDkGreenBold
{
	color: #006633;
	font-weight: bold;
}
.ContentDkGreenBold10
{
	color: #006633;
	font-size: 10pt;
	font-weight: bold;
}
.ContentEmphasize
{
	color: #0099CC;
	font-style: italic;
}
.ContentGreen
{
	color: #339900;
}
.ContentGreenBold
{
	color: #339900;
	font-weight: bold;
}
.ContentHP
{
	color: #CCCCCC;
}
.ContentHP13
{
	color: #CCCCCC;
	font-size: 13pt;
}
.ContentOrange
{
	color: #FF3300;
}
.ContentOrangeBold
{
	color: #FF3300;
	font-weight: bold;
}
.ContentRed
{
	color: #CC0000;
}
.ContentRedBold
{
	color: #CC0000;
	font-weight: bold;
}
.ContentViolet
{
	color: #993399;
}
.ContentVioletBold
{
	color: #993399;
	font-weight: bold;
}
.ContentWhite
{
	color: #FFFFFF;
}
.ContentWhite9
{
	color: #FFFFFF;
	font-size: 9pt;
}
.ContentWhite14
{
	color: #FFFFFF;
	font-size: 14pt;
}
.ContentWhite18
{
	color: #FFFFFF;
	font-size: 18pt;
}
.ContentYellow
{
	color: #FFCC33;
}
.ContentYellowBold
{
	color: #FFCC33;
	font-weight: bold;
}
.Copyright1
{
	color: #CC3333;
	font-size: 8pt;
	font-weight: bold;
}
.Copyright2
{
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
}
.CopyrightRed
{
	color: #CC0000;
	font-size: 8pt;
}
.HPLinkBlue
{
	color: #3333CC;
	font-size: 13pt;
	font-weight: bold;
}
.HPLinkGreen
{
	color: #339900;
	font-size: 13pt;
	font-weight: bold;
}
.HPLinkOrange
{
	color: #FF3300;
	font-size: 13pt;
	font-weight: bold;
}
.HPLinkViolet
{
	color: #993399;
	font-size: 13pt;
	font-weight: bold;
}
.HPLinkYellow
{
	color: #FFCC33;
	font-size: 13pt;
	font-weight: bold;
}
.ImgPaddedR
{
	margin-right: 10px;
	z-index: 10;
}
.LCol2
{
/*
	border: 0px;
	border-left: solid 4px transparent;
*/
	background-image: url(images/JukeBoxRays_L.gif);
	vertical-align: top;
} 
.LinkBOPBlue
{
	color: #3333CC;
	font-size: 11pt;
	font-weight: bold;
}
.LinkBOPCurr
{
	color: #FFFFFF;
	font-size: 13pt;
	font-style: italic;
	font-weight: bold;
}
.LinkBOPGreen
{
	color: #339900;
	font-size: 11pt;
	font-weight: bold;
}
.LinkBOPOrange
{
	color: #FF3300;
/*	color: #FF3300; */
	font-size: 11pt;
	font-weight: bold;
}
.LinkBOPRed
{
	color: #CC0000;
	font-size: 11pt;
	font-weight: bold;
}
.LinkBOPViolet
{
	color: #993399;
	font-size: 11pt;
	font-weight: bold;
}
.LinkBOPYellow
{
	color: #FFCC33;
	font-size: 11pt;
	font-weight: bold;
}
.LinkBotPage
{
	color: #000000;
	font-size: 8pt;
}
.LinkBotPageCurr2
{
	color: #990000;
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
}
.LinkClient
{
	color: #990000;
	font-size: 10pt;
	font-style: normal;
    text-decoration: underline;
}
.LinkClientName
{
	color: #006699;
	font-size: 12pt;
	font-style: italic;
	font-weight: bold;
}
.LinkContent
{
	color: #000066;
	font-weight: bold;
    text-decoration: underline;
}
.LinkEmail
{
	color: #339900;
    text-decoration: underline;
}
.LinkEmailGr
{
	color: #339900;
	font-size: 8pt;
    text-decoration: underline;
}
.LinkEmailOr
{
	color: #FF3300;
	font-size: 8pt;
	font-weight: bold;
    text-decoration: underline;
}
.LinkEmailRCol
{
	color: #FFFFFF;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
	
}
.LinkExternalEmail
{
	color: #0099CC;
	font-size: 8pt;
	font-weight: bold;
    text-decoration: underline;
}
.LinkExternalEmailBOP2
{
	color: #0099CC;
	font-size: 8pt;
}
.LinkExternalEmailContent
{
	color: #0099CC;
    text-decoration: underline;
}
.LinkExternalPage
{
	color: #990000;
    text-decoration: underline;
}
.LinkLeftBlue
{
	color: #3333CC;
	font-size: 12pt;
	font-weight: bold;
}
.LinkLeftCurr
{
	color: #FFFFFF;
	font-size: 14pt;
	font-style: italic;
	font-weight: bold;
}
.LinkLeftGreen
{
	color: #339900;
	font-size: 12pt;
	font-weight: bold;
}
.LinkLeftOrange
{
	color: #FF3300;
	font-size: 12pt;
	font-weight: bold;
}
.LinkLeftRed
{
	color: #CC0000;
	font-size: 12pt;
	font-weight: bold;
}
.LinkLeftViolet
{
	color: #993399;
	font-size: 12pt;
	font-weight: bold;
}
.LinkLeftYellow
{
	color: #FFCC33;
	font-size: 12pt;
	font-weight: bold;
}
.LinkInternal
{
	color: #3333CC;
    text-decoration: underline;
}
.LinkTOP
{
	color: #CCCCCC;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
}
.LinkTOP2
{
	color: #333333;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 8pt;
}
.LinkWhite
{
	color: #FFFFFF;
	font-size: 9pt;
    text-decoration: underline;
}
.Motto
{
	font-weight: bold;
	text-align: right;
}
.PageSubSubTitle
{
	color: #3333CC;
	font-size: 11pt;
	font-weight: bold;
}
.PageSubTitle
{
	color: #006633;
	font-size: 13pt;
	font-weight: bold;
}
.PageTitle
{
	color: #000000;
	font-size: 15pt;
    font-weight: bold;
}
.PageTitleTOC
{
	color: #3333CC;
	font-size: 11pt;
	font-weight: bold;
}
.PhotoDesc
{
	color: #000000;
	font-size: 9pt;
}
.PhotoDescBold
{
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
}
.RCol2
{
	background-image: url(images/JukeBoxRays_R.gif);
	vertical-align: top;
} 
.RColItem
{
	color: #000000;
	font-size: 8pt;
}
.RColItemLink
{
	color: #000000;
	font-size: 8pt;
    text-decoration: underline;
}
.RColSubSection
{
    margin: 0;
	margin-left: 6px;
	margin-top: 10px;
	width: 134px;	
}
.RColSubTitle
{
	color: #006633;
	font-size: 10pt;
	font-weight: bold;
}
.RColTitle
{
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}
.RColTOCHead
{
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}
.RTVRed
{
	color: Red;
	font-size: 12pt;
	font-weight: bold;
}
.RTVOrange
{
	color: Orange;
	font-size: 12pt;
	font-weight: bold;
}
.RTVYellow
{
	color: Yellow;
	font-size: 12pt;
	font-weight: bold;
}
.RTVGreen
{
	color: Green;
	font-size: 12pt;
	font-weight: bold;
}
.RTVBlue
{
	color: Blue;
	font-size: 12pt;
	font-weight: bold;
}
.RTVViolet
{
	color: Purple;
	font-size: 12pt;
	font-weight: bold;
}
.SubtitleWhite
{
	color: #FFFFFF;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TabColHead
{
	font-size: 10pt;
	color: #000066;
}
.TabItemDesc
{
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
}
.TabItemName
{
	color: #006699;
	font-size: 11pt;
	font-weight: bold;
}
.TitleBlue
{
	color: #3333CC;
    font-family: "Lucida Handwriting";
	font-size: 24pt;
}
.TitleBlue2
{
	color: #3333CC;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TitleGr
{
	color: #339900;
    font-family: "Lucida Handwriting";
	font-size: 24pt;
}
.TitleGr2
{
	color: #339900;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TitleOr
{
	color: #FF3300;
    font-family: "Lucida Handwriting";
	font-size: 24pt;
}
.TitleOr2
{
	color: #FF3300;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TitleRed
{
	color: #CC0000;
    font-family: "Lucida Handwriting";
	font-size: 24pt;
}
.TitleRed2
{
	color: #CC0000;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TitleViolet
{
	color: #993399;
    font-family: "Lucida Handwriting";
	font-size: 24pt;
}
.TitleViolet2
{
	color: #993399;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TitleYel
{
	color: #FFCC33;
    font-family: "Lucida Handwriting";
	font-size: 24pt;
}
.TitleYel2
{
	color: #FFCC33;
    font-family: "Lucida Handwriting";
	font-size: 18pt;
}
.TOCItem
{
	color: #000000;
	font-size: 8pt;
    text-decoration: underline;
}
.TOCItemRed
{
	color: #CC0000;
	font-size: 8pt;
    text-decoration: underline;
}
.YouAreHereLoc
{
	color: #339900;
	font-size: 8pt;
}
.YouAreHerePath
{
	color: #333333;
	font-size: 8pt;
}