/* ****************************************************************************
 * temporary styles 
table {
    border: 2px solid red; 
    margin: 2px;
}
td {
    border: 1px dotted purple; 
    padding 2px;
} 
*/
/* */

/* Styles for the whole page 
table {
    width: 100%; 
    margin:0; 
    border: 2px solid red; 
    margin: 2px;
}
*/

table {
    width: 100%; 
    margin: 0;} 
/*
table td {
    padding: 0; 
    border-width:0; 
    vertical-align: top; 
    font-family: Verdana, Arial, Helvetica, sans-serif 
    border: 1px dotted purple; padding 2px;
} 

table td {
    padding: 0; 
    border-width:0; 
    vertical-align: top; 
    border: 1px dotted purple; 
    padding 2px;} 
*/    
 
table td {
    padding: 0; 
    border-width:0; 
    vertical-align: top; 
    font-family: Verdana, Arial, Helvetica, sans-serif 
}


/* *****************************************************************************
 * 04-12-2005 : jcm
 * Unless overridden, set the default colors/style for anchor links 
 * to the expected values of blue and purple.
 */
a:link {
    color: blue;
    text-decoration: underline;    
}
a:visited {
    color: purple;
    text-decoration: underline;    
}       

/* *****************************************************************************
 * END 
 * Styles for the whole page 
 */

/* ***************************************************************************** 
 * BEGIN
 * Styles for Header 
 */
.header { 
    text-align: center;
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-weight: bold;
	color: #FFFFFF; 
    background-color: #000080; 
}

#header-table {
	border: 2px solid #000080;
}

#header-pagename {
    width: 33%; 
    text-align: left;
	font: normal small verdana, arial, sans-serif;   
	padding: 0px 0px 0px 3px;	
}
#header-datetime {
    width: 33%; 
    text-align: right;
	font: normal small verdana, arial, sans-serif;  
	padding: 0px 3px 0px 0px;	
}

#header-sitename {
    width: 34%; 
    text-align: center;
	font: normal medium verdana, arial, sans-serif;   
	padding: 0px 0px 0px 3px;	
}

#header-pagetitle {
    text-align: center;
	font: normal medium verdana, arial, sans-serif;   
	padding: 0px 0px 0px 3px;	
}

#header-logged-in-as {
    text-align: left;
    vertical-align: middle;
	font: normal small verdana, arial, sans-serif;    
    background-color: white;
    color: black;
	padding: 0px 0px 0px 3px;    
    margin: 0;
}

tr.header-sysnav-tr {
    background-color: white;
}
.header-sysnav-td td {
    text-align: center;
}

/*
 * styling for the top navigation bar
 * 
 */
ul#header-sysnav {
    float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font: normal small verdana, arial, sans-serif;
}
ul#header-sysnav li {
	float: left;
	height: 20px;
	color: blue;
	text-decoration: none;
	margin: 2px 2px 2px 2px;	
}
ul#header-sysnav a:link, ul#header-sysnav a:visited {
	display: block;
	color: blue;
	background-color: transparent;
	text-decoration: none;
	padding: 3px;
}
ul#header-sysnav a:hover {
    text-align: right;
	background-color: #EEEEEE;
	text-decoration: underline;	
	color: #000080;
}

/* END Styles for Header */

/* styles for left navigation */ 
.lnav{ 
    background-color: #FFFFFF; 
}


#lnav-td {
    width: 175px;
}

.lnav {
	width: 170px;
    font: bold small verdana, arial, sans-serif;	
}

.lnav h3 {
    text-align: center;
    text-decoration: underline;
	font: bold small verdana, arial, sans-serif;
	margin: 0;
	padding: 0px 0px 1px 0px;
	color: black;
}

.lnav ul {
	list-style: none;
	margin: 0;
	padding: 0px 0px 7px 0px;
}


.lnav li {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
    padding: 1px 0px 1px 0px;
    margin: 1px 1px 1px 1px;
}

.lnav li a:link, .lnav li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #000080;
	border-right: 1px solid #000000;
	background-color: #EEEEEE;
	color: #000080;
	text-decoration: none;
}

/* #999999 #711515 #6699CC */
.lnav li a:hover {
    text-decoration: underline;
	background-color: #6699CC;
	color: #FFFFFF;

}
/* END styles for left navigation */ 

/* Styles for Content */
#content-td {
    vertical-align: top;
}

#content-td2 {
    border: 2px solid #000080;
    padding: 5px 5px 5px 5px;
}

.content-content {
    border: none;
}    

.content-content h1 {
    text-align: center;
	font: bold large verdana, arial, sans-serif;
    padding: 2px 2px 2px 2px;
    margin:  5px 5px 7px 5px;
}
.content-content h2 {
    text-align: left;
	font: bold medium verdana, arial, sans-serif;
    padding: 2px 2px 2px 2px;
    margin:  7px 7px 7px 7px;
    color: #000080;
    text-decoration: underline;
}
.content-content p {
    border: none;
	font: normal small verdana, arial, sans-serif;
    padding: 5px 5px 5px 5px;
    margin: 3px 30px 3px 30px;
}
.content-content li {
    margin: 3px 30px 3px 30px;
}

.content-content pre{
    font-size: small ;
    margin: 3px 40px 3px 40px;
}

.content-content p.p-align-center {
text-align: center
}
p#p-mission{
    border: 1px solid #000000;
	font: normal small verdana, arial, sans-serif;
    padding: 5px 5px 5px 5px;
    margin:  5px 20px 20px 20px;
}

ul#content-available-downloads {
	list-style-type: none;
	margin: 0;
	padding-left: 30px;
	padding-bottom: 24px;
	font: small verdana, arial, sans-serif;
}

ul#content-genny-ack {
	margin: 0;
	padding-left: 30px;
	padding-bottom: 24px;
	font: small verdana, arial, sans-serif;
}

ul#content-site-news {
	margin: 0;
	padding-left: 30px;
	padding-bottom: 24px;
	font: small verdana, arial, sans-serif;
}

ul#content-proj-list {
	margin: 0;
	padding-left: 30px;
	padding-bottom: 24px;
	font: small verdana, arial, sans-serif;
}

/*
.content-content p:hover {
    background-color: red;
}
*/

.td-align-center {
    text-align: center;
}
.td-align-right {
    text-align: right;    
}
.td-align-left {
    text-align: left;    
}
.td-form-input-label {
    text-align: right;
	font: normal small verdana, arial, sans-serif;
    padding: 2px 10px 2px 2px;	
    margin: 1px 1px 1px 1px;	
}
.td-form-input-field {
    padding: 2px 2px 2px 2px;	
    margin: 1px 1px 1px 1px;	
}


/*
 Styles for the main content horizontal navigation tabs
 	border-bottom: 1px solid #000000; in ul#content-tname
 */
ul#content-tnav {
	list-style-type: none;
	margin: 0;
	padding-left: 40px;
	padding-bottom: 24px;
	font: bold small verdana, arial, sans-serif;
}
/* 
;
	*/
ul#content-tnav li {
	float: left;
	height: 21px;
	background-color: #46a;
	color: #FFFFFF;
	margin: 2px 2px -2px 2px;
	border: 2px solid #000080	
}
ul#content-tnav a:link, ul#content-tnav a:visited {
	display: block;
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
	padding: 4px;
}
ul#content-tnav a:hover {
	background-color: #EEEEEE;
	color: #000080;
}

/* 2005-04-11 changed from a body#id to a table#id */
/* Notes: In the template we need to have enough coverage in the stylesheet
          for the max number of tabs in the application in order to use a
          generic stylesheet
 */          
table#content-tnav1 li.content-tnav1, 
table#content-tnav2 li.content-tnav2,
table#content-tnav3 li.content-tnav3,
table#content-tnav4 li.content-tnav4,
table#content-tnav5 li.content-tnav5,
table#content-tnav6 li.content-tnav6, 
table#content-tnav7 li.content-tnav7, 
table#content-tnav8 li.content-tnav8,
table#content-tnav9 li.content-tnav9,
table#content-tnav10 li.content-tnav10,
table#content-tnav11 li.content-tnav11,
table#content-tnav12 li.content-tnav12 
{
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	background-color: #FFFFFF;
}
table#content-tnav1 li.content-tnav1 a:link, table#content-tnav1 li.content-tnav1 a:visited,
table#content-tnav2 li.content-tnav2 a:link, table#content-tnav2 li.content-tnav2 a:visited,
table#content-tnav3 li.content-tnav3 a:link, table#content-tnav3 li.content-tnav3 a:visited,
table#content-tnav4 li.content-tnav4 a:link, table#content-tnav4 li.content-tnav4 a:visited,
table#content-tnav5 li.content-tnav5 a:link, table#content-tnav5 li.content-tnav5 a:visited,
table#content-tnav6 li.content-tnav6 a:link, table#content-tnav6 li.content-tnav6 a:visited,
table#content-tnav7 li.content-tnav7 a:link, table#content-tnav7 li.content-tnav7 a:visited,
table#content-tnav8 li.content-tnav8 a:link, table#content-tnav8 li.content-tnav8 a:visited,
table#content-tnav9 li.content-tnav9 a:link, table#content-tnav9 li.content-tnav9 a:visited,
table#content-tnav10 li.content-tnav10 a:link, table#content-tnav10 li.content-tnav10 a:visited,
table#content-tnav11 li.content-tnav11 a:link, table#content-tnav11 li.content-tnav11 a:visited,
table#content-tnav12 li.content-tnav12 a:link, table#content-tnav12 li.content-tnav12 a:visited
{
	color: #000000;
	background-color: #FFFFFF;
}

/* 2005-04-11 END changed from a body#id to a table#id */

/* END Styles for Content */

/* styles for footer */
.footer p {
    text-align: center;
	font: x-small verdana, arial, sans-serif;
	margin: 1px;
	padding: 1px;	
}

.footer p strong {
    font-style: italic;
}

/*
 * styling for the footer std icons 
 * 
 */ 

div#footer-stdicons {
    text-align: center;
}
ul#ul-footer-stdicons {
	list-style-type: none;
	margin:  1px;
	padding: 1px;
}
ul#ul-footer-stdicons li {
    display: inline;
	text-decoration: none;	
}
ul#ul-footer-stdicons a:link, img {
	border-style: none;
}

/* END of the footer stds icon styles */


/* END styles for footer */

