@charset "UTF-8";
/* CSS Document */
 body { border: 0; margin:0; font-family: Century Gothic; background-color: #000;}
 a { color:#6a2e22; text-decoration: none;}
 p { margin: 0; padding: 5px 0px 7px 0;}
#container {
	position: absolute;
	top: 100px;
	height: 90%;
	width: 100%;
	background-image:url(../imgs/bg.gif);
	border-top: 1px solid #760000;
	
}

#Header {
  position: absolute;
  top:0;
  left:0;
  right: 0;
  height: 100px;
  background-image:url(../imgs/Header_bg.png);
  }

#title { margin-left: auto; margin-right: auto; width: 750px; height: 50px; position: absolute; padding: 0x; left: 250px;}
.title { width: 600px; position: absolute; padding: 0x; left: 20px; top: 10px; color: #fff; font-size: 1.6em;}
.title a { text-decoration: none; color: #fff;}
.tag {  position: relative; padding: 0x; left: 300px; top: 17px; color: #FF0000; font-size: .9em;}

#menu { margin-left: auto; margin-right: auto; width: 750px; height: 50px; position: absolute; padding: 0x; top: 50px; left: 250px; font-size: 9pt;}
.menu { width: 600px; position: absolute; padding: 0x; left: 20px; top: 10px; color: #fff; font-size: 1em; margin-left: auto; margin-right: auto;}

/* Menu */
hr.menu { border: 0; color: #c8c5ac; background-color: #c8c5ac; height: 1px; margin: 2px 0; text-align: center; padding: 0; }

#menu ul { list-style: none; margin: 0; padding: 0;}
#menu ul li { text-transform: uppercase; display:inline; clear: both; padding: 5px 20px 5px 20px; margin: 5px 0 2px 2px; width: 100px; background-image:url(../imgs/menu_btn.gif); height: 50px; border: solid 1px #350000;}
#menu a:link { text-decoration: none; color: #fff;}
#menu a:hover { text-decoration: none; color: #9f2d20;}
#menu a:active { text-decoration: none; color: #fff;}
#menu a:visited { text-decoration: none; color: #fff;}

#workmenu { width: 100%; font-size: 8pt; font-weight: normal; height: 20px; margin: 10px auto 0 auto; padding: 10px auto 0 auto;}
#workmenu ul { list-style: none; margin: 0; padding: 0;}
#workmenu ul li { display:inline; clear: both; padding-right: 20px; margin: 5px 0 2px 0;}
#workmenu a:link { text-decoration: none; color: #6a2e22;}
#workmenu a:hover { text-decoration: underline; color: #9f2d20;}
#workmenu a:active { text-decoration: underline; color: #9f2d20;}
#workmenu a:visited { text-decoration: none; color: #6a2e22;}

#content {
  position: relative;
  bottom:0;
  right:0;
  left:0;
  top:0;
  min-height: 500px;
  padding-top: 0;
  text-align:center;
  color: #fff;
  }
  
#showcase { height: 400px; margin-left: auto; margin-right: auto; padding: 0; width: 720px; position: relative; top: 0;}
#mainContent { min-height: 500px; margin-left: auto; margin-right: auto; padding: 0; width: 720px; position: relative; top: 0; background-color: #fff; color: #000; text-align: left; background-image:url(../imgs/grad01.gif);}

hr.bar { width: 90%; color:#990000; border: 0; height: 1px; background-color: #990000;
}

/* Text */
h1 { color:#106778; font-size: 1.2em; font-family: century gothic; padding: 5px 20px 2px 0; margin: 5px 10px 2px 0; font-weight: normal;}
h2 { color:#106778; font-size: 1.2em; font-family: century gothic; padding: 5px 20px 2px 0; margin: 5px 10px 2px 0; font-weight: normal;}
h3 { color:#9f2d20; font-size: 1em; font-family: century gothic; padding: 0; margin: 0; font-weight: bold;}
.text { width: 710px; text-align:left; margin-left: auto; margin-right: auto; font-size: 10pt;}
.paragraphText { padding: 2px; font-size: 11pt; width: 90%; margin: 0 auto;}
i.message {
	font-size: 0.95em;
	font-family: arial;
	color:#666;
}
.required { color:#9f2d20; font-family: century gothic; padding-left: 5px; margin: 2px 0 2px 0; font-weight: normal;}
.tab { margin-left: 15px; padding-left: 5px;}
#top { height: 30px; margin: 0;}
	
#col1 { width: 75px; margin: 0; padding: 10px; float: left; min-height: 500px;}
#col2 { margin: 0; padding: 10px; float: left; width: 80%; text-align: left;}
  
#contactFooter {
  position: relative;
  bottom: 0;
  right:0;
  left:0;
  height: 200px;
  text-align:center;
  padding-top: 5px;
  background-color: #500000;
  }
.contactContent1 { margin-left: auto; margin-right: auto; width: 250px; position: absolute; padding-top: 5px; text-align:left; font-size: 0.8em; left: 275px; color: #e45000;}
.contactContent2 { margin-left: auto; margin-right: auto; width: 250px; position: absolute; padding-top: 5px; text-align:left; font-size: 0.8em; left: 600px; color: #e45000;}
.contactContent3 { margin-left: auto; margin-right: auto; width: 250px; position: absolute; padding-top: 5px; text-align:left; font-size: 0.8em; left: 845px; color: #e45000;}
.contactContent1 a { color: #e45000;}
.contactContent2 a { color: #a71900;}
.contactContent3 a { color: #e45000;}
.contactText { font-size: 9pt; color: #a71900;}
.padding {  padding-right: 5px;}

#footer {
  position: relative;
  bottom:0;
  right:0;
  left:0;
  height: 30px;
  padding-top: 20px;
  text-align:center;
  background-color:#350000;
  }

.footerContent { margin-left: auto; margin-right: auto; width: 750px; position: absolute; padding: 0x; text-align:left; font-size: 0.6em; left: 280px; color: #750000;}
.bottomMenu { font-size: 7pt; height: 15px; margin-left: auto; margin-right: auto; position: absolute; padding: 0x; text-align:left; font-size: 0.6em; left: 280px; color: #750000; top: 5px;}

.bottomMenu a { color:#a71900; text-decoration: none; }