/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body { 
	font: 14px/1.5 Palatino, 'Palatino Linotype', Georgia, Constantia, 'Book Antiqua', sans-serif;
	color: #FFF;
	background: url(images/bg-site.png) repeat;
}

a {color: #fff;}

a:focus { outline: 1px dotted invert; }

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

address {
	font-style: normal;
	font-size: 11px;
	line-height: 15px;
	text-align: right;
	margin-right:10px;
	padding-top: 10px;
}

address a, address a:visited, address a:link { color: #fff; }

address a:hover, address a:active { text-decoration:none }

.text-center { text-align: center; }

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 { 
	font-size: 34px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h2 { 
	font-size: 23px;
	color: #000;
	border-bottom:1px dotted #333;
}

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }

/* ul { list-style: square; } */

li { margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }

/* `Page Layout Elements
----------------------------------------------------------------------------------------------------*/

div#container {
	width: 960px;
	margin: 0 auto;
}

div#header {
	position: relative;
	width: 960px;
 	height: 100px;
	background: url(images/bg-header.gif) no-repeat;
}

div#flasharea{
	position: relative;
	width: 960px;
	height:260px;
	background: url(images/bg-flash.jpg) no-repeat;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}

div#flash {
	float: right;
	margin-right:100px;
	margin-top: 0px;
}

div#content { }

div#text { float: left; }

div#sidebar { float: left; }

div#footer {
	width: 960px;
	clear: both;
	margin: 0 auto;
}

/* `Main Navigation
----------------------------------------------------------------------------------------------------*/

#navigation {
	width:940px;
	margin:0px auto 16px auto;
	border:1px solid #282625;
	background-color:#282625;
}

#navigation-content { border:1px solid #fff; }

#navigation-content ul {
	position:relative;
	list-style:none;
	margin-bottom: 0px;
}

#navigation-content ul li {
	position:relative;
	display:block;
	float:left;
	margin-left:0;
}

*:first-child+html #navigation-content ul li { display:inline; }

#navigation-content ul li a {
	width:auto;
	padding:10px 16px;
	font-size:12px;
	line-height:18px;
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
}

#navigation-content ul li.separate {
	position:abolute;
	right:0;
	float:right;
}

#navigation-content ul li.separate a { border-left:1px solid #fff; }

#navigation-content ul li a:hover, #navigation-content ul li a.current:hover { background-color:#770000; }

#navigation-content ul li a.current {
	background-color:#000;
}

#navigation-content ul li.separate a:hover {background-color:#000; color: #FFFFFF;}

#navigation-content ul li.renaissance-links-end a { border-right:1px solid #fff; }

/* `Utility Navigation
----------------------------------------------------------------------------------------------------*/

div#utility {
	padding: 12px 0 2px 0;
	border-top: 1px solid #414141;
	width:940px;
	margin: 0 auto;
}

div#utility ul {
	margin: 0 auto;
	text-align: center;
}

div#utility ul li {
	display: inline;
	color: #414141;
	list-style: none;
	padding:0px;
	margin: 0px;
}

div#utility ul a, div#utility ul a:link, div#utility ul a:visited {
	padding: 0 2px;
	font-size:12px;
	color: #FFF;
}

div#utility ul a:hover, div#utility ul a:active { text-decoration: none; }

div#copyright {
	font-size: 9px;
	font-family: Tahoma, Arial, sans-serif;
	padding-top: 8px;
	color: #FFF;
	text-align:center
}

#copyright a, #copyright a:link, #copyright a:visited {
	font-size: 10px;
	color: #FFF;
	text-decoration:none;
	font-weight: bold;
}

#copyright a:hover, #copyright a:active {
	text-decoration:underline;
	color: #FFF;
	font-weight: bold;
}

.ypimg {
	border: 0px;
	padding: 5px 0px;
}

/* `Image Elements
----------------------------------------------------------------------------------------------------*/

img.left {
	float: left;
	margin-right:10px;
}

img.left-img-float {
	float: left;
	margin-right:10px;
}

img.right {
	float: right;
	margin-left:10px;
}

img.border { border: 1px solid #000000; }

.clear { clear: both; }

/* `Admin Login Div
----------------------------------------------------------------------------------------------------*/

a#brochure {
	background: url(images/download-brochure.gif) no-repeat;
	background-position: 100% 0px;
	height: 244px;
	width: 180px;
	display: block;
	position: absolute;
	left: 85px;
	top: 2px;
}

a#brochure:hover { background-position: 0% -244px; }

a#contactlink {
	background: url(images/contact-us-link.gif) no-repeat;
	background-position: 100% 0px;
	height: 50px;
	width: 180px;
	display: block;
	position: absolute;
	left: 84px;
	top: 185px;
}

a#contactlink:hover { background-position: 0% -50px; }


/* ----------------- MAIN NAVIGATION ----------------- */

.menu {
	margin: 0 auto;
	width:940px;
	font-size:0.85em;
	position:relative;
	z-index:100;
	border:1px solid #fff;
}
	
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {
	float:left;
	position:relative;
	margin-left:0;
}
/* style the links for the top level */

.menu a {
	width:auto;
	padding:10px 14px;
	font-size:12px;
	line-height:18px;
	display:block;
	_display: inline-block;
	float:left;
	text-decoration:none;
	color:#fff;
}

.menu ul li.separate {
	position:abolute;
	right:0;
	float:right;
}

.menu ul li a.current {background-color:#000;}

.menu ul li.separate a { border-left:1px solid #fff; }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#ad0031;}

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#ad0031;}

.menu ul ul :hover > a.drop {
	background:#ad0031;}
/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}
/* style the third level hover */

.menu ul ul ul a:hover {
	background:#ffe699;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:36px;
	left:0; 
	width:129px;
	border-top:1px solid #cccccc;}



/* position the third level flyout menu */
.menu ul ul ul{
	left:129px; 
	top:-1px; 
	width:129px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-129px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0; 
	left:0; 
	border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#000;
	color:#fff; 
	height:auto; 
	line-height:1em;
	padding:12px 10px; 
	width:150px;
	border-width:0 1px 1px 1px;
}
	
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#000; 
	background:#ad0031;
}

.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background:#770000;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul, .menu ul li.over ul {visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}