body            {
	color: #00008b;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-image: url(images/blue_bkgrnd2.gif);
}
.whitetxt { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.leftpad     { padding-left: 10px }

.leftmargin  { margin-left: 20px }
p        { color: #00008b; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
td {}
.rightpad { padding-right: 10px }
.rightpad20 { padding-right: 20px }
.rtlftpad { padding-right: 10px; padding-left: 10px }
.rtlftpad20 {
	padding-right: 20px;
	padding-left: 20px
}
.bluetxt        { color: #00008b; font-weight: 500; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.graytext { color: #696969; font-weight: 500; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.medblue { color: #00008b; font-weight: 500; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.green { color: #228b22; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.red  {
	color: #C00;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
.medgray {
	color: #696969;
	font-weight: 700;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}
.lftblue { border-left: 3px #4169e1 }
.class a:link   { color: #00008b; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.class a:visited { color: #00008b; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
ul { color: #00008b; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
element { }
ol   { color: #00008b; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; list-style-type: disc }
input type="submit" { color: #00008b; font-size: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-image: url(images/blue_bkgrnd2.gif) }
.class1 a:link   { color: #cd853f; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
.class1 a:visited  { color: #cd853f; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
.class1 a:hover { color: #ff7f50; font-weight: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.bottomborder { border-bottom: thin #00008b }
.goldtext { color: #cd853f; font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.class2 a:link { color: #696969; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
.class2 a:visited { color: #a9a9a9; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }
.by a:link {
	color: #696969;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none
}
.by a:visited {
	color: #696969;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none
}
.by a:hover {
	color: #696969;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: underline
}
.bottom a:link {
	color: #00008b;
	font-size: 11px;
	font-weight:800;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none
}
.bottom a:visited {
	color: #00008b;
	font-size: 11px;
	font-weight:800;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: none
}
.bottom a:hover {
	color: #00008b;
	font-size: 11px;
	font-weight:800;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: underline
}
.padradiance {
	padding-right: 90px;
	padding-left: 20px
}
.leftpad15 {
	padding-left: 15px;
	padding-right: 10px;
}
.sslanding {
	background-image: url(images/ss-landing-header.jpg);
	background-repeat: no-repeat;
}
.padsslanding {
	padding-right: 20px;
	padding-left: 175px
}
.prlanding {
	background-image: url(images/pr-landing.jpg);
	background-repeat: no-repeat;
}
.padprlanding {
	padding-right: 20px;
	padding-left: 175px
}
.prsisterdivider {
	background-image: url(images/pr-sister-divider.jpg);
	background-repeat: no-repeat;
}
.radiance {
	background-image: url(images/pure-radiance-home-back.jpg);
	background-repeat: no-repeat;
}
.padsisterdivider {
	padding-right: 195px;
	padding-left: 20px
}
.bnlanding {
	background-image: url(images/bn-landing.jpg);
	background-repeat: no-repeat;
}
.padbnlanding {
	padding-right: 20px;
	padding-left: 175px
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

/* === popups === */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 200px; /*position where enlarged image should offset horizontally */
top: -300px; 

}