
/* Lightbox */

#lightbox{
	background-color:#FFFFFF;
	border: 0;
	padding: 15px;
	}

#lightboxDetails{
	font-size: 1em;
	color: #33322F;
	padding-top: 0.4em;
	}	

#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}



/* Links */


A  {
	color :#C30000; 
	text-decoration: none;
    }

A:hover {
	color : #555555; 	}

/* Main header classes */

h1 {
	padding: 5px;
	margin: 0;
	color: #C30000;
	font: 30px century gothic;
	text-transform: uppercase;}


h2 {
	margin: 0;
	padding: 0 0 0 20px;
	color: #000000;
	font: 20px century gothic;
	text-transform: uppercase;
}


/* Body text classes */


ul{
	color: #33322F;
	padding: 0;
	text-align: justify;
	margin-top:0;
	margin-left:10px;
	margin-right:0px;
	padding-top:5px;
	padding-bottom:2px;
	margin-bottom:8px;
	line-height: 145%;}

li {
	list-style-type: none;
	background: url(images/bullet.gif) center left no-repeat;
	margin: 0 0 0 30px;
	padding: 0 0 3px 12px;    }

li em{
	color: #FF4518; }

	
p, body {
	font: 11px Verdana;  
	color:#33322F;
	text-align: justify;
	margin-top:4px;
	margin-bottom:8px;
	line-height: 200%;
    }

p.center {
	text-align: center;
    }

p.right {
	text-align: right;
    }

p.left {
	text-align: left;
    }


/* Misc. */	

body {
	margin: 15px 0;
	line-height: 170%;
	background: #fff;
    }

hr {
	height:7px;
	color: #747474;
	background-color: #747474;
	border: 0;
	}

/* Navigation */

#navigation{
	float: left;
	text-align: center;
	width: 165px; 
	margin-top: 20px;
	font-family: Arial Narrow, sans-serif;
	font-size: 9px;}

div#navigation h2{
	text-align: right;
	padding-right: 12px;
	margin: 5px 10px 5px 0;}

div#navigation ul{
	font-family: Century Gothic, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: lowercase;
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 7px 0 7px;}

div#navigation ul li{
	list-style: none;
	padding: 2px 5px 2px 5px;
	margin: 0;
	background: url(images/h1.gif);
	border-bottom: 1px solid #FFFFFF;}

div#navigation ul li:hover{
	background: #fff;
	}

div#navigation p {
	font: 10px Arial Narrow;
	padding-top: 4px;
	text-align: center;
	}

div#navigation A {font-weight: normal;}

div#navigation ul li A {color: #646464; text-decoration: none;}

div#navigation ul li A:hover {color: #C30000;}

/* Images */

img
    {border: 0px none;}
    
img {
	margin: 0px;
	padding: 0;
	}
	
img.left {
	margin: 5px;
	float: left;
	}

img.right {
	margin: 5px;
	float: left;
	}

img.big {
	border: 7px solid #F2F2F2;
	margin-right: 5px; 
	float: left;
	}

img.big:hover {
	border: 7px solid #BDBDBD;
	}

img.top {
	border: 7px solid #F2F2F2;
	margin-bottom: 5px;
	}

img.top:hover {
	border: 7px solid #DADADA;
	}

img.bottom {
	border: 7px solid #F2F2F2;
	}

img.bottom:hover {
	border: 7px solid #DADADA;
	}

img.icon {
	border: 4px solid #F2F2F2;
	}

img.icon:hover {
	border: 4px solid #DADADA;
	}

img.thumb:hover {
	border: 7px solid #DADADA;
	}

img.sample {
	float: right; 
	border: 7px solid #EBEBEB;
	margin: 5px 0 0 10px;
	}

img.sample:hover {
	float: right; 
	border: 7px solid #F2F2F2;
	}

/* Structural ids */

#header{width: 750px;
	padding: 0;
	background: #EBEBEB;	
	margin-right:auto;
	margin-left:auto; }

div#text{
	width: 560px;
	margin: 0;
	float: left;
	margin:  10px 12px 15px 12px;}

#footer{
	clear: both;
	background: #F5F5F5;
	width: 100%;}

#footer1 {
	width: 100%; 
	clear: both;}

#footer2 {
	width: 750px;
	margin: auto; 
	background: url(images/h1.gif); 
	padding: 10px; }

#footer2 p {
	text-align: right;
	font: 11px Century Gothic; 
	color: #000;}

img.thumb {
	border: 7px solid #F2F2F2;
	padding: 0px;
	margin: 0px;
	}
