﻿/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

#body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #B51032;
}

/* Header Section */

#header {
	border-top: 3px solid #B51032;
	border-bottom: 2px  solid #B51032;
	height:7em;
	
}

#header .title {
	font: 150%  Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 6em;
	font-weight:bold;
}



#header a:link, a:visited  {
	color: #B51032;
}

.titletext
{
	font-size: 14pt; 
	color:  #6666cc;
	 
}

.tablehome
{	
	top: 0em;
	height:100%; 
	width: 100%; 
	text-align:left;
	text-decoration:  none;
}

.tablemaster
{	 
	top: 0em;
	left: 0em;
	height:100%; 
	width: 100%; 
	 font-weight:lighter; 
	
}
.td70
{
	  width:70%; 
}

.tdm
{
	background-color:#f1f0ff;
	width:70%; 
	height:100%;
	 
}

.tdright
{
	 width:5%;
}
.tdtop
{
	height: 140px;
}

.tdbottom
{
	  height:110px;
	  text-align:center; 
	  font-size: 10pt; 
	  background-color:  #f1f0ff;
	  border-top:  Silver 2px solid;
	  vertical-align:top;
}

.footer 
{
	border-top: Orange 2px solid;
	margin-top: 1em; height: 1em;
}

.pic
{
	Height:250px; Width:300px; margin-top:25px; margin-left:20px; text-align:right; 
	float: right;	
}
.pic1
{
	Height:80px; Width:95px;
}	
.pictable
{
	 width:50%;
	 text-align:center;
}

/* Navigation */

#navigation {
	width: 180px;
	left: 4em;
	width: 12em;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-left:1em;
	margin-top:1em;
}



#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}

/* Main Content */

#content 
{
	margin-top:1em;
	margin-left: 2em;
	margin-right: 2em;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}



/* Data Web Control Styles */

.DataWebControlStyle
{
    font-size: 90%;
}

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
}

.AlternatingRowStyle
{
    background-color: #fcc;
}

.RowStyle
{
}

.br
{ 
	
	height:5px;
}

.labelField
{
	margin-left: 2em;
	margin-top :2em;
}

.textField
{
	margin-left:15em;
	margin-top :2em;
}
#fieldGroup label {
	margin-left: 2em;
	margin-top :2em;
}

#fieldGroup textbox {
	margin-left:15em;
	margin-top :2em;
}


.pagetd
{
	width:210px;
	height: 30px; 
	font-size: 11pt;
}

#table .main
{
	background-color: #e6e6ff;
	font-size:11pt;
	width:450px;
}

.chk
{
	font-size:11pt;
}

.login
{
	border: 1px solid #711515;
	border-top: 1px solid #711515;
	background-color:   ButtonFace; 
	font-size: 10pt;
	width:100%;
}

.question
{ 
	 font-weight:bold;
	 color:  ButtonFace;
	 
}

.h4
{
	font-size:20px;
	
}

.ctr
{ 
	text-align:center; 
	vertical-align:top;
	height:100%;
	width:100%;
	color:Gray;
}

.txt {
	font-size: 12pt;
	font-family:Arial;	
	width:50%;
	line-height:21px;
	
	}

.txt1 {
	font-size: 12pt;
	line-height: 21px; 
	
	width:50%;
	border-top-width: 2px; 
	border-top-color: white; 
	border-bottom-width:2px;
	border-bottom-color:White;
	border-bottom-style:solid;
	
	}

.tablesize
{
width:100%;
height:100%;
	
}
.s15
{
	width:6%;
}
.f10
{
	font-size:11pt;
	width:100%;
	
}

.f102
{
	font-size:11pt;
	width:400px;
	background-color:#e6e6ed;
	
}

.s20
{
	width:20%;
	
}
.s30
{
	width:25%;
	vertical-align:top;
}

.font8
{
	font-size:8pt;	
	text-align: center;
	color: #008edd;
	color:  Maroon;
	Width:110px;
}

.bold11
{
	font-size:11pt;
	font-weight: normal;
	text-align:left;
	color:  Black;	
	 
}

.bold10
{
	
	font-weight:bolder;
	text-align:left;
	 font-size: 11pt;
	width:70%;
	color:Black;
}



.s300
{
	width:398px;
	
}
.s300h
{
	width:99%;
	height:150px;
	 
}
.har
{
	 text-align:right;
	 font-size:8pt;
}
.mu
{
  background-color:  Silver;
  vertical-align:top;	
}

.w50
{ 
	height:70%;
	width:650px;
}
.next
{
	 background-image:url(ARW06LT.ICO);
}

.va
{
	vertical-align: bottom;
	text-align:left;
	font-size:10pt;
	font-weight: normal;
	
}

.w5{ width:5px;}

.bgb
{
	vertical-align:top;
	background-color:#e6e6ed;
	color:Maroon;
}

.muctr
{ 
	text-align:center;
	color:White;
}

.imgsize
{
	height:330px;
	width:400px;	
}

.MenuItemText 
{    
    
    height:20px;
    line-height:30px;
    text-align: left;
    
    font-size:10pt;
    font-weight: bold;
    text-decoration: none;
    color:  #6699ff;
    
}

.MenuItem td
{            
    text-align:  center;  
    width:200px;   
    border:outset 0px Gray;
     
}

.MenuItem
{
    color:  Orange;
    font-family: Gill Sans MT !important;
    font-size:   larger;
    background-color: Gray;
    text-align:center;
    line-height:35px; 
    text-decoration:none;
    
}

.MenuItem a:visited {
color:   Orange;

}

.MenuItem a:hover 
{
border:outset 2px #efefef;
color:White;
}

.Menu2ItemText 
{      
    line-height:34px;
    font-size:9pt;
    text-decoration: none;
    color: Maroon;     
}

.MenuItemHoverText 
{    
   font-size:  large;
   border: 2px #efefef;
   color:White;
}
.MenuItemHoverText1
{       
    background-color:Silver;
	 color:White;
}
.MenuItemSelectedText 
{    
    font-size:  large;
    
}

.menufontsize
{
 font-size:10pt;
 
}
.imglist
{
    
	border-left-color:White;
	border-left-style: solid;
	border-left-width: thin;	
	width:37%;
	margin-right: auto;
	margin-left: auto;
}

.imgright
{
	 margin-right: auto;
	 margin-left: auto;
	 vertical-align:top;
	 
}
 
 .footerfontsize
{
 font-size:9pt;
 font-weight:normal;
 
}

.listfontsize
{
 font-size:12pt;
  
}

.tbsize
{
  height:70px;
  width:220px;
 }
 
 .brh
 { height:10px;}
 
 .workhr
 { 
   width:200px;
   vertical-align: text-top;
   line-height:20px;
   text-align:right;
   height:300px;
 }
 
 .divborder
{
    background-color: #e6e6ed;
    border-bottom: thin solid;
    border-left: thin solid;
    border-top: thin solid;
    border-right: thin solid;
    border-collapse: separate;
    width: 200px;
    height: 100px;
}
 
 
 .td1
{
    width: 35%;
    text-align:  left;   
    
}

 .fib
{
    font-size: 18px;
    font-style: italic;
    float: left;
    color: #6699ff;
    width: 200px;
    display: block;
    text-align: left;
    
}

 .cry
{
    font-size: 16px;
    font-style: italic;
    color: White;
    width: 40px;
    
}