/* CSS Document */
body	{
 	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f3ecf1;	
	background-image: url(images/greybackgroundline2.gif);
	background-repeat:repeat;
	font-family: verdana, arial, Georgia, "New Century Schoolbook", Times, serif; /* NEW STYLE 08.09.08 */
	/* font-size: 11px; */
	padding: 0px;
	font-size: 100%; /* ======== NEW STYLE 08.09.08 */
	line-height: 1.0em; /* ======== NEW STYLE 08.09.08 */
	}

body {	/* ===================================== ENTIRELY NEW BIT !!!! */
	width: 760px; /* ========== IS THIS CORRECT ?? */
	position: relative;
	margin-left: auto;
	margin-right:  auto; 
	/* height: 850px; */
	}

h1 {	font-family: verdana, arial, Georgia, "New Century Schoolbook", Times, serif; /* NEW STYLE 08.09.08 */
	font-size: 1.05em; /* ======== NEW STYLE 08.09.08 */
	/* font-size: 11px; */
	font-weight: bold;
	color: #000099; /* ======== NEW STYLE 08.09.08 */
	}

h2 {	font-family: verdana, arial, Georgia, "New Century Schoolbook", Times, serif; /* NEW STYLE 08.09.08 */
	font-size: 1.0em; /* ======== NEW STYLE 08.09.08 */
	/* font-size: 11px; */
	font-weight: bold;
	color: #330099; /* ======== NEW STYLE 08.09.08 */
	}

hr	{
	color: #cccccc;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 1pt;
	border-bottom-style: none;
	}	


/* Main text box with rounded corners ========================================= */

#rightside 
{
	position:absolute;
	top:100px;
	left:202px;
	height: 600px;
	width: 580px;
	background: url(images/additionalpics.gif);
	overflow: visible;
}
#contenttext
{
	position: relative; 
	left: 0px;
	right: 0px;
	width:396px;
	/* height: 100px; */
	font-family: verdana, arial, Georgia, "New Century Schoolbook", Times, serif; /* NEW STYLE 08.09.08 */
	/* font-size:11px; */
	font-size: 0.9em; /* NEW STYLE 08.09.08 */
	/* color:navy; */
	color: #000099; /* NEW STYLE 08.09.08 */
	line-height: 1.2em; /* NEW STYLE 08.09.08 */
	visibility: visible;
	background-color: #ffffff;
   	border: 4px #ef40b0 solid;
   	padding: 0px;
   	margin: 0px;
    	z-index: 1;
	}

.nw{
   position: absolute;
   left: -4px;
   top: -4px;
   padding: 0px;
   margin: 0px;
   z-index: 2;
    }
.ne{
   position: absolute;
   right: -4px;
   top: -4px;
   padding: 0px;
   margin: 0px;
   z-index: 2;
    }
 /* se now uses southcurve.gif */   
 .se
 {
   position: absolute;
   left: -7px;
   bottom: -22px;
   padding: 0px;
   margin: 0px;
   z-index: 3;
    }
#creditlink
{	position: relative; 
	right: -265px;
	top: 10px;
	z-index: 3;
	font-size: 9px;
	color: silver;
	}
#creditlink2{visibility: hidden;}
a.creditlink {font-size: 9px; color: silver;}    

    
#maintext 
{	position: relative; 
	margin: 15px;
	border: silver 10px;
	z-index: 3;
	}


#logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	visibility:visible;
	background: url(images/menubackground.gif) repeat-y;
}

#tagline
{
	position:absolute;
	top:45px;
	/* left:315px; */
	right: 0px; /* ======== NEW STYLE 08.09.08 */
	z-index:1;
	font-family:Arial,Verdana;
	font-size:13px;
	font-weight:bold;
	color:purple;
	visibility:visible;
}

/* 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
{
	position: absolute;
	top: 250px;
	left: 444px;
	font: 9px verdana;
	text-decoration: underline;
    z-index: 3;
    overflow: hidden;
}

a.quotelink					{color: #EF40B0; text-decoration: underline;}
a.quotelink:hover			{color: blue; background:none;}
a.quotebackground			{background: silver}
a.quotebackground:hover		{background: #ffffff;}
a.quote						{color: #EF40B0; font-size: 12px; font-family:arial; font-weight: bold;}
a.quote:hover				{color: blue; background:none;}
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: 0px;
	width: 90px;
	height: 90px;
	overflow: hidden;
	z-index: 3;
}


/* New Page Link Style ========================================================================  */
/* DELETE THIS IF NECESSARY */
a.pagetext	
	{color: #0000FF; 
	text-decoration: underline;
	} 

a.pagetext:hover	
	{background: #FFCCCC;
	color: #000000;
	}


/* Link & menu styles ========================================================================  */

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

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

a.menucurrentlevel1 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 3px;
	display: inline-block;
	padding: 2px;}
a.menuplainlevel1
{	font-weight: bold;
	color: #ffffff;
	margin-left: 3px;
	display: inline-block;
	padding: 2px;}
	
a.menucurrentlevel2 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 15px;
	background: url(images/whiteonpinkarrow.gif) no-repeat left bottom;
	border-bottom: 2px;
	display: inline-block;
	padding: 1px;}
a.menuplainlevel2
{	font-weight: normal;
	color: #ffffff;
	margin-left: 15px;
	border-bottom: 2px;
	display: inline-block;
	padding: 1px;}
	
a.menucurrentlevel3 
{	font-weight: bold;
	color: #ffffff;
	margin-left: 20px;
	background: url(images/whiteonpinkarrow.gif) no-repeat left bottom;
	display: inline-block;
	padding: 1px;}
a.menuplainlevel3
{	font-weight: normal;
	color: #EBE4E9;
	margin-left: 28px;
	background: url(images/whiteonpinkbullet.gif) no-repeat left bottom;
	display: inline-block;
	padding: 1px;}
	
a.menuplainlevel4{color:White; margin-left: 38px;}

/* 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.indexlink:hover	{background: #FFCCCC; color:black;} /* ================== NEW STYLE 08.09.08 */
a.index:hover		{background: #FFCCCC; 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;
	width: 600px;
	background: #DEDEFA;
	z-index:0;
	}
#uploadform 
{	
	position:absolute;
	top: 0px;
	left: 0px;
	width: 700px;
	height: 500px;
	background: #DEDEFA;
	}

#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;
}