/*
common style sheet which import relevant style sheet(s)
  just for the Index pg
@import "structure.css";
*/

* {
margin:0pt;
padding:0pt;
}

.boldTxt {
font-weight:bold;
}

.italicTxt {
font-style:italic;
}

.boldItalicTxt {
font-weight:bold;
font-style:italic;
}


.right {
float:right;
}

.left {
float:left;
}

.center {
float:center;
}

.clear {
clear:both;
}

.titleTxt {
font-family:Copperplate Gothic Light,Arial,Verdana,sans-serif;
font-size:20px;
font-weight:bold;
}
.redTxt {
color:#AD1B0C;
}


body {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
font-family:arial, 'lucida console', sans-serif;
width:100%;
height:100%;
}

#layout {
background-color:#FFFFFF;
margin-left:20px;
margin-top:0px;
margin-right:20px;
margin-bottom:10px;
width:90%;
height:100%;
}

.cell {
background-color:#C1C1BF;
border-style: solid;
border-left-width: thin;
border-left-color:#B2C4C5;
border-top-width: thin;
border-top-color:#B2C4C5;
border-bottom-width: thin;
border-bottom-color:#000000;
border-right-width: thin;
border-right-color:#000000;
font-weight: bold;
font-size:13px;
padding:2px;
}

.topCell 
 {background-color:#D4E7FA;
border-style: solid;
border-left-width: thin;
border-left-color:#B2C4C5;
border-top-width: thin;
border-top-color:#B2C4C5;
border-bottom-width: thin;
border-bottom-color:#000000;
border-right-width: thin;
border-right-color:#000000;
text-align:center
font-size:12px;
}

.titleCell 
 {background-color:#C1C1BF;
}

.fieldCell 
 {background-color:#FFFFFF;
}

.valueCell 
 {background-color:#D3F1E6;
}

.printCell {
border-style: none;
font-size:13px;
padding:2px;
}


/******************************************
  & HEADER
*******************************************/
/* NOT BEING USED white line
hr#lineWh {
background-color:#FFFFFF;
width:100%;
height:1px;
border:0;
}*/

#title{
height:50px;
border-left:0px;
border-right:0px;
border-bottom:1px;
border-bottom-color:#9FA7AA;
border-bottom-style:solid;
margin-top:5px;
margin-bottom:0px;
margin-left:0px;
padding-left:50px;
}


/******************************************
  &NAVIGATION BY AGE  
*******************************************/
#agePicNav{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:11px;
margin-left:10px;
margin-top:0px;
margin-right:20px;
margin-bottom:0px;
}

  #agePicNav ul {
    margin-top:2px;
margin-left:0px;
    list-style:none;
    }
  #agePicNav li {
    float:left;
    }

  #agePicNav a {
    display:block;
text-decoration:none;
    }

  #agePicNav a {
    display:block;
background-color:#012E94;
border-top:2px;
border-top-color:#809AD6;
border-top-style:ridge;
border-left:2px;
border-left-color:#809AD6;
border-left-style:ridge;
border-right:2px;
border-right-color:#011C59;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#011C59;
border-bottom-style:ridge;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;

font-size:12px;
color:#D7D0D8;
text-decoration: none;
}

  #agePicNav a:hover{
background-color:#033FC7;
border-top:2px;
border-top-color:#011C59;
border-top-style:ridge;
border-left:2px;
border-left-color:#011C59;
border-left-style:ridge;
border-right:2px;
border-right-color:#809AD6;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#809AD6;
border-bottom-style:ridge;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;

font-size:12px;
color:#D7D0D8;
text-decoration: none;
}


/******************************************
  & CONTENT
*******************************************/
#mainContent {
background-color:#FFFFFF;
margin-left:20px;
margin-top:5px;
margin-right:0%;
margin-bottom:5px;
width:90%;
height:100%;
padding-bottom:0px;
padding-left:20px;
}

.mainContentTxt {
color:#000000;
font-size:14px;
text-decoration: none;
padding-left:0px;
}

.mainContent a {
color:#FFFFFF;
font-size:14px;
text-decoration: none;
}

.mainContent a:hover {
text-decoration: none;
color: #09FC6A;
text-decoration: underline;
}


/******************************************
  & OTHER STUFF
*******************************************/
.button {
background-color:#6B3E73;
border-top:2px;
border-top-color:#E97EFC;
border-top-style:ridge;
border-left:2px;
border-left-color:#E97EFC;
border-left-style:ridge;
border-right:2px;
border-right-color:#2E2834;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#2E2834;
border-bottom-style:ridge;
padding-top:2px;
padding-bottom:2px;
padding-left:25px;
padding-right:25px;

font-size:12px;
color:#D7D0D8;
text-decoration: none;
}

#login {
margin-left:20px;
margin-top:21px;
margin-right:0%;
margin-bottom:10px;
border-left:0px;
border-right:0px;
border-bottom:1px;
border-top:1px;
border-color:#6B3E73;
border-style:solid;

width:70%;
height:70%;
padding-bottom:10px;
padding-top:10px;
padding-left:30px;
}



#form {
margin-left:20px;
margin-top:21px;
margin-right:0%;
margin-bottom:10px;
border-left:0px;
border-right:0px;
border-bottom:1px;
border-top:1px;
border-color:#CEA70B;
border-style:solid;

width:70%;
height:70%;
padding-bottom:10px;
padding-top:10px;
padding-left:30px;
}



/******************************************
  &PICTURE NAVIGATION  
*******************************************/
.picture{
text-align: center;
font-size:11px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
 width: 60px;
}

.picture ul {
 list-style:none;
 }

.picture li {
 margin:0px;
}

.picture a {
color: #FFFFFF;
  text-align: center;
text-decoration:none;
}

.picture a:hover{
text-align: center;
color: #E6C37F;
text-decoration:underline;

}

.picture img{
border-top:2px;
border-top-color:#E6C37F;
border-top-style:ridge;
border-left:2px;
border-left-color:#E6C37F;
border-left-style:ridge;
border-right:2px;
border-right-color:#2E2834;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#2E2834;
border-bottom-style:ridge;
  text-align: center;
  width: 60px;
}	

.pictureTxt{
  text-align: center;
  font-weight: normal;
  color: #FFFFFF;
  font-size:11px;
}

.pictureEdit{
text-align: center;
font-size:11px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
 width: 200px;
}

.pictureEdit img{
border-top:2px;
border-top-color:#E6C37F;
border-top-style:ridge;
border-left:2px;
border-left-color:#E6C37F;
border-left-style:ridge;
border-right:2px;
border-right-color:#2E2834;
border-right-style:ridge;
border-bottom:2px;
border-bottom-color:#2E2834;
border-bottom-style:ridge;
  text-align: center;
  width: 200px;
}	



/******************************************
  & FOOTER
*******************************************/
#footer {
background-color:#FFFF00;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
width:100%;
height:30px;
border-left:0px;
border-right:0px;
border-bottom:0px;
border-top:1px;
border-color:#B72020;
border-style:solid;
}

.footerTxt {
padding-left:20px;
color:#000000;
font-size:10px;
padding-top:3px;
}

.footerLinks {
padding-left:20px;
color:#EAFFFF;
font-size:10px;
padding-top:3px;
}

.footerLinks a {
color:#69B55F;
font-size:10px;
text-decoration: none;
}
.footerLinks a:hover {
text-decoration: none;
color: #09FC6A;
text-decoration: underline;
}