/*Also copy any changes to this to mainContent.css (move #mainContent tags to override standard tags and change body background color) for use by Innova*/

/* Palette dark blue #182738,  light blue #8EA0AC, med blue #29435F / #243A53,  bright orange #EC6400, coral #EF7D55, orange brown #6E2F00, brown #552400, maroon link color #822400, */
* {
	padding:0px;
	margin:0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#213D4E;
	font-size:90%;
	color:#182738;
}

/*To center table in FF*/
table {
	margin: 0 auto 0 auto;
}

th {
	border:solid 1px #CCCCCC;
	border-right: solid 2px #666666;
	border-bottom: solid 2px #666666;
	background-color:#FFEEDD;
	font-size:80%;
	padding:3px 2px 2px 3px;
	text-transform: capitalize;
}

p {
	padding: 7px 0px 5px 0px;
	margin: 0px;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	background-color:#29435F;
	border:4px solid #55606C;
	border-right:5px solid black;
	border-bottom:5px solid black;
	color:white;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	text-align:center;
}

 h2 {
	font-size: 105%;
	letter-spacing:2px;
	font-weight: bold;
	background-color: #EC6449;
	color:#371700;
	border:3px solid  #F5AC93;
	border-bottom:4px solid #7E422D;
	border-right:4px solid #7E422D;
	padding:3px;
	margin:0px;
	text-transform: uppercase;
	letter-spacing:2px;
	background-color:#EF7D55;
	text-align:center;
}

h3 {
	font-size:115%;
	text-transform:capitalize;
	font-weight:bold;
	color: #21354E;
	border-bottom: solid 1px #CCCCCC;
	border-top: solid 2px #CCCCCC;
	padding:0px;
	margin: 3px  0px 2px 0px;
}

h4 {
	font-size: 105%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin:0px;
	background-color: #F27900;
	padding: 3px;
	border-color: #FFBB77;
	border-style: solid;
	border-width: 3px;
}

a, a:link, a:visited, a:hover, a:active {
	font-weight: bold;
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
}

a:hover, a:active {
	color: #822400;
	background-color:white;
}

a img, a:link img, a:visited img, a:hover img, a:active img{
	border:none;
	background: none;
}

ul {
	margin: 0px 5px 0px 5px;
	padding: 0;
}

li {
	margin: 5px  5px 7px  35px;
	padding:0px;
}

ul li li {
	list-style-type: disc;
	list-style-image: none;
	padding:2px;
}

blockquote {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	font-size:90%;
}

form {
	padding: 0px;
	margin: 0px;
}

input {
	font-size:95%;
	border:#999999 1px solid;
	border-bottom:#333333 2px solid;
	border-right:#333333 2px solid;
	margin:0px;
	padding:0px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding:2px;
}

checkbox {
	border:none;
}

/*colors*/

.boxBlue {
	color:white;
	font-size:95%;
	background-color:#29435F;
	border:2px solid #55606C;
	border-right:3px solid black;
	border-bottom:3px solid black;
	letter-spacing:2px;
}

.boxGray {
	border:2px solid #CCCCCC;
	border-bottom:2px solid #666666;
	border-right:2px solid #666666;
}

.boxYellow {
	color:#182738;
	background-color:#E89C00;
	border:3px solid #FFD57C;
	border-bottom:3px solid #86641A;
	border-right:3px solid #86641A;
}

.boxOrange {
	border:3px solid #FE8C67;
	border-bottom:3px solid #853318;
	border-right:3px solid #853318;
}

.blueDark {
	color:#182738;
}

.lightText {
	color:#CCCCCC;
}

.orange {
	color: #F27900;
	font-weight: bolder;
}

.required {
	color:#D90000;
	font-weight: bold;
	font-size:120%;
}

.white {
	color: #FFFFFF;
	font-weight: bold;
}

/*sizes*/
.big { 
	font-size:125%;
}

.bigger {
	font-size: 150%;
}

.biggest {
	font-size: 180%;
}

.xbig {
	font-size: 260%;
}

.small {
	font-size:90%;
}

.smaller {
	font-size:80%;
}

.smallest {
	font-size:70%;
}

/*other*/

.alert {
	color:#CC3300;
	font-size:110%;
	font-weight:bold;
}

.allCaps {
	text-transform:uppercase;
	letter-spacing:1px;
}

.borderBottomGray {
	border-bottom:2px solid #666666;
}

.borderBottomBlue {
	border-bottom:2px solid #21354E;
}

.borderOrange {
	border:2px solid #E43E02;
}

.borderBottomOrange {
	border-bottom:2px solid #E43E02;
}

.borderTopBottomOrange {
	border-bottom:2px solid #E43E02;
	border-top:2px solid #E43E02;
}

.button {
	background-color:#21354E;
	border:#333333 1px solid;
	border-right:#999999 2px solid;
	border-bottom:#999999 2px solid;
	font-weight:bold;
	color:white;
	letter-spacing:1px;
	padding:2px;
}

.center {
	text-align: center;	
}

.indent {
	margin-left:10px;
}

.indent1{
	margin-left:25px;
}

.indent2 {
	margin-left:55px;
}

.indent3 {
	margin-left:85px;
}

 .indent4 {
	margin-left:120px;
}

 .indent5 {
	margin-left:145px;
}

.linkLeft  {
	background-color:#21354E;
	color:white;
	float: right;	
}

.lowercase {
	text-transform: lowercase;
}

.note {
	font-size:90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.right {
	margin-left:75%;
}

.uppercase {
	text-transform: uppercase;
}

#breadcrumb {
	padding:3px 5px 3px 5px;
	background-color:#F8F8F8;
	border:solid 4px #DADADA;
	margin:0px;
}

#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active {
	color: #822400;
	text-decoration: none;
	letter-spacing: 1px;
}

#breadcrumb a:hover, #breadcrumb a:active {
	font-weight: bold;
	color: white;
	background-color:#822400;
}

#tdLeft {
	background-image: url(file:///I|/PaytonPortal/Images_Site/tdBkgrdLeft.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding-right:7px;
}

#tdRight {
	background-image: url(file:///I|/PaytonPortal/Images_Site/tdBkgrdRight.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-left:7px;
}

/*Also copy any changes to this div to mainContent.css for use by Innova*/
#mainContent {
	background-color:white;
	/*border:solid 4px #6E2F00;*/
	color:#182738;
	margin:0px;
	padding:0px;
	border-bottom:2px solid #9EAAB3;
}

#mainContent p {
	margin:5px 10px 5px 10px;
}

#mainContent h1 {
	font-size: 135%;
	font-weight: bold;
	background-color: #EC6400;
	background-image:url(file:///I|/PaytonPortal/Images_Site/PurpleLine.gif);
	background-repeat:repeat-x;
	background-position: center;
	padding:3px;
	margin:0px;
	color:white;
	border:none;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding:3px 0px 3px 0px;
	margin:0px ;
	text-align:center;
}

 #mainContent h2 {
	font-size: 120%;
	font-weight: bold;
	background-color:#BBC6CE;
	border:none;
	color:#182738;
	padding:0px 0px 0px 5px;
	margin: 0px 0px 2px 0px;
	text-transform: uppercase;
	letter-spacing:2px;
	background-image:none;
	text-transform:capitalize;
}

#mainContent h3 {
	font-size:105%;
	text-transform:capitalize;
	font-weight:bold;
	color: #21354E;
	border-bottom: solid 2px #822400;
	padding:5px;
	margin: 10px 10px 2px 5px;
}

#mainContent h4 {
	font-size: 95%;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin:0px;
	background-color: #F27900;
	padding: 3px;
	border-color: #FFBB77;
	border-style: solid;
	border-width: 3px;
}
#mainContent  img {
	border:none;
}

#mainContent a, #mainContent a:link, #mainContent a:visited, #mainContent a:hover, #mainContent a:active {
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

#mainContent a:hover {
	color: #FFFFFF;
	background-color: #1C2C40;
	font-weight:bold;
}

#mainContent a:hover img{
	color: #FFFFFF;
	background-color: #FFFFFF;
}

#mainContent p {
	margin:0px 20px 0px 20px;
}

#mainContent td {
	padding:5px;
}

#navCat {
	padding:0px 3px 3px 0px;
	font-size:90%;
}

#navCat ul {
	margin: 0px 0px 2px 5px;
	padding: 0;
	font-size:93%;
}

#navCat ul {
	margin: 0px 0px 2px 5px;
	padding: 0;
	font-size:93%;
}

#navCat li {
	margin: 0px  0px 4px  5px;
	padding:4px 4px 6px 4px;
	list-style-type: none;
	text-transform:uppercase;
	border-bottom:5px solid black;
	font-size:105%;
	background-color:#3C2B36;
	border:3px solid #666666;
	border-right:5px solid black;
	border-bottom:5px solid black;
}

#navCat ul li li {
	list-style-image: none;
	padding:4px;
	text-transform:none;
	background-color:#4E3D4B;
	border:3px solid #000000;
	border-right:2px solid #685B6C;
	border-bottom:2px solid #685B6C;
	padding:4px;
}

#navCat ul li li li {
	list-style-image: none;
	padding:4px;
	color:#FFC875;
	text-transform:none;
	background-color:#706275;
	border:3px solid #333333;
	border-right:2px solid #685B6C;
	border-bottom:2px solid #685B6C;
	padding:4px;
}

#navCat ul li li li li {
	list-style-image: none;
	padding:4px;
	color:#FFC875;
	text-transform:none;
	background-color: #9B8C9F;
	border:2px solid #333333;
	border-right:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	padding:4px;
}

#navConnie {
	background-color: white;
	border:2px solid  #2D4968;
	border-right:3px solid black;
	border-top:none;
	margin: 0px  5px 7px  5px;
	padding:3px;	
}

#navFeatured {
	background-color: white;
	border:2px solid  #CCCCCC;
	border-top:none;
	margin: 0px  5px 7px  5px;
	padding:3px;	
}

#navFOW a, #navFOW a:link, #navFOW a:visited, #navFOW a:hover, #navFOW a:active {
	color: #A52B01;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

#navFOW a:hover {
	color: #FFFFFF;
	background-color: #1C2C40;
	font-weight:bold;
}

#navFOW table{
	background-color: white;
	border:2px solid  #F2F2F2;
	border-right:3px solid #333333;
	border-bottom:3px solid #333333;
	margin: 0px  5px 7px  5px;
	color:#182738;
	font-size:80%;
	border:2px solid black;
}

#navSite {
	background-color: #7A8F9E;
	text-align:center;
	font-size:90%;
}

 #navSite a:link, #navSite a:visited, #navSite a:hover, #navSite a:active{
	font-weight: bold;
	color:white;
	display: block;
}

#navSite a:hover {
	background-color: white;
	color: #182738;
	display: block;
}

#navSite ul {
	margin: 0px;
	padding: 0px;
	font-size:90%;
}

#navSite li {
	margin: 3px  0px 2px  0px;
	padding:5px;
	color:white;
	font-size:95%;
	border:2px solid #8EA0AC;
	list-style:none;
	margin:3px;
 	float: left; /*For Gecko*/
	display: inline;
 	list-style: none;
}

#navSite td {
	border-left:1px solid #CCCCCC;
	border-right:2px solid #9F9F9F;
}

#quotes {
	background-color:#FFFFFF;
	border: 2px solid #000066;
	padding:5px;
	font-size:88%;
}

/* siteguide.asp */

#siteMap {
	padding:5px;
}

#siteMap h1 a, #siteMap h1 a:link, #siteMap h1 a:visited, #siteMap h1 a:hover, #siteMap h1 a:active {
	color: #FFFFFF;
}

#siteMap h1 a:hover, #siteMap h1 a:active {
	font-weight: bold;
	color: #000066;
	background-color:white;
}

#siteMap ul {
	font-size:80%;
	padding:0px;
	background-color:#FFFFE8;
	border: 1px solid #CCCCCC;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	position:relative;
	margin-left: 35%;
	width:27%;
}

#siteMap li {
	margin:0px 0px 2px 10px;
	padding:0px;
	list-style-type: none;
	font-size:90%
}

#siteMap h1 {
	font-size: 110%;
	font-weight: bold;
	color:#FFFFFF;
	text-transform: uppercase;
	padding:5px;
	margin:5px 0px;
	text-align: left;
	background-color:#29435F;
	border:4px solid #55606C;
	border-right:5px solid black;
	border-bottom:5px solid black;
	letter-spacing:1px;
}

 #siteMap h2 {
	font-size: 100%;
	font-weight: bold;
	background-color:#EFEFEF;
	text-transform: capitalize;
	padding:5px;
	margin:4px 0px 4px 50px;
	text-align: left;
	border:1px solid #55606C;
	border-right:3px solid #29435F;
	border-bottom:2px solid #29435F;
	color:#000033;
	letter-spacing:1px;
}

 #siteMap h3 {
	font-size: 90%;
	font-weight: bold;
	background-color:#F5F5F5;
	text-transform: capitalize;
	padding:4px;
	margin:3px 0px 0px 80px;
	text-align: left;
	border:1px solid #999999;
	color:#000033;
}

 #siteMap h4 {
	font-size: 85%;
	font-weight: bold;
	background-color:#FFFFFF;
	text-transform: capitalize;
	padding:3px;
	margin:2px 0px 0px 115px;
	text-align: left;
	border:3px solid #EFEFEF;
	background-color:#FFFFFF;
	color:#000033;
}

 #siteMap h5 {
	font-size: 80%;
	font-weight: bold;
	background-color:#FFFFFF;
	text-transform: capitalize;
	padding:3px;
	margin:1px 0px 0px 140px;
	text-align: left;
	background-color:#FFFFFF;
	border:none;
	border-bottom:2px solid #EFEFEF;
	border-top:2px solid #EFEFEF;
	color:#000033;
}

/* Admin pages */

/* from  http://solardreamstudios.com/learn/css/cssmenus
/* Root = Horizontal, Secondary = Vertical */
#adminHeader {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 100%; /*For KHTML*/
  list-style: none;
  height: 24px;
  letter-spacing:1px;
   padding-bottom:5px;
}

#adminHeader ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
}

#adminHeader li {
  margin: 0;
  border: 2px solid #999999;
  border-right: 3px solid #333333;
  border-bottom: 3px solid #333333;
  padding: 0px;
  margin:3px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

#adminHeader ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#adminHeader ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
#adminHeader a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #000000;
  font: bold 12px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  letter-spacing:1px;
}

/* Root Menu Hover Persistence */
#adminHeader a:hover,
#adminHeader li:hover a,
#adminHeader li.iehover a {
  background: #CCC;
  color: #FFF;
}

#adminHeader a:active,
#adminHeader li:active a,
#adminHeader li.ieactive a {
  background: #FFFFFF;
  color: #000000;
}

/* 2nd Menu */
#adminHeader li:hover li a,
#adminHeader li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
#adminHeader li:hover li a:hover,
#adminHeader li:hover li:hover a,
#adminHeader li.iehover li a:hover,
#adminHeader li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
#adminHeader li:hover li:hover li a,
#adminHeader li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
#adminHeader li:hover li:hover li a:hover,
#adminHeader li:hover li:hover li:hover a,
#adminHeader li.iehover li.iehover li a:hover,
#adminHeader li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
#adminHeader li:hover li:hover li:hover li a,
#adminHeader li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
#adminHeader li:hover li:hover li:hover li a:hover,
#adminHeader li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

#adminHeader ul ul,
#adminHeader ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#adminHeader li:hover ul ul,
#adminHeader li:hover ul ul ul,
#adminHeader li.iehover ul ul,
#adminHeader li.iehover ul ul ul {
  display: none;
}

#adminHeader li:hover ul,
#adminHeader ul li:hover ul,
#adminHeader ul ul li:hover ul,
#adminHeader li.iehover ul,
#adminHeader ul li.iehover ul,
#adminHeader ul ul li.iehover ul {
  display: block;
}