/* CSS Document */
body{
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#f3ecf1;	
	background-image:url(images/cavalibackground.gif);
	background-repeat:no-repeat;
	font-family: Verdana;
	font-size: 11px;
	padding: 0px;
}

h1 {font-family: Verdana;
	font-size: 11px;
	font-weight: bold;}
h2 {font-family: Verdana;
	font-size: 11px;
	font-weight: bold;}
hr
{
	color: #cccccc;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 1pt;
	border-bottom-style: none;
}	



/* Main text box  =========================================*/

#rightside 
{
	position:absolute;
	top:120px;
	left:170px;
	height: 600px;
	width: 580px;
	background: none;
	overflow: visible;
}
#contenttext
{
	position: relative;
	top: -47px;
	left: 0px;
	right: 0px;
	width:396px;
	height: 100px;
	font-family:Verdana;
	font-size:11px;
	color:navy;
	visibility: visible;
	background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
    z-index: 1;
}

.nw{visibility: hidden;}
.ne{visibility: hidden;}
.sw{visibility: hidden;}
.se{visibility: hidden;}
    
#maintext 
{	position: relative; 
	margin: 15px;
	border: silver 10px;
	z-index: 3;
	}

#logo{visibility: hidden;}
#tagline{visibility: hidden;}
#creditlink{visibility: hidden;}

#creditlink2
{	position: relative; 
	right: -12px;
	top: 8px;
	z-index: 3;
	}
a.creditlink {font-size: 9px; color: silver;}    



/* images */
   
#image1
{
	position: absolute;
	top:0px;
	left: 425px;
	width:130px;
	height: 130px;
	overflow:hidden;
    z-index: 1;
}
#frame1
{
	position: absolute;
	top:0px;
	left: 425px;
	width:130px;
	height: 130px;
    z-index: 2;
}

#image2
{
	position: absolute;
	top:145px;
	left: 425px;
	width:130px;
	height: 130px;
	overflow:hidden;
    border: none;
    z-index: 1;
 
}
#frame2
{
	position: absolute;
	top:145px;
	left: 425px;
	width:130px;
	height: 130px;
	border: none;
    z-index: 2;
 
}
#image3
{
	position: absolute;
	top:290px;
	left: 425px;
	width:130px;
	height: 130px;
	overflow:hidden;
    z-index: 1;
}
#frame3
{
	position: absolute;
	top:290px;
	left: 425px;
	width:130px;
	height: 130px;
    z-index: 2;
 
}

#quotetext
{
	position: absolute;
	top:159px;
	left: 436px;
	width:110px;
	height: 91px;
    padding: 0px;
    z-index: 2;
    overflow: hidden;
    border: none;
    text-justify:distribute;
}

#quotelink {visibility:hidden}

a.quotelink					{color: #EF40B0; text-decoration: underline;}
a.quotelink:hover			{color: blue; background:none;}
a.quotebackground			{background: #f3ecf1;}
a.quotebackground:hover		{background: #ffffff;}
a.quote						{color: #5F3D66; font-size: 12px; font-family:arial; font-weight: bold;}
a.quote:hover				{color: blue; background:#ffffff;}
a:link img, a:visited img	{ border-style: none } /* no border on img links */


img.imagetext
{
	width: 90px;
	height: 90px;
	clear: left;
	display: inline;
	float: right;
	position: static;
	overflow: hidden;
	border: none;
	z-index: 2;
}
img.imagetextmask
{
	position: absolute;
	right: 15px;
	width: 90px;
	height: 90px;
	overflow: hidden;
	z-index: 3;
}
	
	
/* Link & menu styles ========================================================================  */

#leftmenu
{ position: absolute;
	top: 120px;
	left: -0px;}
	
#uppermenu
{
	font-weight: bold;
	font-size: 11px;
	position:relative;
	left: 0px;
	visibility: visible;
	overflow: hidden;
	width: 180px;
	color: white;
	font-family: Verdana,Arial;
	background: url(images/menubackground.gif) repeat-y;
}
#menufooter
{	background: #f3ecf1 url(images/menufooter.gif) no-repeat;
	visibility: visible;
	width: 180px;
	height: 30px;
	position: relative;
	top: 0px;
}
.menuitem
{	height: 20px;
	background: url(images/buttonbackground.gif) no-repeat; 
	position:relative;
	left: -10px;
	background-position: bottom;
	}
#xhtmlstrict
{	
	position: relative;
	top: -5px;
	left: 12px;
	visibility: visible;
}


a {	text-decoration: none;
	color: #663366;
}
a:hover {background: #685371;
		color: #ffffff;}
		

a.menucurrentlevel1 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 19px;
	display: inline-block;
	padding: 2px;
	position:relative;
	top: -2px;}

a.menuplainlevel1
{	font-weight: bold;
	color: #ffffff;
	margin-left: 19px;
	display: inline-block;
	padding: 2px;	
	position:relative;
	top: -2px;}
a.menucurrentlevel2 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 24px;
	background: url(images/whiteonpinkarrow.gif) no-repeat left bottom;
	border-bottom: 2px;
	display: inline-block;
	padding: 1px;
	position:relative;
	top: -2px;}
a.menuplainlevel2
{	font-weight: normal;
	color: #ffffff;
	margin-left: 26px;
	border-bottom: 2px;
	display: inline-block;
	padding: 1px;
	position:relative;
	top: -2px;}
a.menucurrentlevel3 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 30px;
	background: url(images/whiteonpinkarrow.gif) no-repeat left bottom;
	display: inline-block;
	padding: 1px;
	position:relative;
	top: -2px;}
a.menuplainlevel3
{	font-weight: normal;
	color: #EBE4E9;
	margin-left: 38px;
	background: url(images/whiteonpinkbullet.gif) no-repeat left bottom;
	display: inline-block;
	padding: 1px;
	position:relative;
	top: -2px;}
	
a.menuplainlevel4
{	color:White; 
	margin-left: 45px;
	position:relative;
	top: -2px;}}

/* lower menu styles */

a.menucurrentlevel1b	{font-weight: bold; margin: 0px;}
a.menuplainlevel1b		{font-weight: bold; margin: 0px;}
a.menucurrentlevel2b	{font-weight: normal; margin-left: 10px; padding: 2px; display: inline-block;}
a.menuplainlevel2b		{font-weight: normal; margin-left: 10px; padding: 2px; display: inline-block;}
a.menuplainlevel3b		{font-weight: normal; margin-left: 18px; padding: 1px; display: inline-block;}
a.indexlink				{font-size: 9px; color: silver;}
a.index:hover			{background:pink;color:black;}
p.black					{color: #666666; margin: 2px;}

li {margin-bottom: 2px;}

/*edit menu styles */
a.menueditlevel1 {font-size: 12px;  font-weight: bold; color: #ffffff;}
a.menueditlevel2 {font-size: 12px;  font-weight: normal; color: #ffffff; margin:15px;}
a.menueditlevel3 {font-size: 11px;  font-weight: bold; margin: 25px;}
a.menueditlevel4 {font-size: 11px;  font-weight: normal; margin: 35px;}

a.menueditlevel1b {font-size: 12px;  font-weight: bold; color: #ffffff;}
a.menueditlevel2b {font-size: 12px;  font-weight: normal; color: #ffffff; margin:15px;}
a.menueditlevel3b {font-size: 11px;  font-weight: bold; margin: 25px;}
a.menueditlevel4b {font-size: 11px;  font-weight: normal; margin: 35px;}

#editmenuitem1 { width:300px; background: #333366; margin: 0px;}
#editmenuitem2 { width:300px; background: #666699; margin: 0px;}
#editmenuitem3 { width:300px; background: #9999CC; margin: 0px;}
#editmenuitem4 { width:300px; background: #CCCCFF; margin: 0px;}

tt {font:verdana; font-weight: normal; font-size: 10px;}

#menulower
{
	font-weight: bold;
	font-size: 11px;
	left: 0px;
	visibility: visible;
	width: 180px;
	color: #000000;
	font-family: Verdana,Arial;
}

#pagepreview
{position: absolute;
top:0px;}

/* Edit form ========================================================================== */

input:text
{
	width:400px;
	color: navy;
	font-size: 11px;
	font-family: verdana;
	}

input.break {	color: Red;width:20px;}
input.menutextinput
{	width:400px;
	color: navy;
	font-size: 11px;
	font-family: verdana;
	}
input.menulevelinput
{	width:20px;
	color: navy;
	font-size: 11px;
	font-family: verdana;
	}

textarea.normalcontent
{	width:400px;
	height:200px;
	color: navy;
	font-size: 11px;
	font-family: verdana;
	}
textarea
{	width:400px;
	height:50px;
	color: navy;
	font-size: 11px;
	font-family: verdana;
	}

#wholeform 
{	
	position:absolute;
	top: 0px;
	left: 300px;
	background: #DEDEFA;
	z-index:0;
	}

#editmenu
{
	position:relative;
	top: 0px;
	left:0px;
	width:300px;
	z-index:3;
	font-family:Arial,Verdana;
	font-size:12px;
	color: Red;
	background: #000000;
	visibility:visible;
}

#menutextform
{
	position:relative;
	top: 0px;
	left:20px;
	z-index:3;
	visibility:visible;
}
#menulevelform
{	position:relative;
	top: 0px;
	left:20px;
	left:500px;
	z-index:3;
	visibility:visible;
}
#boldcontentform
{
	position:relative;
	top: 0px;
	left:20px;
	z-index:3;
	visibility:visible;
}
#contentform
{
	position:relative;
	top: 0px;
	left:20px;
	z-index:3;
	visibility:visible;
}
#sortorderform
{
	position:relative;
	top: 0px;
	left:20px;
	z-index:3;
	visibility:visible;
}
#imagenameform
{
	position:relative;
	top:0px;
	left:20px;
	z-index:3;
	visibility:visible;
}
#hideform
{
	position:relative;
	top: 0px;
	left:20px;
	z-index:3;
	visibility:visible;
}