/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


* {
margin : 0;
padding : 0;
}
body {
background : #e3e3e6 url(images/img01.gif) repeat-x;
font : normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #88888a;
}
h1, h2, h3 {
color : #313131;
}
h1 {
margin-bottom : 0.5em;
font-size : 182%;
font-weight : normal;
letter-spacing : -2px;
}
h2 {
margin-bottom : 0.5em;
font-size : 136%;
font-weight : normal;
letter-spacing : -1px;
}
h3 {
	background: url(images/img11.gif) repeat-x left top;
	font-style: 100%;
	font-weight: bold;
	color: #FFFFFF;
}
p, blockquote, ol, ul {
margin-bottom : 1.5em;
text-align : justify;
line-height : 167%;
font-size : 107%;
}
TABLE {
vertical-align : top;
}
blockquote {
margin-left : 2em;
}
ol {
margin-left : 2em;
}
ul {
list-style : none;
}
ul li {
padding-left : 1em;
background : url(images/img07.gif) no-repeat left center;
}
a {
text-decoration : none;
color : #313131;
}
a:hover {
text-decoration : underline;
color : #db5600;
}
#menu {
width : 940px;
height : 60px;
margin : 0 auto;
border-left : 20px solid #db5600;
font-weight : bold;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	width: 100px;
	text-align: left;
	background: #FFFFFF;
	color: #000000;
	padding : 20px 40px 0 40px;
	font-size : 92%;
}

#nav li { /* all list items */
	padding : 0;
	display : inline;
   background : #DB5600;
	float: left;
}
#nav li a:hover {
background: #DB5600;
color: #FFFFFF;
text-decoration: none
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #DB5600;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#menu b {
text-decoration : none;
}
#logo {
width : 960px;
height : 220px;
margin : 0 auto;
background : #010100 url(images/logo.jpg);
}
#logo h1 {
	margin: 0;
	padding: 100px 0 0 0;
	text-align: left;
	letter-spacing: -1px;
	font-size: 250%;
}

#logo h2 {
	margin: 0;
	padding: 0 0 0 0;
	text-align: left;
	letter-spacing: -1px;
	font-size: 100%;
	font-weight: bold;

}
#logo a {
text-decoration : none;
color : #ffffff;
}
#page {
width : 960px;
margin : 0 auto;
background : url(images/img03.gif) repeat-y;
}
#content {
float : left;
width : 640px;
padding : 20px 30px 20px 50px;
}
#welcome {
margin-bottom : 20px;
padding-bottom : 1px;
background : url(images/img04.gif) repeat-x left bottom;
}
.floating-box {
float : left;
width : 310px;
}
.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
line-height : 144%;
font-size : 92%;
}
.floating-box img {
border : 5px solid #ffffff;
}
IMG {
border : 6px solid #ffffff;
}
#sidebar {
float : right;
width : 200px;
padding : 20px;
}
#sidebar blockquote {
margin-left : 0;
padding-left : 1em;
background : url(images/img09.gif) no-repeat right bottom;
border-left : 5px solid #db5600;
}
#sidebar blockquote p {
text-align : left;
line-height : normal;
font-style : italic;
}
#links ul {
background : url(images/img04.gif) repeat-x left bottom;
}
#links li {
padding : 5px 0;
background : url(images/img04.gif) repeat-x left top;
}
#links a {
padding-left : 1em;
background : url(images/img08.gif) no-repeat left center;
color : #db5600;
}
#footer {
height : 50px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
}
#footer .wrapper {
width : 960px;
margin : 0 auto;
}
#footer .links {
float : left;
width : 640px;
height : 34px;
padding : 16px 30px 0 30px;
background : #ffffff;
border-left : 20px solid #010100;
font-size : 85%;
}
#footer .legal {
float : right;
width : 220px;
height : 34px;
margin : 0 auto;
padding : 16px 20px 0 0;
background : #db5600;
text-align : right;
font-size : 85%;
color : #ffffff;

}
.ienlarger
	float: left;
	clear: none; /* set to left or right if needed */
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 5px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #000000; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 6px;
}

.ienlarger a:hover span { 
	display:block;
	top: -150px; /* means the pop-up's top is 50px away from thumb's top */
	right: 10px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 125px; /* enter desired thumb width here */
	border: 6px solid #FFFFFF;
	height : auto;
}