/* CSS Document */

body{
background-color:#FFFFFF;
}
body legend{
	font-weight:bold;
	text-align:left;
}
body A {color:#000000;}
body A:visited{TEXT-DECORATION: underline}
body A:link{TEXT-DECORATION: underline}
body A:hover{TEXT-DECORATION: underline}

#Header{
}
#DSALogo{
}
#W3CLogo{
}
#MKCLogo{
}
#MKCLogoText{
	color:#2050a3;
	font-weight:bold;
}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#MainMenu{
	background-color:#FFFFFF;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
}
#MenuOptions{
}
#MenuOptions ul{
}
#MenuOptions ul li{
}
#MenuOptions ul li a{
	text-decoration:none;
	color:#000000;
}
#MenuOptions ul li a:hover{
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:underline;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */

#NotificationBar{
	font-size:100%;
	background-color:#FFFFFF;
	border-bottom:1px solid #999999;
	color:#000000;
}
#NotificationBar A {color:#000000}
#NotificationBar A:visited{TEXT-DECORATION: none}
#NotificationBar A:link{TEXT-DECORATION: none}
#NotificationBar A:hover{TEXT-DECORATION: underline}

#Username{
}
#Basket{
}
#BasketSummary{
}
#BasketButton{
}

#PageTitle
{
    color:000000;
}
#Categories{
	font-size:120%;
}
.CategoriesList-Class{
	font-weight:bold;
}
.CategoriesList-SubClass{
	font-weight:normal;
	padding-bottom:4px;
	padding-left:10px;
}

/*Footer CSS*/
#Footer {
	border-top-color:#999999;
}
#FooterContent{
}
#Copyright{
	color:#000000;
	background:#FFFFFF;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;

}
#Copyright A:link{
	color:#000000; TEXT-DECORATION: none
}
#Copyright A:visited{
	color:#000000; TEXT-DECORATION: none
}
#Copyright A:hover{
	color:#000000; TEXT-DECORATION: underline
}


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('../images/corners1280x18-black.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #000000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #000000;/* YCC: color & properties of the right-borderline */
	background: #FFFFFF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
