/* Special site styles */
/* @import url(/styles/specials/stpats.css); */

/* Higher-lever CSS declarations to make pages look like they should. */

/* Navigation bar classes */

#h-contain {
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden; /* Still needed for a variety of browsers. */
}

#f-contain {
	border-top: 3px double #ccc;
	padding-top: 5px;
}

#h-contain ul, #f-contain ul {
   padding: 0;
   margin: 0;
   float: left;  
}

#h-contain ul {	width: 100%; }

#h-contain ul li, 
#f-contain ul li {
   display: inline;
   float: left;
   margin: 0;
}

#h-contain ul li { padding: 5px 0; }
#h-contain ul li { border-right: 1px solid #fff; }

/* Padding on 'a' elements are ignored by IE 5 */
#h-contain ul li a,
#h-contain ul.nav-upper li.first {
   padding: 5px 15px;
}

#f-contain ul li a { margin: 0 10px; }

/*
	Leahy image replacement.
	
	See: http://www.moronicbajebus.com/playground/cssplay/image-replacement/
*/
#f-contain ul li#footer-globe,
#f-contain ul li#footer-wordmark {
	padding-top: 25px;
	padding-bottom: 0;
	
	margin: 0 5px;
	
	/*Hide the text*/ 
	overflow: hidden;	
	/* WIN IE5 hack */ 
	height: 25px; 
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0;  
}

#f-contain ul li#footer-globe {
	background: url(/images/icons/ece-globe-25x25.jpg) no-repeat scroll;
	width: 25px;
}

#f-contain ul li#footer-wordmark {
	background: url(/common/images/cmu-wordmark.jpg) no-repeat scroll;
	width: 157px;
}

/*
	Leahy image replacement.
	
	See: http://www.moronicbajebus.com/playground/cssplay/image-replacement/
*/
#h-contain h1 { 
	/*Size of the image*/ 
	padding-top: 92px; 
	padding-bottom: 0;
	width: 654px;
	
	clear: both;
	margin: 0;
	
	/*The image*/ 
	background-image: url(/common/images/rotate.html/images/header/); 
	background-repeat: no-repeat; 
	
	/*Hide the text*/ 
	overflow: hidden;
	/* WIN IE5 hack */ 
	height: 92px; 
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	height: 0; 
}

/* Main content container classes */

div#b-contain { min-width: 775px; }
#f-contain ul { width: 775px; }

div.three-col-n { background: url(/common/images/columns/ece/three-col-n.gif) repeat-y; }
div.three-col-w { background: url(/common/images/columns/ece/three-col-w.gif) repeat-y; }

div.three-col-w #col-1, 
div.three-col-n #col-1, 
div.three-col-n #col-3 {
	width: 125px;
}
div.three-col-w #col-2 { width: 373px; }
div.three-col-n #col-2 { width: 483px; }
div.three-col-w #col-3 { width: 235px; }

div.two-col-nl { background: url(/common/images/columns/ece/two-col-nl.gif) repeat-y; }
div.two-col-nr { background: url(/common/images/columns/ece/two-col-nr.gif) repeat-y; }
div.two-col-w { background: url(/common/images/columns/ece/two-col-w.gif) repeat-y; }

div.two-col-nl #col-1, 
div.two-col-nr #col-2 {
	width: 125px;
}
div.two-col-nl #col-2, 
div.two-col-nr #col-1 {
	width: 623px;
}
div.two-col-w #col-1 { width: 450px; }
div.two-col-w #col-2 { width: 298px; }

div.one-col { width: 763px; }

#col-1 { padding: 0 7px 0 5px; }
#col-2, #col-3 { padding: 0 7px; }

div.image-viewer-controls {
	padding: 5px;
}

/*
   Header graphic substitutions.
*/
.h-tab, .h-block, .h-block-inlinelink {
	clear: both;
	padding: 2px 3px;
}

/* Move items up a bit to fit snugly. */
.h-block + .ta-data > caption,
.h-tab + .ta-data > caption,
.h-block + .s-box,
.h-tab +.s-box,
.h-block-inlinelink + .s-box {
	margin-top: -0.5em;
}

.h-block a {
	display: block;
	width: 100%;
	margin: -2px -3px;
	padding: 2px 3px;
}

/* Subnavigation list */
ul.nav-sub {
	margin: 0;
	padding-left: 0;
}

ul.nav-sub li {
	margin-bottom: 0.4em;
}

ul.nav-sub ul {
	margin-left: 0.75em;
	padding-left: 0;
}

li.nav-sub + li,
li + li.nav-sub {	
	margin-top: 1.3em;
}

ul.nav-sub a {
	display: block;
	width: 100%;
	margin-top: 0.3em;
}

ul.nav-sub li.inline a {
	display: inline;
}

ul.nav-sub li.current {
	background: url(/images/icons/nav-current.gif) no-repeat 0% 50%;
	margin-left: -0.75em;
	padding-left: 0.75em;
	margin-top: 0.3em;
}

a.a-bl {
	display: block;
}

fieldset.std {
	padding: 0.85em 0.75em;
	margin-top: 0.3em;
	margin-bottom: 0.85em;
	border: 1px solid #ccc;
	border-top: 3px double #900;
}

fieldset.std legend {
	padding: 0.3em 0.75em;
	border: 1px solid #ccc;
	border-bottom: 0;
}

table.help-right td { vertical-align: top; }
table.help-right td.t-help {
	padding-left: 0.7em;
}

/* JQuery tab skinning */
.content-tabs {
	padding-left: 0 !important;
	margin-bottom: 0.85em !important;
}