body {
background-color: #CCCCCC;
background-image:url(../images/grey-bg.gif);
margin: 0px;
}

#banner {
background-color: #211D70;
background-image:url(../images/blue-bg.gif);
}

#nav {
background-color: #ffffff;
border-top : solid 1px #333333;
border-bottom : solid 1px #333333;
height: 21px;
background-image: url(../images/nav-bg.gif);
background-repeat: repeat-x;
}

#container {
width: 800px;
background-color: #CCCCCC;
}

#left {
float: left;
width: 180px;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color: #333333;
padding: 0px;
list-style: none;
 }
 
 #left ul {
list-style: none;
 }

 #left li{
list-style: none;
 }

#login-box {
margin-left: 0px;
margin-right: 0px;
width: 500px;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color: #333333;
padding: 0px 10px 10px 10px;
list-style: none;
}


#right {
margin-left: 200px;
margin-right: 0px;
width: 500px;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color: #333333;
padding: 0px 10px 10px 10px;
list-style: none;
}

 #right ul{
list-style: none;
 }

 #right li{
list-style: none;
 }

#float-left {
float: left;
}

#float-left2 {
float: left;
width: 480px;
display: block;
color:#211D6F;
font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: x-small;
text-decoration:none;
font-weight:bold;
}

#float-left3 {
float: left;
width: 450px;
display: block;
margin: 0px 0px 0px 20px;
color:#211D6F;
font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: x-small;
text-decoration:none;
font-weight:bold;
}

#float-left4 {
float: left;
width: 400px;
display: block;
margin: 0px 0px 0px 20px;
color:#211D6F;
font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
voice-family: "\"}\""; voice-family:inherit;
font-size: x-small;
text-decoration:none;
font-weight:bold;
}


/*CONTENT*/

.sidebox {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 540px;
		\width: 550px;
		w\idth: 540px;
		background: url(../images/body-r.gif) no-repeat bottom right;
		font-size: 100%;
}

.boxhead { 
		background-image:   url(../images/head-r.gif);
		background-repeat: no-repeat;
		background-position:   top right; 
		margin: 0; 
		padding: 0; 
		text-align: left;		
} 

.boxhead h1 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
				margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font: small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 
 
 .boxhead h2 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
				margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font: small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 

.boxhead a:link{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead a:visited{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead a:hover { 
		color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 
 
 
 
 .dropdown { 
		color: #333333;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 
 
 .boxbody { 
 		float: left;
		width: 480px;
 		background: url(../images/body-l.gif) no-repeat bottom left; 
 		margin: 0px; 
		color: #333333;
 		padding: 10px 25px 25px 24px;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
 }
 
  .boxbody a:link{ 
		color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		font-weight:bold;
 }
 
   .boxbody a:visited{ 
		color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
				font-weight:bold;
 }
 
    .boxbody a:hover { 
		color:#B2B2D1;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		font-weight:bold;
}

 
  .boxbody h1 { 
		color: #211D70;
		font: x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: medium;
		margin: 0px;
 }
 
   .boxbody h2 { 
		color: #211D70;
		font: x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
				font-weight: bold;
						margin: 0px;
 }
 
   .boxbody h3 { 
		color: #333333;
		font:x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-weight: bold;
		font-size: x-small;
				margin: 0px;
 }
 
 
 /*CONTENT2*/

.sidebox2 {
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		float: left;
		width: 210px;
		\width: 220px;
		w\idth: 210px;
		background: url(../images/body-r.gif) no-repeat bottom right;
		font-size: 100%;
}

.boxhead2 { 
		background: url(../images/head-r.gif) no-repeat top right; 
		margin: 0; 
		padding: 0; 
		text-align: left;		
} 


.boxhead2 h1 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
				margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font: small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 

.boxhead2 h2 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 
 
 .boxbody2 { 
 		background: url(../images/body-l.gif) no-repeat bottom left; 
 		margin: 0px; 
		color: #211D70;
 		padding: 10px 25px 25px 24px;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
 }
 
  .boxbody2 h1 { 
		color: #211D70;
		font: x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: medium;
		margin: 0px;
 }
 
   .boxbody2 h2 { 
		color: #211D70;
		font: x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
				font-weight: bold;
						margin: 0px;
 }
 
   .boxbody2 h3 { 
		color: #333333;
		font:x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-weight: bold;
		font-size: x-small;
				margin: 0px;
 }
 
   .boxbody2 a:link{ 
		color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		font-weight:bold;
 }
 
   .boxbody2 a:visited{ 
		color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
				font-weight:bold;
 }
 
    .boxbody2 a:hover { 
		color:#B2B2D1;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
				font-weight:bold;
}
.boxhead3 { 
		background-image:   url(../images/head-r.gif);
		background-repeat: no-repeat;
		background-position:   top right; 
		margin: 0; 
		padding: 0; 
		text-align: left;		
		height: 42px;
} 

.boxhead3 a:link{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead3 a:visited{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead3 a:hover { 
		color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead3 h1 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0px; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
 } 

.boxhead3 h2 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
		margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 
 
 
 .bodytxt { 
		color: #333333;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
 }
 
    .current { 
		color:#3366CC;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		font-weight:bold;
 }
 
  .tablebox { 
		color: #333333;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		padding: 3px;
		border-bottom: 1px solid #333333;
		border-top: 0px solid #333333;
		border-right: 0px solid #333333;
		border-left: 1px solid #333333;
 }
 
   .tablebox2 { 
		color: #333333;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		padding: 3px;
		border-bottom: 1px solid #333333;
		border-right: 1px solid #333333;
		border-left: 1px solid #333333;
 }
 
   .tableboxheader { 
		color: #FFFFFF;
		background-color: #211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		padding: 3px;
		border-bottom: 1px solid #211D6F;
		border-top: 1px solid #211D6F;
		border-right: 1px solid #211D6F;
		border-left: 1px solid #5C5996;
 }
 
    .tableboxheader2 { 
		color: #FFFFFF;
		background-color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		padding: 3px;
		border: 1px solid #211D6F;
 }

 #headertxt { 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
		padding: 0;
} 
 
#headertxt a:link{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
} 

#headertxt a:visited{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

#headertxt a:hover { 
		color: #B2B2D1;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

#line {
float:left;
width: 480px;
border-top: 1px solid #211D6F;
height: 2px;
margin-top: 0px;
margin-bottom: 0px;
}

/*CONTENT*/

.sidebox-email {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 540px;
		\width: 550px;
		w\idth: 540px;
		background: url(../images/body-r-email.gif) no-repeat bottom right;
		font-size: 100%;
}

.boxhead-email { 
		background-image:   url(../images/head-r.gif);
		background-repeat: no-repeat;
		background-position:   top right; 
		margin: 0; 
		padding: 0; 
		text-align: left;		
} 

.boxhead-email h1 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
				margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font: small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 
 
 .boxhead-email h2 { 
		background-image:  url(../images/head-l.gif); 
		background-repeat: no-repeat;
		background-position: top left;
				margin: 0; 
		padding: 20px 25px 10px; 
		color: #FFFFFF;
		font: small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
 } 

.boxhead-email a:link{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead-email a:visited{ 
				color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 

.boxhead-email a:hover { 
		color: #FFFFFF;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
		font-weight: bold;  
		line-height: 1em; 
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
} 
 
 .boxbody-email { 
 		float: left;
		width: 480px;
 		background: url(../images/body-l.gif) no-repeat bottom left; 
 		margin: 0px; 
		color: #333333;
 		padding: 10px 25px 25px 24px;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
 }
 
  .boxbody-email a:link{ 
		color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		font-weight:bold;
 }
 
   .boxbody-email a:visited{ 
		color:#211D6F;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
				font-weight:bold;
 }
 
    .boxbody-email a:hover { 
		color:#B2B2D1;
		font:xx-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: x-small;
		text-decoration:none;
		font-weight:bold;
}

 
  .boxbody-email h1 { 
		color: #211D70;
		font: x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: medium;
		margin: 0px;
 }
 
   .boxbody-email h2 { 
		color: #211D70;
		font: x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-size: small;
				font-weight: bold;
						margin: 0px;
 }
 
   .boxbody-email h3 { 
		color: #333333;
		font:x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		font-weight: bold;
		font-size: x-small;
				margin: 0px;
 }

#Groups {
float: left;
width: 80px;
margin-left: 0px;
margin-right: 0px;
}

#IndivsFromGroup {
width: 170px;
margin-left: 110px;
margin-right: 0px;
}

#IndivsToSend {
float: right;
width: 170px;
margin-left: 0px;
margin-right: 0px;
}

#highlight {
		font: bold x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		color: #CC0000;
		text-decoration: none;
}

#highlight a:link{
		font: bold x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		color: #CC0000;
		text-decoration: none;
}

#highlight a:visited{
		font: bold x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		color: #CC0000;
		text-decoration: none;
}

#highlight a:hover{
		font: bold x-small/1.5em Arial, Verdana, Helvetica, sans-serif;
		voice-family: "\"}\""; voice-family:inherit;
		color: #FF6666;
		text-decoration: none;
}