@charset "UTF-8";
@import "bluedream.css";
@import "sub.css";
/* CSS Document */

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333;
	background-image: url(../images/bg_texture.gif);
	height: 100%;
	text-align: left;
}
ul{
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}
ol{
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
}
p {
	margin: 5px 0 10px 0;
	padding: 0;
}

h1 {
	margin-bottom: .5em;
	border-bottom: solid 1px #d9d9d9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 180%;
	text-indent: 5px;
	letter-spacing: -1px;
}
h5 {
	margin-bottom: .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 200%;
	text-indent: 0px;
	letter-spacing: -1px;
	color: black;
}

#MainBody a:link {
	font-size: 10px;
	text-align: left;
	color: red;
	font-weight: bold;
}

a {
	color: #fe8017;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#MainBody a:hover {
	color: orange;
}

#MainBody a:visited {
	color: maroon;
}



#Container {
	height: 100%;
	min-height: 100%;
}

#ContainerMain {
	width: 1000px;
	height: 100%;
	margin: 0px auto;
}

#topPart {
	height: 120px;
}

#topMenuHolder {
	width: 1000px;
	margin: 0px;
	background: #000;
height: 32px;
	position: relative; /*  for IE hacking */
}

#topMenu {
	margin-top: -30px;
	text-align: left;
}

#titleName {
	float: left;
	clear: both;
}

#header {
	width: 1000px;
}

#titlePic {
	margin-bottom: 20px;
	clear: both;
	float: left;
}

#downPart {
	min-height: 70%;
	clear: both;
	width: 1000px;
	background-color: #cccccc;
	float: left;
}

#leftSide {
	float: left;
	width: 242px;
	text-align: left;
}

#leftSideMenu {
	float: left;
	width: 240px;
	text-align: left;
}

#rightSide {
	float: right;
	width: 758px;
	background-color: #fff;
	min-height: 65%;
}

.textBox {
	background-color: #cccccc;
	color: #3f3f3f;
	padding: 20px;
	font-size: 10px;
}

#footerPart {
	width: 1000px;
	background: url(../images/bg_footer.gif) repeat-x;
	clear: both;
	line-height: 25px;
	text-align: right;
}

#footerPart p {
	font-size: 9px;
	color: white;
	margin-top: 2px;
	margin-right: 25px;
}

#footerPart a {
	font-size: 9px;
	color: #fff;
	font-style: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	letter-spacing: 3px;
	text-decoration: none;
}

/* @group Menu Leftside */

#wrap {
	width: 500px;
	margin: 0em auto;
}

/* body {
	font:76%/1.4 Verdana, sans-serif;
}*/

/* Disable properties specified in the imported CSS file */

.menu a {
	border: none;
	font-weight: normal;
}

/* Actual menu CSS starts here */

.menu, .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu {
	width: 235px;
}

.menu li {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 1px;
}

/*.menu a {
	display:block;
	padding:2px 5px;
	color:#000;
	background:#000;
	text-decoration:none;
}*/

/*.menu a:hover, .menu a:focus, .menu a:active {
	background:#999;
}*/

.menu ul li {
	padding-left: 25px;
}

/*.menu ul a {
	background:#ccc;
}*/

.hidden {
	display: none;
}

#heading a {
	font-size: 13px;
	display: block;
	color: #C00;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: # CCC;
	text-decoration: none;
	border-top: solid;
	border-top-color: #333;
	border-top-width: thin;
	line-height: 18px;
	margin-left: 10px;
	clear: both;
}

#heading a:hover {
	font-size: 13px;
	display: block;
	color: # F30;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: #fff;
	text-decoration: none;
	border-top: solid;
	border-top-color: #333;
	border-top-width: thin;
	line-height: 18px;
	margin-left: 10px;
}

#heading a:active,#heading a:focus {
	background: #333;
}

#submenu a:active,#submenu a:focus {
	background: none;
}

#submenu a {
	display: block;
	font-size: 10px;
	color: #333;
	text-decoration: none;
	border: none;
}

#submenu a:hover {
	display: block;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	border: none;
	background: none;
}

/* @end */

#Items {
	width: 758px;
	margin-bottom: 20px;
	margin-top: 5px;
	float: left;
}

#Items img {
	float: left;
	margin-left: 20px;
	border: none;
	padding-bottom: 60px;
}

#Items p {
	float: left;
	margin-left: 20px;
	width: 400px;
	margin-bottom: 5px;
	height: 100%;
}

#Items li {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	padding: 5px;
	display: inline;
	line-height: 8px;
	font-size: 10px;
	color: #fe8017;
}

#Items ul {
	width: 400px;
	float: left;
	margin-left: 15px;
}

#Items a {
	color: #fe8017;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

#Items h1 {
	float: left;
	margin-left: 20px;
	color: #ff0412;
	font: normal normal bold 14px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-align: left;
	margin-bottom: 8px;
	border: 0;
	text-indent: 0px;
}

/* @group ClearFix
 */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/

* @end */



/* @group Body */

#textBody GoogleMap {
	float: left;
	margin-bottom: 5px;
	clear: left;
	text-align: left;
}

#MainBody {
	width: 100%;
	background: white url(../images/bg_main.gif) no-repeat right top;
	min-height: 400px;
}

#grayDivider {
	width: 1000px;
	background: url(../images/divider_gray.gif) repeat-x;
	height: 25px;
}

#textBody {
	width: 650px;
	padding: 20px 50px;
}

#box01 {
	width: 300px;
	position: relative;
	padding-top: 20px;
	left: 40px;

	float: left;
}

#box02 {
	width: 300px;
	position: relative;
	padding-top: 20px;
	left: 80px;

	float: left;
}

#box03 {
	width: 224px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	left: 120px;

	float: left;
}

#box04 {
	position: relative;
	left: 40px;
	top: -150px;
	width: 640px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	height: 50px;
}

.box03Header {
	background: url(../images/Main06_10.gif) no-repeat;
	height: 25px;
	text-align: left;
	font-weight: bold;
	color: white;
	padding-left: 25px;
	padding-top: 5px;
	font: bolder 14px/16px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0;
}

#box03 img {
	margin-bottom: 15px;
	margin-top: 0px;
}

#MainBody h1 {
	text-decoration: none;
	font-weight: bolder;
	color: red;
	letter-spacing: 0px;
	margin: 0;
	padding: 0 0 5px;
	text-align: left;
	font: bolder 18px/18px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#MainBody h2 {
	text-decoration: none;
	color: red;
	letter-spacing: 0px;
	margin: 0;
	padding: 0 0 5px;
	text-align: left;
	font: bolder 14px/16px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#MainBody .icon {
	padding: 0;
	border: 5px;
	margin-top: -40px;
}

.redGreyDivider {
	width: 100%;
	height: 12px;
	background: url(../images/divider_red.gif) repeat-x;
}

#ConatctForm tabel,tr,td {
	text-align: left;
	text-decoration: none;
	padding: 2px;
	margin: 0px;
	font-size: 11px;
	font-weight: bold;
}

#textBody img {
	margin-left: 30px;
	border: none;
}

#events {
	width: 100%;
}

#events img {
	float: left;
	margin: 0 20px 20px 20px;
	padding: 0px;
	border: thin #666 solid;
}

#news {
	width: 100%;
}

#news .dateNews {
	size: 12px;
	text-align: left;
	color: #465687;
	text-decoration: none;
	border-style: none;
	margin-bottom: 0px;
	margin-top: 5px;
	font-weight: bold;
	font-style: italic;
	line-height: 10px;
}

#textBody p {
	margin: 10px 0px;
	text-align: left;
	text-indent: 0;
}

#textBody table {
	padding: 0px;
}

#dialogeBoxLeft {
	float: left;
	display: block;
	background-color: #d4d4d4;
	padding: 20px;
	width: 180px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
	text-indent: 1em;
}

#dialogeBoxRight {
	float: right;
	display: block;
	background-color: #d4d4d4;
	padding: 20px;
	width: 180px;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
	text-indent: 1em;
}

#dialogePosition {
	display: block;
	background-color: #d4d4d4;
	padding: 20px;
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
	text-indent: 1em;
	clear: both;
}

#dialogeBoxRight .mainText, #dialogeBoxLeft .mainText {
	font: normal bold 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	color: #465687;
	text-align: left;
}

#dialogeBoxRight .quote, #dialogeBoxLeft .quote {
	color: #3f3f3f;
	text-transform: none;
	text-decoration: none;
	font: normal normal 9px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

#dialogePosition p {
	font-size: 11px;
	margin-left: 12px;
}

#textBody a {
	color: #5ba2d9;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

#textBody h1 {
	color: #ff0412;
	font: bold 18px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	letter-spacing: 0px;
	margin-bottom: 20px;
}

#Items h2 {
	size: 14px;
	text-align: left;
	color: #465687;
	font: normal normal bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	border-style: none;
	margin-bottom: 5px;
	margin-top: 8px;
}

#textBody .datePress {
	size: 10px;
	text-align: left;
	color: #3f3f3f;
	font: italic 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	border-style: none;
	margin-bottom: 0px;
	margin-top: 15px;
}

#textBody ul, li {
	margin-left: 20px;
}

#textBody h3 {
	size: 14px;
	text-align: left;
	color: #ff0412;
	font: normal normal bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	border-style: none;
	margin-bottom: 10px;
	margin-top: 8px;
}

table.contacts {
	width: 580px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.contactDept {
	background-color: #99CCCC;
	border: 1px #000000 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #404040;
}

td.contact {
	border-bottom: 1px #6699CC dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 10px;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}

/* @end */

#flahsContainer {
	background-color: white;
	margin: 0;
	padding: 0;
}

#itemContent {
	background-color: white;
	margin: 30px;
	text-align: left;
	min-height: 75%;
	height: 100%;
}


#itemContent h1 {
	color: #ff0412;
	margin-bottom: 30px;
	font: bold 20px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}

#itemContent h2 {
	color: #465687;
margin: 20px 0 5px	0;
	font: bold 16px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}
#itemContent h2 a {
	color: #465687;
margin: 20px 0 5px	0;
	font: bold 16px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}
#itemContent h3 {
	color: teal;
	margin-bottom: 5px;
	margin-top: 20px;
	font: bold 14px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}
#itemContent h3 a{
	color: teal;
	margin-bottom: 5px;
	margin-top: 20px;
	font: bold 14px Arial, "Lucida Grande", Lucida, Verdana, sans-serif;
}
#itemContent .imgRight {
	padding: 0px 0px 0px 40px;
	margin-bottom: 30px;
	border: 0px;
	float: right;
	clear: right;
}
#itemContent .imgLeft {
	padding: 0px 10px 10px 0px;
	margin-bottom: 0px;
	border: 0px;
	float: left;
}
#itemContent .imgCenter {
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
	border: 0px;
	text-align: center;
}

#itemContent img {
	padding: 0px 5px 0px 5px;
	border: 0px;
}

#itemContent .imgPDFIcon {
	padding: 0px;
	
	}
/* 
#itemContent .texts{
	width: 430px;
	min-height: 170px;
}
 */
#itemsList h1 {
	float: left;
	color: #ff0412;
	font: normal normal bold 14px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	border-style: none;
	margin-left: 10px;
	margin-bottom: 0px;

}
#itemsList h1 a{
	float: left;
	color: #ff0412;
	font: normal normal bold 14px Verdana, "Lucida Grande", Lucida, sans-serif;
	text-decoration: none;
	border-style: none;
	margin-left: 10px;
	margin-bottom: 0px;
}
#spec table,tr,td{
	font-size: 10px;
	color: black;
	font-weight: normal;
	padding-left: 10px;
}
#spec td.header{
	background: maroon;
	font-weight: bold;
	font-size: 10px;
	color: white;
}
#spec tr.odd{
	background-color: silver;
}