/* CSS Document */

/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/
a:link {
	visibility:hidden;
}
a:visited {
	visibility:hidden;
}
a:hover {
	visibility:hidden;
}
a:active {
	visibility:hidden;
}


.frame {
 min-height: 570px;
 min-width: 960px;
 max-width: 960px;
 position: relative;
 background-image : url(images/background_gradient.gif);
 background-position : top;
 background-repeat : repeat-y;
}
.frame2 {
 visibility:hidden;
}

#header	{
	visibility:hidden;
}

html, body, ul, li { padding: 0; margin: 0; list-style: none;}

body {
  font-family: arial, sans-serif;
  background-color: #04152d;
}



.small {font-size: .7em;}
h1 {font-size: 1.5em; margin:0 0 0 0; color:#FFFFFF; padding-top: 10px; padding-bottom: 10px;}
h2 {font-size: 1em; margin:0 0 0 0; color:#FFFFFF;}
h3 {font-size: 1em; margin:0 0 0 0; color:#FFFFFF; padding-top: 5px; padding-bottom: 10px;}
h4 {font-size: 1em; margin:0 0 0 0; color:#FFFFFF; padding-top: 5px; padding-bottom: 10px; font-style: italic;}
h5 {font-size: 1em; margin:0 0 0 0; color:#FFFFFF; padding-top: 5px; padding-bottom: 3px; font-style: italic;}
h6 {font-size: 1em; margin:0 0 0 0; color:#FFFFFF; padding-top: 5px; padding-bottom: 3px;}

p {margin:0 0 0 0; color:#FFFFFF;}

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/
.toplogo {
	padding: 5px;
	margin-top: 5px;
	margin-left: -5px;
	}	
.homelink	{
	position: absolute;
	left: 0px;
	top: 66px;
	font-size: .7em; 
	color: #ffffff;
}
.nav {
	visibility:hidden;
	}	
	
.button {
	width: 170px;
	float: left;
	margin-left: 10px;
	background-image:url(images/topbar_DKsteel.gif);
	}
.button a:hover	{
	color: #082c5e;
	text-decoration: none;
	background-image:url(images/topbar_steel.gif);
	}
.fakebuttonL {
	width: 25px;
	float: left;
	background: #04152d;
	}
.fakebuttonR {
	width: 25px;
	float: right;
	background: #04152d;
	}

input	{
	width: 80px;
}
input.btn	{
	color:#ffffff;
	background-image: url(images/btmbar_DKsteel.gif);     
	border: 1px #ffffff;   
	}
input.btnhov {   
   	color:#082c5e;
	background-image: url(images/btmbar_steel.gif);   
	border: 1px #082c5e;
}

.flashwin {
	padding: 10px 0 10px 0;
	}
	
.copyframe	{
	width: 960px;
	height: 1%;
	clear: both;
	margin: 0;
	}
.homecopy1 {
	width: 320px;
	float: left;
	font-size: .8em;
	top: 10px;
	padding-right: 10px;
	}
.homecopy2 {
	width: 300px;
	float: left;
	font-size: .8em;
	top: 10px;
	}
.pagehead	{
	width: 320px;
	padding-top: 10px;
	padding-right: 10px;
}
.coursepagecol1 {
	width: 440px;
	float: left;
	font-size: .9em;
	top: 10px;
	margin:0 0 0 0; 
	color:#FFFFFF;
	}
.coursepagecol1 ul	{
	 padding-left: 25px;
	 padding-bottom: 20px;
	}
.coursepagecol1 ul li	{
	 list-style-image: url(images/ATA_bullet.png);
	}
.coursepagecol1b {
	width: 260px;
	float: left;
	font-size: .9em;
	top: 10px;
	margin:0 0 0 0; 
	color:#FFFFFF;
	}
.coursepagecol1b ul	{
	 padding-left: 25px;
	 padding-bottom: 20px;
	}
.coursepagecol1b ul li	{
	 list-style-image: url(images/ATA_bullet.png);
	}
.coursepagecol2 {
	width: 440px;
	float: right;
	font-size: .9em;
	top: 10px;
	margin: 0;
	color:#FFFFFF;
	}
	
	
/*XXXXXXXXXX alternative layout begin XXXXXXXXXX*/
.coursepagecol1C {
	width: 440px;
	float: left;
	font-size: .9em;
	top: 10px;
	margin: 0;
	color:#FFFFFF;
	}

.coursepagecol2C {
	width: 440px;
	float: right;
	font-size: .9em;
	top: 10px;
	margin: 0; 
	color:#FFFFFF;
	}
.coursepagecol2C ul	{
	padding-left: 25px;
	padding-bottom: 20px;
	margin: 0;
	}
.coursepagecol2C ul li	{
	list-style-image: url(images/ATA_bullet.png);
	margin: 0;
	}
	
.coursepagecol3	{
	width: 960px;
	float: left;
	font-size: .9em;
	top: 10px;
	margin: 0;
	color:#FFFFFF;
	}
	

.pageflashwinB	{
	clear: both;
	position: absolute;
	width: 440px;
	height: 210px;
	top: 350px;
	}
.pageflashwin2B	{
	position: absolute;
	width: 440px;
	height: 120px;
	top: 440px;
	right: 0px;
	}
/*XXXXXXXXXX alternative layout end XXXXXXXXXX*/	
	
	
.pageflashwin	{
	clear: both;
	position: absolute;
	width: 440px;
	height: 120px;
	top: 440px;
	margin: 0;
	}	
.pageflashwin2	{
	position: absolute;
	width: 440px;
	height: 210px;
	top: 350px;
	right: 0px;
	margin: 0;
	}	
.pageflashwin3	{
	position: absolute;
	width: 440px;
	height: 120px;
	top: 440px;
	right: 0px;
	margin: 0;
	}
.pageflashwin4	{
	clear: both;
	position: absolute;
	width: 440px;
	height: 160px;
	top: 400px;
	margin: 0;
	}
.pageflashwin5	{
	position: absolute;
	width: 440px;
	height: 220px;
	top: 340px;
	right: 0px;
	margin: 0;
	}
	
.teampic	{
	float:left;
	padding-right: 10px;
	margin: 0;
	}
.teamcopy	{
	float:left;
	font-size: .85em;
	margin: 0;
	}
	
.login	{
	padding-top: 100px;
	padding-left: 290px;
	font-size: .9em;
	color: #ffffff;
	}	
	
/*XXXXXXXXXXXX Primary bottom nav rules XXXXXXXXXXX*/	
.bottombar {
	visibility:hidden;
	}

.bottombar li a	{
  	display: block;
	font-size: 12px;
	text-decoration: none;
	padding: 3px;
	margin: 0;
	}
		
.btmbutton {
	float: left;
	height: 21px;
 	color: #082c5e;
	margin: 0px;
	}
.btmbutton a	{
 	color: #082c5e;
 	border-right: 1px solid #082c5e;
	}
.btmbutton a:hover	{
	text-decoration: none;
	color: #ffffff;
	background-image:url(images/btmbar_DKsteel.gif);
	}
	
.btmbutton ul li	{
 	border-left: 1px solid #082c5e;
 	border-top: 1px solid #082c5e;
	width: 132px;
	}
.btmbutton ul li a	{
 	color: #082c5e;
	}
	
/*XXXXXXXXXXXX Formats bottom right buttons XXXXXXXXXXX*/
.R	{
	float: right;
	}
.R a	{
 	border-right: none;
 	border-left: 1px solid #082c5e;
}
	
.parent {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a
strange bug in Op7. When an element serves as a hovered popup "parent" element,
that element must not also be floated or all heck breaks loose in Opera 7.
To prevent this, we have floated the top level list items, while nesting
hoverable parent divs inside that are then hovered to generate the dropdowns.
Thus the ugly (but interesting) Op7 bug is defeated. */

.address	{
	float: right;
	color: #FFFFFF;
	}

.copyright	{
	float: left;
	color: #FFFFFF;
	}

/* this fixes the IE 3px bug that is common in this type of float arrangement */	
.floatfix {margin-right: 0px;}


/*XXXXXXXXXXXX Primary dropdown/popup/flyout rules XXXXXXXXXXX*/
.dropdown { /* rules for dropdown div */
	width: 170px;
	position: absolute;
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
.dropdown div {
	width: 170px;
	position: absolute;
	left: -3000px;
	top: 0;
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
	
.popup { /* rules for popup div */	
	position: absolute;
	left: -3000px;
	bottom: -9px;/* puts popups directly over btm nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
.popup div {
	position: absolute;
	left: -3000px;
	top: 0;
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}
/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, although this method does eliminate
possible box model problems */
.dropdown ul {
  width: 170px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 31px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px;
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
.popup ul {
   /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 31px; /* creates "sticky hovering" zones for dropdowns */
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
  
.dropdown div ul {margin: 30px 30px 30px -15px;} /* creates "sticky hovering" zones for flyouts */
.popup div ul {margin: -22px 30px 30px -45px;} /* creates "sticky hovering" zones for flyouts */

.nav li {
	text-align: center;
}
.nav li ul li {
	text-align: left;
	font-size: .9em;
}
.nav a {
  	display: block;
  	color: #ffffff;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 0 5px;
	border: 1px solid #888;  /* makes the dividers between the top nav links */
	}
.nav ul ul a {
  	color: #ffffff;
  	border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
  	}
  
.dropdown li {
  	position: relative;
  	vertical-align: bottom; /* IE5/win bugfix */
  	}
.popup li {
  	position: relative;
  	vertical-align: bottom; /* IE5/win bugfix */
  	background-color: #CCCCCC;
  	}
  
.parent:hover {background-image: url(images/bgfix.gif);}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image
file so that your site error logs will not fill with failed image calls. */

.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */
.parent:hover div.popup {left: -32px;} /* hover rule for popups */
/* extra pixel makes dropdowns "line up" with top links */

.dropdown li:hover div { /* hover rule for flyouts */
	left: 170px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}
.popup li:hover div { /* hover rule for flyouts */
	left: 170px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
 	padding: 0;
  	width: 15px;
	height: 15px;
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;
	background: url(images/bgfix.gif);
	}
.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}
.bottombar .popup li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.dropdown li:hover {background: #555555;} /* hover color effect on dropdown links */
.dropdown div li:hover {background: #c8d9f0;} /* hover color effect on flyout links */
.popup li:hover {background: #999999;} /* hover color effect on popup links */
.popup div li:hover {background: #c8d9f0;} /* hover color effect on flyout links */

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
.one ul {background: #333333;}
.two ul {background: #333333;}
.three ul {background: #333333;}
.four ul {background: #333333;}
.five ul {background: #333333;}

.dropdown div ul {background: #e0e0e0;} /* colors BG of flyouts */
.dropdown div ul a {color: #000000;} /* colors text of  flyouts */
.popup div ul {background: #999999;} /* colors BG of flyouts */
.popup div ul a {color: #ffffff;} /* colors text of  flyouts */


/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.five {z-index: 50;}
.five:hover {z-index: 20;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
* html .btmbutton .popup li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* Box model hack*/
*html #frame	{
width: 962px;
w\idth: 760px;
}
/* */

* html .nav a
 {height: 1%;}
* html .bottombar a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win,
and the 2nd is to make all links fully clickable. */

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}