/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* Valid CSS level 2.1 as tested on 6/9/08 */

/* ----------------------- */
/* ELEMENT/CLASS SELECTORS */
/* ----------------------- */

body {
	color: #000;
	background: #e9e9e9 url(../../images/backgrounds/stripes-faded-62.png) 0px 99px repeat-x;
	}
	h1, h1 a {
		color: #666;
		}
	h2, h2 a {
		color: #666;		
		}
	h3, h3 a {
		color: #2269b7;
		margin-bottom: 5px;		
		}
	h4, h4 a {
		color: #666;
		margin-bottom: 5px;
		}
	h5, h5 a {
		color: #666;
		margin-bottom: 5px;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		margin-bottom: 0;		
		text-decoration: none;
		}
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
			text-decoration: underline;
			}
	a {
		color: #000;
		}
	a:hover {
		text-decoration: none;
		}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		background-color: #fbd534;
		}
	.error {
		color: red;
		font-weight: bold;
		}	
	/* Generic Navigation */
	div.nav ul, ul.nav {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		div.nav li, ul.nav li {
			margin: 0;
			padding: 0;
			}
			div.nav a, ul.nav a {
				text-decoration: none;
				}	
	/* Generic Paging */
	ul.paging {
		}
		ul.paging li {
			display: inline;
			}
		ul.paging a {
			display: inline-block;
			padding: 5px 10px;
			border: 1px solid #ccc;
			}
		/* Fades disabled button - Firefox only as of 9/19/08 */
		ul.paging a:disabled, ul.paging a[disabled*="disabled"] {
			color: #fff;
			background-color: #ccc;
			}
		ul.paging a:hover {
			text-decoration: underline;
			}		
	/* What's New */
	div.whatsnew {	
		margin-top: 25px;
		}	
		div.whatsnew div.head {
			position: relative;
			border-bottom: 1px solid #acc7e4;
			}					
			div.whatsnew div.head h1 {
				color: #3878be;
				background-color: #fff;				
				margin: 0;
				}
			div.whatsnew .banner { /* ASP.NET creates this image an an input */
			    display: block;
			    margin-bottom: 10px;
			    }
			div#whatsnewbuttons {
				position: absolute;
				right: 0px;
				/*  IE 6 EDIT */
				bottom: 0px;
				height: 26px;
				overflow: hidden;
				}					
				div#whatsnewbuttons input {
					float: right;
					}
				/* Fades disabled button - Firefox only as of 9/19/08 */
				div#whatsnewbuttons input[disabled*="disabled"] {
					filter: alpha(opacity=40);
					-moz-opacity: .40;
					opacity: .40;
					cursor: default;
					}		
		div.whatsnew div.body {
			width: 100%;		
			background: #f1f6fb url(../../images/backgrounds/columns-3.gif) repeat-y;	
			}
			div.whatsnew div.item {
				position: relative;
				float: left;
				width: 240px; /* Total 278 - IE 5.5 EDIT */
				padding: 19px 20px;		
				}
				div.whatsnew div.item img {
					margin-bottom: 10px;
					}
		div.whatsnew div.foot {
			clear: left;	
			height: 25px; /* Height of buttons within - need this to show backup background image (for when less than 3 items are shown) */
			background: transparent url(../../images/backgrounds/gradient-blue-25h-2.png) repeat-x;	
			}
			div.whatsnew div.readmore {
				float: left;
				width: 279px; /* IE 5.5 EDIT (border) */
				text-align: right;			
				background: transparent url(../../images/backgrounds/gradient-blue-25h-2.png) repeat-x;
				border-left: 1px solid #fff;
				}		
				div.whatsnew div.readmore a {
					display: block;
					}
	/* Articles - used for Headline News and Related Articles */
	div.articles {	
		clear: both;	
		margin-top: 25px; /* Originally 40px */
		}
		div.articles h2 {	
			margin-bottom: 0;
			}
			
		div.articles .item {
			position: relative;	
			min-height: 1em; /* Fixes IE 7 bug - IE 6 EDIT */	
			margin-top: -1px;
			padding: 8px 120px 6px 12px;
			border: 1px solid #ccc;			
			}			
			div.articles .item * {
				display: inline;
				}			
			div.articles .item h3 {
				/* IE 7 EDIT */
				margin-right: 2px;
				font-family: Helvetica, Arial, Sans-Serif; /* Added 10/30/08 GML per client */
				font-size: 1.1em; /* Added 10/28/08 GML per client */
				}			
				div.articles .item h3 a
				{
					display: inline;
					position: static;				
					width: auto;
					height: auto;								
				}
			div.articles .item a {
				display: block;
				position: absolute;
				top: -1px;
				right: -1px;
				width: 95px;
				height: 25px;				
				text-decoration: none;
				}
	/* Article Details */	
	ul.article-list {		
		}
		ul.article-list li {
			margin-bottom: 20px;
			}
			span.article-title {
				display: block;
				font-weight: bold;
				}
			span.article-date {
				display: block;
				font-style: italic;
				}
			span.article-category {
				display: block;				
				}
	div.article-detail {		
		}
		div.article-detail h2 {
			margin-bottom: 5px;
			}
	/* Page Menus */
	/* Currently right-aligned menu in content area */
	div.pagemenu {
		float: right;
		position: relative;
		z-index: 3; /* Need this so that page menu appears on top of header */	
		top: -50px; /* Originally 70, changed 10/28/08 GML to match reduction in column 2 content white-space */
		right: -39px;		
		width: 199px;
		overflow: hidden;
		}
		div.pagemenu h6 {
			height: 28px;
			overflow: hidden;			
			}
		div.pagemenu ul, div.pagemenu p {
			width: 199px;
			padding: 6px 0;
			background: #3ab3ea url('../../images/backgrounds/gradient-blue-w-rounded-corner.png') bottom no-repeat;
			border-top: 1px solid #fff;
			}
			div.pagemenu li {
				padding: 3px 9px;
				}
				div.pagemenu a {
					color: #fff;
					text-decoration: underline;
					}
				div.pagemenu a:hover {
					text-decoration: none;
					}
	/* News Items */
	div.newsItemDetail {
		border: solid 1px #acc7e4;
		padding: 20px;
		}	
	/* Generic Forms (for forms which appear in a two column layout - for this site only) */
	fieldset {
		margin-bottom: 15px;
		}
	fieldset div.input {
		width: auto;
		margin-right: 20px;
		}
	fieldset.multi div.input {
		width: 190px;	
		margin-right: 5px;	
		}		
		legend {
			padding: 0 2px; /* IE 7 EDIT */
			}
		fieldset ul, fieldset li {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
			fieldset li {
				display: inline;
				}
		fieldset label {
			display: inline !important; /* Needed for ASP.NET-generated labels which are not implicit */
			margin-right: .5em;	
			}			
	div.input {
		float: left;
		width: 202px;
		margin-bottom: 5px;
		padding-right: 4px;	
		}	
		fieldset.multi div.input input, fieldset.multi div.input select {
			width: 186px;
			}		
		div.input input, div.input select {
			width: 198px;
			height: 1.5em;
			}			
		div.input textarea {
			width: 586px;
			height: 3em;
			}
		div.input label span
		{
			white-space: nowrap; 
		}
	div.auto {
		width: auto !important;
		height: auto !important;	
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		}
		div.auto input, div.auto select {
		 	width: auto;
			height: auto;			
			}
	div.zip {
		}
		div.zip input, div.zip select {
			width: 5em;
			}
	div.checkbox, div.radio {
		clear: both;		
		float: none;
		}		
		div.checkbox input, div.radio input {
			width: auto;
			}
		div.checkbox label, div.radio label {
			display: inline; /* Needed for ASP.NET-generated labels which are not implicit */
			}
	div.phone {
		clear: both;
		width: 100%;
		}
		div.phone input {
			width: auto !important;
			}
		div.phone fieldset {
			width: 586px; /* 610 without padding */
			}
	div.address {
		clear: both;
		width: 100%;
		}
		fieldset div.address input {
			width: 586px;
			}
		div.address input, div.address textarea {
			width: 610px;
			}
	div.comment {
		clear: both;
		width: 100%;
		}
		div.comment textarea {
			width: 610px;
			height: 6em;
			}
	div.submit {
		float: none;
		clear: both;
		margin-bottom: 20px;
		padding-top: 10px;
		}
		div.submit * {
			clear: both;
			}
	/* Chunks of ASP.NET data that require further organization */
	/* ASP.NET often uses span elements when div elements should be specified */
	/* Site Map List */
	li.AspNet-TreeView-Parent ul li.AspNet-TreeView-Leaf {
		padding-left: 30px;
		}
	/* Payment Locations */
	span.payment-location {
		float: left;
		width: 130px;
		height: 120px;
		margin-right: 15px;
		}
	/* Teaching Aids */
	div.product-list {		
		}
		span.product {
			position: relative;
			display: block;
			float: left;
			width: 140px;
			margin-right: 15px;		
			}
			span.product img {
				width: 100%;
				height: auto;
				margin: 5px 0;			
				}	
			div.product-summary {
				min-height: 130px;
				padding: 10px 10px 0;
				background-color: #f1f6fb;
				border: 1px solid #2269b7;	
				}					
			span.product div.readmore {
				text-align: right;
				background: transparent url(../../images/backgrounds/gradient-blue-25h-2.png) repeat-x;
				}
			span.product label {
				margin: 3px 0;
				text-align: right;
				}
		div.product-list div.button {
			padding: 20px 0;
			}
		div.input span.example {
			margin-left: 10px;
			font-size: 75%;
			font-style: italic;
			}

/* --------------------- */
/* SPECIFIC ID SELECTORS */
/* --------------------- */

/* Outer container */
div#main {
	position: relative;
	width: 900px; /* IE 5 EDIT */	
	margin: 0 auto 0 auto;
	background: #fff url(../../images/backgrounds/columns-2.gif) repeat-y;
	border: 1px solid #fff;
	border-top-width: 0px;
	}
	/* Company Logo / Header Area */
	div#logo {
		height: 99px;
		background: #fff url(../../images/backgrounds/starburst-w-shadow.png) bottom no-repeat;
		}
		div#logo img.logo { /*IE 6 Edit */
			margin: 9px 18px 0 18px;
			}
	/* Main Navigation */
	div#navigation {
		height: 60px; /* IE 5 EDIT */
		background: transparent url(../../images/backgrounds/stripes-60.png) repeat-x;
		border-top: 1px solid #fff;		
		border-bottom: 1px solid #fff;
		}
		/* Account Login - IE 6 EDIT */	
		div#manageyouraccount {
			position: absolute;
			top: 0px;
			right: 0px;	
			width: 365px; /* Total 385 */
			height: 23px; /* Total 29 */
			padding: 6px 20px 0 0;
			text-align: right;
			background: #e1e1e1 url(../../images/backgrounds/gradient-gray-385w.png) repeat-y;				
			}			
			div#manageyouraccount a {
				border: none;
				}
			div#manageyouraccount a:hover {
				background-color: transparent !important;
				background-image: none !important;
				}						
			span#login {
				margin-left: 10px;				
				}	
			span#signup {
				margin-left: 4px;							
				}
				span#signup img {
					padding-left: 7px;	
					border-left: 1px solid #c1c1c1;
					}		
		/* Site Search */
		div#search {
			float: right;
			width: 207px; /* 217 total - IE 5 EDIT - GML removed 2 pixels on 10/28/08 to account for new "home" navigation link */
			height: 27px; /* 30 total - IE 5 EDIT */
			overflow: hidden;
			padding-top: 3px;
			padding-left: 10px;			
			background: #377db1 url(../../images/backgrounds/gradient-dark-blue-30h.png) repeat-x;
			}
			div#search input {
				width: 100px;							
				}
			div#search .submit {
				position: relative;
				top: 5px;
				width: 70px !important; /* Override cascade */
				height: 18px !important; /* Override cascade */
				margin-left: 10px;			
				}				
		/* Primary Navigation */
		div#navigation ul {			
			margin: 0;
			padding: 0;
			list-style-type: none;			
			}
			div#navigation li {
				float: left;
				height: 31px;
				overflow: hidden;			
				margin: 0;
				padding: 0;				
				}
				div#navigation li a {
					display: block; /* IE 6 EDIT */
					height: 30px;
					border-right: 1px solid #fff;
					}
				div#navigation a:hover, div#navigation a.hotstate {	
					height: 31px;			
					background: #f7b410 url(../../images/backgrounds/gradient-orange-31h.png) repeat-x;
					}
			div#nav_description {
				position: relative;
				z-index: 1;
				width: 660px; /* Max width before this appears beneath the language selector element */
				margin-top: 1px;
				padding: 6px 18px 4px 18px;
				font-size: 11px;
				color: #ae6e2a;						
				background: #fbd534 url(../../images/backgrounds/gradient-orange-29h.png) repeat-x;				
				}
			/* Language Selection */
			div#language {
				position: absolute;
				z-index: 10;
				top: 135px;
				right: 20px;
				font-size: 11px;
				color: #ae6e2a;	
				}
				div#language select {
					font-size: 10px;
					width: 85px; 
					margin-top: 2px;
					margin-left: 5px;
					}
	/* Home-Specific Elements */
	div#homecontent {		
		width: 100%; /* Use percentage rather than pixels so don't have to update IE 5 CSS */
		background-color: #fff; /* Cover background image used for pseudo-columns */
		}
		div#directlink {
			background:transparent url(../../images/backgrounds/direct-link-arrow.png) no-repeat 205px 0px;
			color:#FFFFFF;
			font-weight:bold;
			height:43px;
			margin-top:1px;
			overflow:visible;
			width:900px;
			position: relative;
		   }			
			div#directlink a#directLink {
				display: block;
				float: left;
				width: 232px;
				height: 43px;
				}		
				div#directlink a img {
				    margin: 10px 0 0 10px;
				    }
		    div#directlink p {
		        margin-right: 210px;
		        padding:3px 0px 0 0;		        
		        }
		    div#directlink a#callBeforeDigging {				
				position: absolute;
				top: 0px;
				right: 5px;
				}
				div#directlink a#callBeforeDigging img {
					margin: 0;
					}
		div#homecontent div#movie {
			position: relative;
			width: 900px;
			height: 220px; /* Originally 249, updated 10/27/08 GML */
			background: transparent url(../../images/photos/sample-900w.jpg) no-repeat;
			}
			div#movie h1 {
				position: relative;
				top: 106px; /* Originally 135, updated 10/27/08 GML */
				left: 19px;
				display: inline;
				padding: 31px 61px 0 0;
				color: #fff;
				font-size: 3.5em;
				line-height: 1.1em;				
				background: transparent url(../../images/backgrounds/starburst.png) right no-repeat; /* IE 6 EDIT */
				}
			div#movie ul.nav {
				position: absolute;
				left: 0px;
				bottom: 79px;
				height: 29px;
				overflow: hidden;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				}
				div#movie ul.nav li {
					float: left;
					border-right: 1px solid #fff;
					}
					div#movie ul.nav li img {
						width: 299px;
					}
				div#movie ul.nav li.last {
					border-right: none;
					}
				div#movie ul.nav li.list img {
					width: 300px;
					}
		div#homecontent div.promo {
			padding: 0 30px 22px;				
			}	
	/* Column 1 */
	div#column1 {
		float: left;
		width: 199px; /* IE 5 EDIT */
		height: auto;
		min-height: 500px;
		overflow: hidden; /* Keeps large images and navigation from breaking layout */
		background-color: #666;		
		border-right: 1px solid #fff;		
		}
		/* Secondary and Tertiary Navigation (dynamic via Sitefinity) */
		div#nav_secondary {
			/* REM 10/28/08 GML per client - padding-bottom: 48px; */			
			}
			div#nav_secondary h6 {
				width: 199px;
				height: 28px;
				margin: 0;
				/* REM GML border-bottom: 1px solid #fff; */
				}	
			/* jQuery Accordian */
			ul#navigation_dynamic ul {
				display: none; /* Hide nested navigation by default */
				}
				ul#navigation_dynamic ul ul {
					display: block; /* Show all nested navigation */
					}
				ul#navigation_dynamic a {
					display: block;
					width: 161px; /* 199 total - IE 5 EDIT */	
					padding: 6px 19px 6px 19px;
					color: #fff;
					background: #319BD9 url(../../images/backgrounds/gradient-ltblue-25h.png) top repeat-x;
					/* REM GML border-bottom: 1px solid #79b6e7; */
					text-decoration: none;
					}
				ul#navigation_dynamic a:hover {
					/* REM GML margin-top: -1px; */ /* Allows hyperlink to cover border above it */
					/* REM GML padding-top: 7px; */ /* Original 6 plus 1 to account for negative margin */
					background-color: #f68100;
					background-image: url(../../images/backgrounds/gradient-orange-25h.png);
					}
				/* Selected Navigation Item */
				ul#navigation_dynamic a.selectedItem {
					cursor: default;
					color: #fff !important; /* Override hover state */
					background-color: #f68100 !important; /* Override hover state */
					background-image: url(../../images/backgrounds/gradient-orange-25h.png) !important; /* Override hover state */
					}
					/* Arrow - applied to items with child navigation */
					ul#navigation_dynamic a.head img {
						float: right;
						margin-top: 6px;						
						}				
				/* Selected Parent Item */
				ul#navigation_dynamic li.selectedItem ul {					
					display: block !important; /* Always show - for accessibility and usabiilty */
					height: auto !important; /* Do not allow to contract via JavaScript - for accessibility and usabiilty */
					}
				/* Nested Navigation Items */	
				ul#navigation_dynamic li li a {
					color: #000;
					background: #fdfdfd url(../../images/backgrounds/gradient-grey-25h.png) top repeat-x;
					}
					ul#navigation_dynamic li li a:hover {						
						background-color: #ffdb6b;
						background-image: url(../../images/backgrounds/gradient-yellow-25h.png);
						}
					ul#navigation_dynamic li li li a {
						width: auto;						
						padding-left: 35px;
						color: #999;					
						}				
		div#column1 div.feature {
			padding: 17px 15px;
			color: #2269b7;
			background-color: #fff;				
			}
			div#column1 div.feature h3 {			
				color: #666;			
				}
			div#column1 div.feature .icon {
				position: relative;
				top: -16px;
				right: -15px;
				float: right;
				}
		div#column1 div.photo {
			width: 199px;
			height: auto;
			overflow: hidden;
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
			}
			div#column1 div.photo img {
				display: block; /* Fixes spacing below image */
				width: 199px; /* Don't allow image width variation */
				}
	/* Column 2 */
	div#column2 { /* TEMPLATE-LEVEL EDIT */		
		float: right;
		width: 700px;
		height: auto;
		overflow: hidden; /* Keeps large images from breaking layout */		
		}		
		div#column2 div#header {
			position: relative;
			width: 660px; /* Total 700 - IE 5 EDIT */
			height: 68px; /* Height from concept 188 total */
			padding: 120px 20px 0 20px;
			overflow: hidden;
			background: transparent url(../../images/photos/headers/sample.jpg) no-repeat;	
			}
			div#column2 div#header h1 {
				position: relative;
				z-index: 2;
				display: inline;
				}
			div#column2 div#header img {
				position: absolute;
				z-index: 1;
				top: 0px;
				left: 0px;
				}
			div#column2 div#header h1 {				
				color: #fff;
				padding-top: 25px;
				padding-right: 62px;
				font-size: 4em;
				line-height: 1.1em;
				background: transparent url(../../images/backgrounds/starburst.png) right no-repeat; /* IE 6 EDIT */
				}	
		div#content {			
			padding: 22px 39px 15px 39px; /* Updated 8/28/08 GML - originally 42 top */
			}
			div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
				/* REM 10/28/08 GML, causes float to clear when Related Links present which increases white-space - width: 582px; */ /* Width required for IE 7 */		
				line-height: 1em; /* Fixes wrapped text spacing issues - cannot be applied to all headers due to design requirements */
				}
	/* Footer */
	div#footer {
		clear: both;
		position: relative;
		top: -1px;
		width: 100%;
		font-size: 90%;
		text-align: center;
		background: #e9e9e9 url(../../images/backgrounds/stripes-faded-51.png) repeat-x;
		}
		div#nav_auxiliary {
			width: 900px; /* IE 5 EDIT */
			height: 49px; /* IE 5 EDIT */
			margin: 0 auto 0 auto;
			text-align: center;
			background: transparent url(../../images/backgrounds/stripes-49.png) repeat-x;			
			border: 1px solid #fff;	
			}
			div#footer ul.nav {
				position: relative;
				top: 3px;
				}
				div#footer ul.nav li {
					display: inline;			
					}
					div#footer ul.nav a {
						color: #fff;
						padding: 0 18px;
						border-right: 1px solid #fff;					
						}
					div#footer li.last a {
						border-right: none;
						}
			p#copyright {
				width: 902px; /* Additional width added (normal is 900) to account for border on element above - allows it to line up */
				height: 63px;
				margin: 0 auto 0 auto;
				padding-top: 12px;
				background: #fff url(../../images/backgrounds/shadow-on-white-63.png) repeat-x;
				}