/* Start Header Styles */ 
.header {background-image:url('../images/header_bar/Header_Frame.jpg');
         background-repeat:no-repeat;
         background-position:left top;}
	   
.logo {background-image:url('../images/header_bar/CJC_Logo.gif');
       background-repeat:no-repeat;
       background-position:right center;}
/* End Header Styles */

/* Start History Styles */
.hst
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 73%;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    BACKGROUND-COLOR: #EAEAEA;
    TEXT-DECORATION: none;
	BORDER-TOP:1px dotted #000;
	BORDER-BOTTOM:1px dotted #000;
}
.hst A:link
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.hst A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.hst A:hover
{
    COLOR: #990000;
    TEXT-DECORATION: none
}
/* End History Styles */

/* Start Navigation Styles */
#menu {	background: #FFFFFF;
	    float: left;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    width: 110px;
        color: #000000;}
		
#menu li {
	font: 90% Tahoma,Verdana,Arial;
	margin: 0;
	padding: 0;
	height:34px;
}
#menu a {
	background: #FFFFFF;
	border-bottom: 1px dotted #4F4F4F;
	color: #000000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;}
	
#menu a:hover {
	background: #EAEAEA url("images/general/hover.gif") left center no-repeat;
	color: #000000;
	padding-bottom: 8px;}

	#menu span {background: #FFFFFF;
	border-bottom: 1px dotted #4F4F4F;
	color: #000000;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	background: #EAEAEA url("images/general/hover.gif") left center no-repeat;}

.menutext {FONT-WEIGHT: normal;
            FONT-SIZE: 70%;
            TEXT-ALIGN: left;
            COLOR: #000;
            FONT-STYLE: normal;
            FONT-FAMILY: Tahoma,Verdana,Arial;
            BACKGROUND-COLOR: #FFF;
            TEXT-DECORATION: none;}
/* End Navigation Styles */

/* Start Content Styles */
.content-h1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    TEXT-DECORATION: none
}

.content-h2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 95%;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    TEXT-DECORATION: none
}

.content-h3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    TEXT-DECORATION: none
}

.content
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    TEXT-DECORATION: none
}

.content-centre
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.content A:link
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}

.content A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}

.content A:hover
{
     COLOR: #FF3333;
     TEXT-DECORATION: underline
}

.content-table
{
    BORDER-RIGHT: 1px dotted #4F4F4F;
    BORDER-TOP: 1px dotted #4F4F4F;
    BORDER-LEFT: 1px dotted #4F4F4F;
    BORDER-BOTTOM: 1px dotted #4F4F4F;
	BACKGROUND-COLOR: white;
	FONT-WEIGHT: norma;
	FONT-FAMILY: Verdana,Arial,Tahoma;
    FONT-SIZE: 75%;
	TEXT-ALIGN: left;
}

.content-table-header
{
    BORDER-RIGHT: 1px solid #4F4F4F;
    BORDER-TOP: 1px solid #4F4F4F;
    BORDER-LEFT: 1px solid #4F4F4F;
    BORDER-BOTTOM: 1px solid #4F4F4F;
    FONT-SIZE: 100%;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana,Arial,Tahoma;
    COLOR: #000000;
    FONT-WEIGHT: normal;
    TEXT-ALIGN: center;
	BACKGROUND-COLOR: #EAEAEA;
}
/* End Content Styles */

/* Start Footer Styles */
   .pf {FONT-WEIGHT: normal;
        FONT-SIZE: 73%;
        VERTICAL-ALIGN: middle;
        TEXT-ALIGN: right;
        COLOR: #000;
        FONT-STYLE: normal;
        FONT-FAMILY: Tahoma,Verdana,Arial;
        BACKGROUND-COLOR: #EAEAEA;
        TEXT-DECORATION: none;
    	BORDER-TOP:1px dotted #000;}
/* End Footer Styles */