/* CSS definition file containing sitestyle stylesheets */
html {
	height: 100%; 
	margin-bottom: 1px
}

body {
	background: url( "../assets/images/background1.jpg" ) repeat-x;
	color: #000;
	font-family: Arial,              Verdana,              sans-serif; 
	font-size: 80%;
	text-align: center; 
	margin: 0
}

table{
	padding: 0px; 
	margin: 0; 
	border-collapse: collapse; 
	font-size: 100%
}

 td {
	padding: 0px; 
	margin: 0; 
	border-collapse: collapse; 
	font-size: 100%
}

ul li              {
	list-style-image: url( 'images/bullet.gif' ); 
	font-size: 100%
}

hr {
	background-color: #de0f23; 
	color: #de0f23; 
	height: 1px; 
	width: 100%
}

img {
	border: none
}

form {
	margin: 5px 0 0 0; 
	padding: 0; 
	font-size: 100%
}

.forminput {
	background-color: #fff; 
	color: #000; 
	border: 1px solid #c0c0c0; 
	padding: 2px;
	margin: 2px 0; 
	font-size: 100%; 
	font-family: Verdana,              Arial,              sans-serif
}

/* SETS HEADING PROPERTIES */

h1 {
	font-family: Georgia,              Times,              serif; 
	color: #000099; 
	text-align: left; 
	font-size: 30px; 
	font-weight: bold 
}

h2 {
	font-family: "Trebuchet MS",   "Comic Sans MS",   Arial,   sans-serif; 
	color: rgb(128,117,95); 
	text-align: left; 
	font-size: 20px; 
	font-weight: normal ;
	text-shadow : 2px 2px 1px #DDD
}

h3 {
	font-family: "Trebuchet MS",   "Comic Sans MS",   Arial,   sans-serif; 
	color: #756341; 
	text-align: left; 
	font-size: 20px; 
	font-weight: normal ;
	text-shadow : 2px 2px 1px #DDD
}

h4{ 
	font-size: 18px; 
	font-weight: normal; 
	color: rgb(127,116,96) ;
	font-style : normal
}

/* SETS THE VARIOUS HYPERLINK PROPERTIES */

 h5{
	font-family: "Trebuchet MS"  "Comic Sans MS"  ; 
	font-size: 18px; 
	font-weight: normal; 
	color: #d01022 
}

/* SETS THE VARIOUS HYPERLINK PROPERTIES */

 h6 {
	font-family: "Trebuchet MS"  "Comic Sans MS"  ; 
	font-size: 18px; 
	font-weight: normal; 
	color: #d01022 
}

/* SETS THE VARIOUS HYPERLINK PROPERTIES */

a:link  {
	color: #7c715c; 
	text-decoration: none; 
	font-weight: bold
}

a:visited {
	color: #7c715c; 
	text-decoration: none; 
	font-weight: bold
}

a:active {
	color: #7c715c; 
	text-decoration: none; 
	font-weight: bold
}

.navigation a:link  {
	color: #b2a791; 
	text-decoration: none; 
	font-weight: bold
}

.navigation a:visited {
	color: #b2a791; 
	text-decoration: none; 
	font-weight: bold
}

.navigation a:active {
	color: #b2a791; 
	text-decoration: none; 
	font-weight: bold
}

.footerright a:link  {
	color: #000099; 
	text-decoration: none; 
	font-weight: normal
}

.footerright a:visited {
	color: #000099; 
	text-decoration: none; 
	font-weight: normal
}

.footerright a:active {
	color: #000099; 
	text-decoration: none; 
	font-weight: normal
}

/* SETS THE CLASS PROPERTIES */

.wrapper {
	width: 750px; 
	text-align: left;
	margin: 0 auto
}

.header {
	font-family: Georgia,              Times,              serif; 
	background-image: url( 'images/headerbg1.jpg' );
	text-align: center;
	color: #f1ece6;
	font-size: 26px;
	font-weight: bold;
	height: 100px
}

.navigation {
	background-image: url( 'images/navigationbg.jpg' );
	color: #f1ece6; 
	text-align: center;
	letter-spacing: 1px;
	padding: 0 0px;
	height: 45px
}


.sidebar {
	background: url( "../assets/images/sidebarbg.jpg" );
	color: #000;
	width: 250px; 
	padding: 10px 15px 10px 20px; 
	vertical-align: top; 
	font-size: 90%; 
	text-align: left
}

.maintext {
	background: url( 'images/textbg.jpg' );
	width: 500px; 
	padding: 10px 20px 10px 10px; 
	vertical-align: top; 
	text-align: justify 
}

.catalog {
	width: 50%; 
	padding: 10px; 
	text-align: left; 
	vertical-align: top 
}

.mainwide {
	background: url( "../assets/images/mainwidebg.jpg" );
	width: 750px; 
	padding: 10px 20px; 
	text-align: justify; 
	vertical-align: top 
}

.footerleft {
	background: url( 'images/footerleft.jpg' );
	text-align: center;
	color: #000099; 
	font-size: 90%; 
	font-weight: normal;
	height: 80px 
}

.footerright {
	background: url( 'images/footerright.jpg' );
	text-align: center;
	color: #000033;
	font-size: 90%; 
	font-weight: normal
}

.photoleft {
	margin: 3px 10px 2px 0px; 
	float: left 
}

.photoright {
	margin: 3px 0px 2px 10px; 
	float: right 
}

.imageleft {
	margin: 3px 10px 2px 0px; 
	float: left; 
	border: 3px double #c0c0c0
}

.imageright {
	margin: 3px 0px 2px 10px; 
	float: right; 
	border: 3px double #c0c0c0
}

.imagecenter {
	margin: 0px 5px; 
	border: 3px double #c0c0c0
}

P {
	font-family: Arial,             Helvetica,             Geneva,             Sans-serif;
	font-size : 10pt
}

.nof_PlainNavbar2-Regular {
	color: rgb(255,255,255);
	font-family : Arial;
	font-size : 14px}



.nof_PlainNavbar4-Rollover {
	font-family: Arial;
	font-size : 14px;
	color : rgb(255,255,255);
	font-style : normal;
	font-weight : bold
}

.nof_PlainNavbar6-Highlighted {
	color: rgb(192,192,192);
	font-family : Arial;
	font-size : 14px
}

.nof_PlainNavbar8-HighlightedRollover {
	font-family: Arial;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	color : rgb(192,192,192)
}

.nof_PlainNavbar3-Regular {
	font-family: Arial;
	font-size : 14px;
	color : rgb(255,255,255)
}

.nof_PlainNavbar5-Rollover {
	font-family: Arial;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	color : rgb(255,255,255)
}

.nof_PlainNavbar7-Highlighted {
	font-family: Arial;
	font-size : 14px;
	font-style : normal;
	font-weight : normal;
	color : rgb(192,192,192)
}

.nof_PlainNavbar9-HighlightedRollover {
	font-family: Arial;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	color : rgb(192,192,192)
}A{	color : rgb(127,116,96);
	text-decoration : underline
}
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 300px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px
}

#close {
	float: right
}a:hover {
	color: rgb(153,51,51); 
	text-decoration: underline; 
	font-weight: bold
}

.navigation a:hover {
	color: #f1ece6; 
	text-decoration: none; 
	font-weight: bold
}

.footerright a:hover {
	color: #000099; 
	text-decoration: underline; 
	font-weight: bold
}