/*******************************
' 2009-10-20 Scott McKelvey
'   - Moved Main sizes from the DIVs to the TDs to fix auto sizing issues.
'   - NAV sizing should be the same way, except the div class is all that changes when switching from horizontal to vertical menus
'   - Removed useless % sizes so they don't distract from what's really happening
' 2009-10-21 Scott McKelvey
'   - Updated the sizes so that they match.  760 = 145 + 615
' 2010-06-18 Peter Siewert
'	- Added Layout 6 (table free)
*******************************/

/* ***********************************************************************
** BODY (background plus "easel" in foreground)
*********************************************************************** */
body {
    /* These widths are so the scroll bars appear correctly if the page is opened in a small window */
	margin-bottom:	10px;
	margin-left:	3px;
	margin-right:	3px;
	margin-top:		10px;
}
.Easel {
	margin-left:    auto; /* center the easel */
	margin-right:   auto; /* center the easel */
	width:			760px; /* minimum width of the content section including navigation */
	border:         1px solid #000000;
	background-color: #ffffff;
}

a img {
	border: none;
}

/* ***********************************************************************
** CORNER (logo in upper left hand corner; present only in "checkerboard" layout)
*********************************************************************** */
.Corner {
}
.CornerMargins {
	margin-bottom:	3px;
	margin-left:	3px;
	margin-right:	3px;
	margin-top:		3px;
	text-align:		center;
}

/* ***********************************************************************
** HEADER
*********************************************************************** */
.HeaderRow {
}
.HeaderMargins {
}
.Header {
	text-align:     left;
	vertical-align:	top;
}
.Header h1 {
}
.Header .standout {
}

/* ***********************************************************************
** NAVIGATION AREA
** Two variations, depending on layout:
**   1. Vertical. Menu column on left hand side of screen.
**   2. Horizontal.  Narrow strip at top of the screen.
*********************************************************************** */
.NavRow { /* horizontal only */
	text-align: 	center;
}
.NavMarginsVert {
	margin-left:	10px;
	margin-right:	5px;
	margin-bottom:	10px;
	margin-top:		10px;
	width:          130px; /* This keeps the nav bar from collapsing if main increases in size */
}
.NavMarginsHoriz {
	width:			750px; /* Horizontal can override the vertical style by the inside div pushing the edges out. */
}
.Nav {
	text-align:     left;
	vertical-align:	top;
	width:			145px; /* Sizes should be at this level, but this doesn't change for horizontal/vert */
}
.Nav hr {
}
.Nav a, .Nav a:visited {
}
.Nav a:hover {
}
.Nav a.NavHoriz, .Nav a.ANavHoriz:visited {
}
.Nav a.ANavHoriz:hover {
}

/* ***********************************************************************
** MAIN
*********************************************************************** */
.MainRow {
}
.MainMargins {
	margin-bottom:	10px;
	margin-left:	8px;
	margin-right:	7px;
	margin-top:		10px;
}
.Main {
    width: 615px; /* fixed width, but it can grow if there's too much data */
	vertical-align:	top;
}
.Main td {
	vertical-align:	top;
}
.Main h1, dt {
}
.Main .edit {
}
.Main a, .Main a:visited {
}
.Main a:hover {
}

/* ***********************************************************************
** FOOTER
*********************************************************************** */
.FooterRow {
}
.FooterMargins {
	margin-left:	8px;
	margin-right:	7px;
}
.Footer {
    text-align:     left;
    background:     #ffffff;
}
.Footer a, .Footer a:visited {
}
.Footer a:hover {
}


/* Updated 8-06-08 */

/* on pages without floating menus, default to no styles */
.NavMarginsVert ul, .NavMarginsVert li, .NavMarginsHoriz ul,.NavMarginsHoriz li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

/* vertical */

.ANavVertList
{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.ANavVertList li
{
	position: relative;
}

ul.ANavVertList li:hover ul,
ul.ANavVertList li.Hover ul /* IE 6 */
{
	display:block;
}

ul.ANavVertList li:hover,
ul.ANavVertList li.Hover /* IE 6 */
{
}

ul.ANavVertList li ul
{
	list-style-type:none;
	position:absolute;
	top:0%;
	left:98%;
	display:none;
}
ul.ANavVertList li ul li
{
	padding-left:5px;
	border: solid 1px black;
	width:150px;
}

/* horizontal */

.ANavHorizList
{
	list-style-type:none;
	padding:0px;
	margin:0px;
	display: inline;
	float: left;
}

ul.ANavHorizList li
{
	position: relative;
	display:inline;
	padding-right:5px;
	float: left;
}

ul.ANavHorizList li:hover ul,
ul.ANavHorizList li.Hover ul /* IE 6 */
{
	display: block;
}

ul.ANavHorizList li:hover,
ul.ANavHorizList li.Hover /* IE 6 */
{
}

ul.ANavHorizList li ul
{
	list-style-type:none;
	position: absolute;
	top:100%;
	left:0;
	display:none;
	width:150px;
	float: none;
}
ul.ANavHorizList li ul li
{
	padding-left:5px;
	border: solid 1px black;
	display:block;
	float: none;
}

.NavMarginsVert a
{
	display: inline-block;
	width: 100%;
}

.NavMarginsHoriz a
{
	display: inline;
}

.NavMarginsVert a:hover,
.NavMarginsHoriz a:hover
{
}




/*********************
 * Discipline Selector
 ********************/
.navTab{
	float: left;
	width: 100%;
	line-height: normal;
	background: #ffffff url(../styles/images/tab_bg.gif) repeat-x bottom;
	margin-bottom: 20px;
}

.navTab ul{
	margin:0;
	padding:10px 10px 0;
	list-style: none;
}

.navTab li{
	float: left;
	background: url(../styles/images/norm_right.gif) no-repeat right top;
	margin: 0;
	margin-right: 5px;
	padding: 0;
}

.navTab a{
	display: block;
	 background:url(../styles/images/norm_left.gif) no-repeat left top;
	padding:5px 15px 3px;
}

.navTab a:link, .navTab a:visited{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}

.navTab li a:hover{
	color: #333;
}

.navTab .current {
    background-image:url(../styles/images/norm_right_on.gif);
}

.navTab li.current a {
    background-image:url(../styles/images/norm_left_on.gif);
    padding-bottom:5px;
    color: #333;
    /*for IE*/
    !padding-bottom: 4px;
}




/***************************
 *ADMIN
 **************************/
.Proxy{
        text-align: center;
        display: block;
        padding: 5px;
        width: 100%;
        top: 0;
        left: 0;
        background: #990909;
        position: absolute;
        color: #e5e5e5;
        border-bottom: 2px solid black;
        z-index:1;
}

.Proxy a:link, .Proxy a:visited {
        font-weight: bold;
        color: white;
}

/***************************
 *Layout 6
 **************************/
div.Header
{
	/*Prevent Space Between HeaderRow and MainRow in IE6,7 */
	font-size: 0px;
}
div.Nav 
{
	position: absolute;
	top: 0px;
	left: 0px;
}
div.Main, div.Footer 
{
	width: 615px;
	padding-left: 145px;
	background-color: transparent;
}
div.MainMargins
{
	margin: 0px;
	padding: 10px 7px 10px 8px;
}
div.MainRow
{
	position: relative;
}
div.Easel
{
	border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
    background-color: white;
}
div.Nav 
{
	border-radius: 0px 0px 10px 0px;
	-moz-border-radius: 0px 0px 10px 0px;
	-webkit-border-radius: 0px 0px 10px 0px;
	border-bottom: solid 1px black;
	border-right: solid 1px black;
}