@import url("/style/frontend.css");
@import url("/style/nav.css");

/*
-----------Default Page Special CSS---------
*/

/* #indexPage .nav {
	margin: 0px;
	background: none;
	height: auto; 
	background: url(/images/navBg.gif) bottom repeat-x;
	height: 41px;
}
*/

#indexPage #pageContent, #indexPage p {
	padding: 0px;
	background: none;
	margin: 0px;
}
 
#indexPage #mainContent{
	width: 960px;
	background: none;
}

#indexPage .content{
	margin: 0px 0px 0px 20px;
}


#indexPage .first {
	width: 510px;
	margin-left: 10px; 
}

#indexPage .first h2 {
	margin: 0px 0px 7px 0px;
}

#indexPage .first img {
	margin: 21px 0px;
	text-align: center;
}

#indexPage .second {
	text-align: center;
}

#indexPage .second img {
	margin: 7px 0px;
}

#indexPage #footer {
	padding: 0px 200px 25px 200px;
}

#indexPage #footer img {
	display: none;
}

/*
-----------HTML Elements---------
*/
body {
	 /* background: #ffffff; */
	background-image: url(/images/bodyBg.gif);
}

body, td, th, li, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.6em;
}

.first ul {
	padding-left: 15px;
	margin-bottom: 1em;
}

ul ul {
	margin: 0px;
}

a {	
	color: #1663B5;
}

a:hover {
	color: #409ED8; 
	text-decoration: none;
}

p { 
	margin: 0 0 1em 0; 
}

h1 { 
	color: #730000;
	font-size: 20px;
	margin: 0 0 7px 0;
}

#dynacoat #mainContent .content h1, #datacoat #mainContent .content h1, #mobilecoat #mainContent .content h1, #webflight #mainContent .content h1 {
	display: none;
}  /* removed for redunancy purposes */

h2 { 
	color: #730000;
	font-size: 16px;
	font-family: Verana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 7px 0px; 
}

.first h2 { 
	color: #730000;
	font-size: 16px;
	font-family: Verana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 19px 0 15px 0; 
}

h3 {
	color: #000000;
	font-size: 14px;
	margin: 0 0 0 0;
}

.second h3, .second h4 {
	color: #177e17;
	font-size: 14px;
	margin: 0 0 7px 0;
}

.web_page .second h4 {display:none;}

h4 {
	color: #666666;
	font-size: 14px;
	margin: 0px 0px 7px 0px; 
}

h5 {
	color: #000;
	font-size: 12px;
	margin: 0 0 0.5em 0; 
}

/*
-----------Site-wide Tags-----------
*/


.altRow
{
	background-color:#ccc;
}

.imgLt {
	margin: 0 1.25em 1em 0;
}

.imgRt {
	margin: 0 0 1em 1.25em ;
}


/*
-----------Page Layout-----------
*/
.content {
	margin: 20px 0px 0px 20px;	
}

#pageWrap {
	margin: 0px auto;
	width: 960px;
	background-color: #CECECE;
}

#pageContent {
	padding: 0px;
	/*background: url(/images/main-bkgd-repeat.gif) repeat-y;*/
}

#secContent, #mainContent, #tertiaryContent {
	float: left;
}

#mainContent {
	/*background: url(/images/main-bkgd-grad.gif) top left no-repeat;*/
	width: 100%;
}

#secContent {
	width: 200px;
	margin: 0 20px 10px 0;

}

#tertiaryContent {
	width: 200px;
	margin: 0 0 10px 20px;
}

/*
-----------Header-----------
*/
#header {
	height: 75px;
	background-color:#000000;
	position: relative;
}
#header .logo {
	position: absolute;
}

#header .corpName {
	position: absolute;
	top: 37px;
	left: 429px;
}

/*
----------Nav Design-----------
*/
#navWrap
{
	height:41px;
	background: url(/images/navBg.gif) repeat-x;
}

/*.nav {
	margin: 0 0 1.75em 0;
}*/

.nav ul {
	/*This forces the dropdown to appear above the calendar on the events page*/
	z-index:100;
}

.nav ul ul {
	border-color: #ccc;
}

.nav li a {
	padding: 9px 10px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}

.nav li a:hover {
	background: url(/images/navBg-hover.gif) repeat-x;
	color: #FFFFFF;
	}

.nav li ul {
	background-color: #999;
	width: 200px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}

.nav li li a {
	border-bottom: solid #000000 1px; /* keeps IE6 from displaying submenu items with excess space below. */
}

.nav li ul li a {
	text-align: left;
	background: url(/images/navBg-menu.gif) repeat-x;
	color: #CCCCCC;
	padding: 6px 10px;
	margin: 0;
	width: 200px;	 /* Any changes to these need to be reflect in (.nav li ul ul) and (.nav li ul) */
}


.nav li ul li a:hover {
	background: url(/images/navBg-hover.gif) repeat-x;
	color: #FFFFFF;
	}
	
.nav li.dd a { /* Class to differentiate items with flyouts; usually with a backgrdoun image of an arrow to the right */
}

.nav li.dd a:hover {
}

.nav li ul ul {
	margin-left: 200px; /* Equals width of (.nav li ul li a) plus the left/right padding */
}

/*
----------Secondary Nav Design-----------
*/

.secNav {
	padding: 0px 0px 0px 21px;  
	float: right;	
	text-align: left;
	width: 160px;
}

.secNav img {
	margin: 12px 0px; 	
}

.secNav p {
	margin-top: -8px; 
	font-size: 11px;
	color: #808080;
	line-height: 12px;
}

/*
-----------General Column Formatting-----------
*/
.col {
	float: left;
}
.twoCol .col {
	width: 50%;
	float: left;
}
.web_page .twoCol .first {
	width: 620px;
}
.hasTwoCol #pageContent {
	background: url('/images/col-bkgd.gif') top right repeat-y;
}
.web_page .twoCol .second {
	padding-left: 15px;
	width: 305px;
}

.web_page .twoCol .second p {
	margin-left: 1em;
}
.web_page .twoCol .second .imgLt, .web_page .twoCol .second .imgRt {
	margin-right: 0;
	text-align: center;
	float: none;
}
.web_page .twoCol .second img {
	border: 1px solid #aaa;
}

.threeCol .col {
	width: 33.3%
}
/*.web_page .content .twoCol {
	 width: 759px; 
}*/
.web_page .content .twoCol .first div {
	padding-right: 15px;
}


/*
-----------Main Content-----------
*/

.twoCol .first .contentMedia {
	float: left;
	width: 205px;
	height: 300px; /* determines when corresponding content wraps */
}

.twoCol .first .contentMedia a {
	color: #1c991c;
	font-weight: bold;	
}

.second li {
	margin: 0px 0px 0px 20px;
	font-size: 11px;
}

.first li {
	margin: 0px 0px 0px 15px;
}

/*
----------Footer----------
*/
#footer {
	font-size: 11px;
	text-align: center;
	padding: 15px 25px 25px 25px;
	background-color: #000000;
} 

#footer strong, #footer a {
	color: #964040;
}

#footer img {
	margin: 0px 4px 7px 4px;
}

#footer p {
	text-align:left;
	font-size: 11px;
	line-height: 12px;
	/* margin: 34px 0px 0px 23px; */
	color: #ffffff;
}


/*
--------Quick Links Styles--------
*/

#quickLinks {
	margin-left: 23px; 
	text-align: left;
	line-height: 13px;
}
#quickLinks .content {
	margin-top: 0px;
}

#quickLinks .threeCol {	
	padding: 20px;
	width: 100%;
}

#quickLinks .threeCol .col {
	padding-left: 10px;
}

.dotTable {
	border-color: #c0c0c0;
	border-collapse: collapse;
	
}

.dotTable td {
	line-height: 16px;
}

.otherCol {
	background-color: #f0f0f0;
}

.dotB {
	color: #00bdff;
	font-size: 12pt;
}

.dotG {
	color: #00cc00;
	font-size: 12pt;
}

.dotY {
	color: #ffef00;
	font-size: 12pt;
}

.dotP {
	color: #d631a5;
	font-size: 12pt;
}

/*
--------Calendar Customization--------
*/

#dateSelector {
	float: left;
	width: 175px;
	margin: 0 20px 0 0;
}

#featureLink {
	display: block;
	margin: 0 0 1em 0;
	background: #aeccdd;
	padding: 5px;
	text-align: center;
	border: solid #4a6a82 1px;
}

#featureLink:hover {
	background-color: #DFECF2;
	color: #4a6a82;
}

#upcomingEvents {
	width: 265px;
	margin: 0;
	float:left;
}

#upcomingEvents .category {
	width: 100%;
	float: none;
	margin: 0;
}

#upcomingEvents .category h3 {
	border-bottom: solid #4E7083 1px;
}

#upcomingEvents .event {
}

#upcomingEvents .featured {
}

#upcomingEvents .event h4 {
	float: left;
	width: 250px;
	margin-right: 15px;
}

#upcomingEvents .event h5.date {
	float: right;
	width: 150px;
	text-align: right;
	font-size: 12px;
}

h2.dateRange {
	font-size: 16px;
	color: #324B65;
	padding: 0px;
	font-weight:bold;
	letter-spacing:-.05em;
}

a.eventLink {
	font-size: 16px;
	color: #324B65;
	font-weight:bold;
	letter-spacing:-.05em;
}

/*
--------Featured News Styles--------
*/

.featuredNews {
	margin: 1em 0;
	padding: 10px;
	background-color: #FFFFCC;
	border: solid #FFCC00 1px;
	width: 50%;
}

/*
----------Document/Link Library Tool----------
*/
.docs {
	width:100%;
}
.docs .onecol .category{
	width: 100%;
}
.docs .twocol .category{
	width: 45%;
}
.docs .threecol .category{
	width: 30%;
	margin-right:15px;
}
.docs h2 {font-size:120%; line-height:100%; font-weight:bold;}
.docs img {
	display:block;
}
.docs .doc
{
	width: 95%;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.docs .doc .desc {
	display: block;
	clear: both;
	margin: 0 0 0.5em 0;
}

.doc .imgLt
{
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}
.doc .imgLt a:hover, .doc .imgLt a:active
{
	text-decoration:underline;
	color:#192666;
}

/* the custom images based on file type */
.docs a.as, .docs a.doc, .docs a.file, .docs a.fla, .docs a.mdb, .docs a.pdf, .docs a.ppt, .docs a.swf, .docs a.txt, .docs a.xls, .docs a.link  
{	
	padding: 5px 0 6px 20px;
	margin: 0;
	height: 20px;
	line-height:13px;
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}
.docs a.as {
	background: url(/images/docLibrary/as.gif) no-repeat left;
}
.docs a.doc {
	background: url(/images/docLibrary/doc.gif) no-repeat left;
}
.docs a.file {
	background: url(/images/docLibrary/file.gif) no-repeat left;
}
.docs a.fla {
	background: url(/images/docLibrary/fla.gif) no-repeat left;
}
.docs a.mdb {
	background: url(/images/docLibrary/mdb.gif) no-repeat left;
}
.docs a.pdf {
	background: url(/images/docLibrary/pdf.gif) no-repeat left;
}
.docs a.ppt {
	background: url(/images/docLibrary/ppt.gif) no-repeat left;
}
.docs a.swf {
	background: url(/images/docLibrary/swf.gif) no-repeat left;
}
.docs a.txt {
	background: url(/images/docLibrary/txt.gif) no-repeat left;
}
.docs a.xls {
	background: url(/images/docLibrary/xls.gif) no-repeat left;
}
.docs a.link {
	background: url(/images/docLibrary/link.gif) no-repeat left;
	float:none;
}

.docs .twoCol .category {
	float:left;
	width: 45%;
}