
/* GEAUX ORANGE - National Work Zone Safety Awareness Week */

/* UNIVERSAL ELEMENTS */

body {
					font: normal x-small/1.5em Verdana, sans-serif;
					color: #000000;
					voice-family: "\"}\"";
					voice-family: inherit;
					font-size: small;
					margin: 0px;
					padding: 0px;
					background-color: #000000;
}

html>body {
					font-size: small;
}

#pageWrapper {
					position: absolute;
					left: 50%;
					margin: 15px 0px 0px -400px;
					padding: 0px;
					width: 750px;
					background-color: #FFFFFF;
					border: 25px solid #f36523;
}

#topBanner {
					margin: 0px;
					padding: 0px;
}

#globalNav {
					color: #92662a;
					font-size: 85%;
					position: absolute;
					left: 50%;
					margin-left: 265px;
					top: 93px;
					width: 152px;
}

.footer {
					margin: 0px;
					padding: 0px;
					background-color: #000;
}

p {
					padding: 8px 0px 8px 0px;
					margin: 0px 0px 0px 0px;
}

/* PAGE LAYOUT */

.leftColumn {
					background-color: #eaeaea;
					width: 200px;
					margin: 0px;
					padding: 0px 0px 25px 0px;
}

.rightColumn {
					width: 495px;
					padding: 0px 30px 20px 25px;
					margin: 0px;
}

/* HYPERLINKS */

a {
					color: #f36523;
					text-decoration: underline;
}

a:link {
					color: #f36523;
					text-decoration: underline;
}

a:visited {
					color: #f36523;
}

a:hover {
					color: #edb510;
					text-decoration: underline;
}


/* PRIMARY NAVIGATION  */

#primNavPos {
					width: 200px;
					z-index: 2;
					background-color: #3f3f3f;
}

ul {
					margin: 0;
					padding: 0;
}

li {
					margin: 0;
					padding: 0;
					
}

#primNav li {
					list-style: none;
					margin: 0;
					padding: 0;
					height: 37px;


}

#primNav li#A a {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: 0 0px;
					width: 200px;
					height: 37px;
					float: left;

}

#primNav li#A a:hover {
					background-position: -200px 0px;
}

span.onA {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: -400px 0px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#B a {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: 0px -37px;
					width: 200px;
					height: 37px;
					float: left;

}

#primNav li#B a:hover {
					background-position:  -200px -37px;
}

span.onB {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: -400px -37px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#C a {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: 0px -74px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#C a:hover {
					background-position:  -200px -74px;
}

span.onC {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: -400px -74px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#D a {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: 0px -111px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#D a:hover {
					background-position:  -200px -111px;
}

span.onD {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: -400px -111px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#E a {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: 0px -148px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#E a:hover {
					background-position:  -200px -148px;
}

span.onE {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: -400px -148px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#F a {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: 0px -185px;
					width: 200px;
					height: 37px;
					float: left;
}

#primNav li#F a:hover {
					background-position:  -200px -185px;
}

span.onF {
					background: url("/images/geauxorange/graphic_pNav.gif") no-repeat;
					background-position: -400px -185px;
					width: 200px;
					height: 37px;
					float: left;
}

/* COLORS */

.orange {
					color: #f36523;
}

.yellow {
					color: #ffc20f;
}

.bkgdLtGray {
					background-color: #eaeaea;
}

/* TEXT STYLES */

h3 {
					font: 120%/1em Verdana, sans-serif;
					color: #1d7496;
					font-weight: bold;
					padding: 12px 0px 2px 0px;
					margin: 0;
}

p.caption {
					font-size: 85%;
					padding: 7px 0px 0px 0px;
					line-height: 1.5em;
					color: #5b5b5b;
}

p.fact {
					font-size: 85%;
					padding: 8px 0px 0px 0px;
					line-height: 1.5em;
}

p.tip {
					font-size: 105%;
					padding: 8px 0px 0px 0px;
					font-weight: bold;
					color: #ea5c1a;
}

p.question {
					padding: 8px 0px 0px 0px;
					font-weight: bold;
					color: #ea5c1a;
}


/* PADDING AND FLOATS */

.floatRight {
					float: right;
}

.floatLeft {
					float: left;
}

.padTop25 {
					padding-top: 25px;
}

.padTop15 {
					padding-top: 15px;
}

.padTop10 {
					padding-top: 10px;
}

.padLeft20 {
					padding-left: 20px;
}

.padBot5 {
					padding-bottom: 5px;
}

.padLeft20 {
					padding-left: 20px;
}

.font85 {
					font-size: 85%;
}

/* IMAGE STYLES */

.photoRotator	{ padding: 15px 0px 0px 20px; float: right; }

/* DID YOU KNOW FACTS */

.didYouKnow {
					padding: 15px 15px 15px 15px;
}


