﻿/*
 * HTML elements
 */
* {margin: 0;padding: 0}
h1{font-size: 140%; margin-bottom: 20px}
h2{font-size: 130%; margin-bottom: 15px}
h3{font-size: 120%; margin-bottom: 10px}
h4{font-size: 110%; margin-bottom: 5px}
body{padding: 20px; background-image: url(background-body.bmp); background-repeat:repeat-x; background-color: #999; text-align: center;font-family: Comic Sans MS;color: #963;font-size: 15px;}
hr{color: #FFC; height: 1px;}
p{margin-bottom: 14px;}
ul{margin-bottom: 14px;margin-left: 20px}
/*
 * Main Area
 */
#Main{width: 1024px;height: 80%; background-position: left -120px; background-color: #FEF6DF;background-image: url(background-stilton.jpg);background-repeat: no-repeat;text-align: left;border: none;vertical-align: top;}
#Main .Shadow-Right{	background-repeat: repeat-y;	background-image: url(border-right-shadow.gif);	width: 8px;}
/*
 *Header style
 */
#Header{width: 1024px; background-image: url(shadow-header-top.gif);background-repeat:no-repeat; background-color:Red;height: 150px;}
#Header .Barcode-Style td {padding: 0 5px 0 5px; border-left: none; border-top: none; border-bottom: none; border-right: solid 2px white; height: 150px; vertical-align: bottom}
#Header h1{font-size: 50px; color: White;}
#Header h2{font-size: 14px; color: White; font-weight: bold;}
#Header .Shadow-Right-Top{height: 20px;}
#Header .Shadow-Right{width: 8px; background-image: url(border-right-shadow.gif); height:130px;background-repeat: repeat-y;}

/*#Footer * {border: solid 1px green}*/
#Footer .Shadow-Bottom{height:20px; background-position:bottom; background-repeat: repeat-x;	background-image: url(horz-repaet-border.gif);}
#Footer .Shadow-Bottom-Right{ height: 20px; background-position:right bottom ;	background-repeat: no-repeat;	background-image: url(main-corner-bottom-right.gif);}
#Footer .Left {background-image: url(background-main-rpt.png);background-repeat: repeat-y;}
/*
 *Sitemap
 */
#Sitemap{margin-left: 200px;}

/*
 * Breadcrumb & Top navigation
 */
#Breadcrumb{float:left; overflow: hidden; width: 450px; color: #963; height: 40px;font-weight: bold; font-size: 100%;padding: 5px 0px 40px 20px;background-image: url(top-left-corner-red.gif);background-repeat: no-repeat;}
#Breadcrumb *, #Top-Navigation *{color: #963;	font-weight: bold;}
#Top-Navigation{overflow: hidden; width: 450px; float:right; color: #963;	height: 40px;	font-weight: bold;	font-size: 100%;padding: 5px 20px 5px 0px;	text-align: right;	background-image: url(top-right-corner-red.gif);background-position: right top;	background-repeat: no-repeat;}

/*
 * Navigation
 */
#Navigation-Bar{width: 300px; vertical-align:top; background-image: url(background-main-rpt.png);background-repeat: repeat-y;}

#Main-Navigation {background-position: left -205px; padding-top:30px; background-image: url(background-stilton.jpg);background-repeat: no-repeat; height: 380px; text-align: right; color: #963; font-weight: bold;}
#Main-Navigation * {color: #963;}
#Main-Navigation li{padding-right: 50px;	list-style-type: none;	background-image: url(cheese.gif);	background-position: right top;	background-repeat: no-repeat;}
#Main-Navigation li li{padding-right: 20px;	list-style-type: none;	background-image: url(bullet-orange.gif);	background-position: right bottom;	background-repeat: no-repeat;	}
#Main-Navigation li a{color: #963;}
#Main-Navigation li li a{color: #963;	font-size: 90%;	font-weight: normal;}

#Content{width: 635px; border-left: solid 1px #963; padding: 0px 40px 20px 40px; height:520px; vertical-align: top;}
#Content a{color: #963;}

#Context-Image{width:100%;}

.Top-Left-Corner-Yellow{height: 3px;background-image: url(../images/top-left-corner-yellow.gif);}
.Top-Right-Corner-Yellow{height: 3px;background-image: url(../images/top-right-corner-yellow.gif);}
.Bottom-Left-Corner-Yellow{height: 2px;background-image: url(../images/bottom-left-corner-yellow.gif);}
.Bottom-Right-Corner-Yellow{height: 2px;background-image: url(../images/bottom-right-corner-yellow.gif);}

.Shadow-Right
{
	background-repeat: repeat-y;
	background-image: url(../images/border-right-shadow.gif);
	width: 8px;
}
.Shadow-Bottom
{
	background-image: url(../images/border-bottom-shadow.gif);
	height: 4px;
}


