/**************************************************







 *                                                *







 *  site.css                                      *







 *  Jen Snodgrass 02-02-2003                        *







 *                                                *







 *  This file defines the main styles for         *







 *  the website. Browser-specific changes         *







 *  are handled in the ie.css and nav.css files.  *







 *                                                *







 **************************************************/











/*********************************







 * Set the site-wide properties  *







 *********************************/







A {







  vertical-align: middle;



  font-size:      12px;



}







body {  



  background-color: #FFFFFF;



}







li {  



  list-style-position: outside; 



  list-style-image:    url(imagesbullet.gif);



}







a:hover {  



  color: #0099FF;



}







a:link {  



  text-decoration: none;



  font-family:     Arial, Helvetica, sans-serif;



}







a:visited {  



  text-decoration: none;



  font-family:     Arial, Helvetica, sans-serif;



}











/********************







 * Menu item styles *







 ********************/











/* Styles for table cells of menu items in top menu */



.topnavlink {



  text-align:          center;



  background-color:    #003366;



  padding-left:        5px;



  padding-right:       5px;  



  border-top-width:    1px;



  border-top-style:    solid;



  border-top-color:    white;  



  border-bottom-width: 1px;



  border-bottom-style: solid;



  border-bottom-color: white;



  margin-left:         30px;



}



.subnavlink {



  color:           #003366;



	font-weight:     bold;



	text-align:          left;



  padding-left:        10px;



  padding-right:       5px;  



 }















/* Class used in menu item A links (currently all such) */







.menulink_off {



	padding-left:      5px;



	font-family:     Arial, Helvetica, sans-serif;



	font-size:       11px;



	color:           #003366;



	text-decoration: none;



	text-align:      left;



	font-weight:     bold;



	font-style: normal;







}







/* Class used in menu item A links (currently all such) */







.menulink_on {



	padding-left:      5px;



	font-family:     Arial, Helvetica, sans-serif;



	font-size:       11px;



	font-weight:     bold;



	text-decoration: none;



	text-align:      left;



	color:           #0099FF;



	font-style: normal;



}







/* Used for all menu images */







.menu { 



  border-style: none;



}











/**************************







 * Specific functionality *







 **************************/







/* Used in login forms, as a class of <td> and <input/> */







.login {







  font-family: Arial, Helvetica, sans-serif;



  font-size:   11px;



  font-weight: bold;



  color:       #0099FF;







}







/* Used in <input>, <select> and <textarea> elements of login screens */







.loginForm {



  font-family:      Arial, Helvetica, sans-serif;



  font-size:        11px;



  color:            #0099FF;



  background-color: #FFFFFF;







}











/* Defines style for small copyright message row in footer */







.copyright {  







  font-family:      Arial, Helvetica, sans-serif; 



  font-size:        11px; 



  color:            #003366; 



  background-color: white; 



  text-align:       center; 



  font-style:       normal; 



  font-weight:      normal;







}







.copyrightLink {  







  font-family:      Arial, Helvetica, sans-serif; 



  font-size:        11px; 



  color:            #0099FF; 



  background-color: white; 



  text-align:       center; 



  font-style:       normal; 



  font-weight:      normal;







}



.content {



	text-align: left;



	vertical-align: top;



}























/****************







 * Table styles *







 ****************/







table.topTable {



	border-top-style: solid;



	border-top-width: 1px;



	border-top-color: #0099FF;



	border-left-style: solid;



	border-left-width: 1px;



	border-left-color: #0099FF;



	border-right-style: solid;



	border-right-width: 1px;



	border-right-color: #0099FF;



	}



	table.middleTable {



	border-left-style: solid;



	border-left-width: 1px;



	border-left-color: #0099FF;



	border-right-style: solid;



	border-right-width: 1px;



	border-right-color: #0099FF;



	}



		table.bottomTable {



	border-top-style: solid;



	border-top-width: 1px;



	border-top-color: #0099FF;



	}











td.list {



  font-family:      Arial, Helvetica, sans-serif;



  font-size:        11px;



  font-weight:      bolder;



  background-color: white;



  color:            #003366;



  border-bottom-width: 1px;



  border-bottom-style: solid;



  border-bottom-color: #003366;



}







td.listHeader {



  font-family:      Arial, Helvetica, sans-serif;



  font-size:        11px;



  font-weight:      bolder;



  background-color: white;



  text-align:       center;



  color:            #003366;



  border-top-width: 1px;



  border-top-style: solid;



	border-top-color: #003366;



  border-bottom-width: 1px;



  border-bottom-style: solid;



  border-bottom-color: #003366;







}



td.tableHeading {



	font-family:      Arial, Helvetica, sans-serif;



	font-size:        11px;



	font-weight:      bolder;



	background-color: white;



	color:            #003366;



	text-align: left;



	padding-left:      4px;



	border-bottom-style: solid;



	border-bottom-width: 1px;



	border-bottom-color: #0099FF;







}







td.tableRowRight {



	font-family:      Arial, Helvetica, sans-serif;



	font-size:        11px;



	font-weight:      bolder;



	background-color: white;



	color:            #003366;



	text-align: right;



	padding-right:      4px;



	padding-left:      10px;







}







td.tableRow {



	font-family:      Arial, Helvetica, sans-serif;



	font-size:        11px;



	font-weight:      bolder;



	background-color: white;



	color:            #003366;



	text-align: left;



	padding-left:      4px;







}



td.tableRow2 {



	font-family:      Arial, Helvetica, sans-serif;



	font-size:        11px;



	font-weight:      normal;



	background-color: white;



	color:            #003366;



	text-align: left;



	padding-left:      4px;







}











tr.topmenu {



  border-top-style: solid;



  border-top-width: 1px;



  border-top-color: red;



  padding-top:      5px;



  padding-bottom:   5px;







}















tr.submenu {







  border-top-style: solid;



  border-top-width: 1px;



  border-top-color: red;



  padding-top:      5px;



  padding-bottom:   5px;



  margin-top:3em;







}















/* Used for page header lines */







.headingPage {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 20px;



	font-weight: bold;



	font-style: italic;



	color: #003366;



	text-align: left;



	padding-bottom:   1px;



	padding-left:   10px;



	vertical-align: bottom;



	border-bottom-style: solid;



  border-bottom-width: 1px;



  border-bottom-color: #0099FF;



}







td.bgMain {



  background-color: white;



  font-family:      Arial, Helvetica, sans-serif;



  font-weight:      bold;



  color:            #003366;



  text-align:       center;



  font-size:        12px;







}











.contentPane {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	font-weight: normal;



	font-style: normal;



	color: #003366;



	text-align: left;



	padding-top:   10px;



	padding-bottom:   2px;



	padding-left:   6px;



	border-right-style: solid;



	border-right-width: 1px;



	border-right-color: #0099FF;



}







.menuBackground {



	background-image: url(/images/menu_background.jpg);



	background-position: left bottom;



	background-repeat: repeat;



	border-style: none;



}











table.list {







  padding-right: 100px;







}







td.blueLineTop{



border-bottom-style: solid;



border-bottom-width: 1px;



border-bottom-color: #0099FF;



}



td.blueLineRight{



border-left-style: solid;



border-left-width: 1px;



border-left-color: #0099FF;



}







/***********************







 * Text size modifiers *







/***********************/







.textHeading {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #003366;



	font-weight: bold;



	background-color: #FFFFFF;



	vertical-align: text-top;



	padding-left: 6px;



	padding-right: 6px;



	text-align: left;







}







.formHeading {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #0099FF;



	font-weight: bold;



	background-color: #FFFFFF;



	vertical-align: text-top;



	padding-left: 6px;



	padding-right: 6px;



	text-align: left;







}



.textMedium {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #003366;



	background-color: #FFFFFF;



	vertical-align: text-top;



	padding-left: 6px;



	padding-right: 6px;



	text-align: left;







}

li {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;



	color: #003366;



	background-color: #FFFFFF;



	vertical-align: text-top;



	padding-left: 6px;



	padding-right: 6px;



	text-align: left;







}
.formLabel {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;

    font-weight: bold;

	color: #003366;



	background-color: #FFFFFF;



	vertical-align: text-top;



	padding-left: 6px;



	padding-right: 6px;



	text-align: left;







}

  .formtext {



	font-family: Arial, Helvetica, sans-serif;



	font-size: 11px;
	color: #003366;
}


.textMediumBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight: bold;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-left: 6px;
	padding-right: 6px;
}

.textMediumBold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	font-weight: bold;
	background-color: #FFFFFF;
	vertical-align: top;
	padding-left: 1px;
	padding-bottom: 0px;
}

td.textMediumBold2 {
	padding-bottom: 4px;
}

.textMediumLinkBold { 
  font-family:     Arial, Helvetica, sans-serif; 
  font-size:       11px; 
  font-weight:     bold; 
  color:           #0099FF; 
  text-decoration: underline; 
	vertical-align: top;
	padding-left: 6px;
	padding-right: 6px;
}



A.textMediumLinkBold:hover { color:#0099FF; text-decoration: underline;}



A.textMediumLinkBold:visited  { color:none;} 







.textMediumLink { 



  font-family:     Arial, Helvetica, sans-serif; 



  font-size:       11px; 



  font-weight:     normal; 



  color:           #0099FF; 



  text-decoration: underline; 



	vertical-align: top;



	padding-left: 6px;



	padding-right: 6px;



}



A.textMediumLink:hover { color:#0099FF; text-decoration: underline;}



A.textMediumLink:visited  { color:none;} 







@media print {



    .menuBackground {display : none;}



 }



@media print {



    BODY  {font-size:       22px; ;}



 }



@media print {



    DIV.page { page-break-before: always; }



 }



@page {



  size: 8.5in 11in;  /* width height */



}



@page :left {



  margin-left: 4cm;



  margin-right: 3cm;



}



@page :right {



  margin-left: 3cm;



  margin-right: 4cm;



}