@charset "UTF-8";
/* CSS Document */

body {
	background: #ffffff;
	margin: 0; 	padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	line-height:150%; height: auto; /*fix IE col. height problem*/
}
a:link { color: #336699; }
a:visited { color: #336699; }
a:hover { color: #FF6600; }

.rain #outerContainer {
	width: 700px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 30px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
}

.rain #logoBlock {	margin: 15px 0; }
.rain #logoBlockR{ text-align: right; float: right; margin: 0; padding: 20px 0 0 0; font-size: 11px; color: #FF6600; }
.rain #container { border: 1px solid #999999;	height: auto; }

.rain #topNav {	width: 211px;	margin: 0;	padding: 0; }
.rain #topNav ul {	margin: 0;	padding: 0;	list-style-type: none; }
.rain #topNav li {	margin: 0;	padding: 0;	border-bottom: 1px dotted #666666;	}
.rain #topNav li#last {	border-bottom: 0px; }
.rain #topNav li a { margin: 0;	padding: 8px 0 0 25px;	color: #ffffff;	text-decoration: none;	display: block;	background-color: #336699; font-size: 13px; height: 25px; }
.rain #topNav li#last  a {	border-bottom: 0px }
.rain #topNav li a:hover { background-color: #3399CC; }

.rain #top2 {	background-color: #999999;	border-top:1px solid #FFFFFF;	height: 22px;	width: 698px; }
.rain #top2R {	margin:0; padding: 3px 0 0 0; background-color:#0099FF;	text-align:center; float:right;	width:243px; height:19px; border-left:1px solid #FFFFFF; }
.rain #top2R a { font-size: 13px; color: #FFFFFF; text-decoration: none; }
.rain #top2R a:hover { color: #CCCCCC;	}

.rain #sidePic { width:178px; margin:0;	float:left;	padding:30px 0 25px 25px;
	font-family: Arial, Helvetica, sans-serif; font-size: 16px;	line-height:140%; color:#FF6600; }

.rain #sideNav { width:185px; margin:25px 0 0 0; float:left; line-height:140%; font-size:11px; font-weight:bold;	padding:0 0 20px 25px; }

.rain #sideNav ul {	margin:6px 0 0 0; padding:0; list-style-type:none; }
.rain #sideNav li {	margin:0; padding:0; }
.rain #sideNav li a {margin:0; padding:3px 0 3px 0;	color:#FF6600; text-decoration:none; display:block; }
.rain #sideNav li a:hover {	color: #666666; }

.rain #current { color:#FF6600; }

.rain #subNav li { margin:0; padding:0; border-bottom: 1px dotted #ffffff; /*fix IE list spacing bug ???*/ }
.rain #subNav li a { margin: 0;	padding:0 0 5px 14px; text-decoration:none; color:#666666; background-image: url("img/arrow_up.gif");
	background-repeat:no-repeat; background-position:1px 5px; font-size:11px; line-height:140%; list-style-type:none; font-weight:normal;}
.rain #subNav li a:hover { background-image: url("img/arrow_over.gif"); color:#3399FF; }
.rain #subNav li#current a { background-image:  url("img/arrow_over.gif"); color:#FF6600;}

.rain #content { margin:0 0 0 210px; padding:18px 22px 20px 0;	height: 100%; /*fix IE right col. left side line up problem*/ }

.rain #L1 { margin:0; padding:15px 0 5px 0; font-size:12px;	font-weight:bold; color:#336699; position:relative; }
.rain #L2 { margin:0; padding:8px 0 5px 0; font-size:11px; color:#666666; line-height:130%;	font-weight:bold; position:relative;}
.rain #L3 {	margin:0; padding:0 0 8px 0; font-size: 11px; color: #000000; line-height:140%; }
.rain #L3 ul { margin:5px 0 10px 0px; padding:0 0 0 18px; color:#FF6600; list-style-position:outside; list-style-type:square; }
.rain #L3 li { margin:0; padding:5px 0 0 0; }
.rain #black { color: #000000; }

.rain #field_L { margin:0; font-size:11px; float:left; line-height:125%; font-weight:bold; color:#666666; height:auto; padding:10px 0 0 0; }

.rain #field_R { margin:0; padding:10px 0 0 85px; font-size:11px; position:relative; line-height:125%; }
.rain #bioSub {	margin:0 0 0 0;	padding:15px 0 8px 0; font-size:11px; color:#666666; position:relative; }/** padding 0 0 8 0 >> 15 0 8 0 **/

.rain #name { margin:5px 0 0 0; padding:0; font-size: 11px; line-height: 150%; color: #000000; }
.rain #name ul { margin: 0; padding:0; }


.rain #name li { margin: 0 20px 5px 0; padding:0; display:inline; float: left; list-style-type: none; }/** margin 0 20 0 0 >> 0 20 5 0 **/
.rain #name li a {	color:#336699; }
.rain #name li a:hover { color:#FF6600; }
.rain #photo { margin:5px 0 8px 0; padding:0; border:1px solid #336699; /*height: 150px; width: 130px;*/ }	

.rain #position { margin:0;	padding:0; font-size:11px; line-height:170%; }
.rain #position ul { margin:0; padding:0; list-style-position:outside; list-style-type:none; }
.rain #position li { margin:0; padding:0 0 0 10px; float:left; width:200px;	
	background-image: url("img/bullet.gif"); background-repeat:no-repeat; background-position:left 7px;}

.rain #bodyBlock { padding:10px; width:155px; border:1px solid #999999; float:left; margin:10px 0 20px 0; }
.rain #bodyBlockLink { padding:0 0 0 20px; font-size:11px; margin:0 0 10px 0; background-image: url("img/arrow_big.gif"); background-repeat: no-repeat; }
.rain #bodyBlockLink a { color:#336699; text-decoration: none; }
.rain #bodyBlockLink a:hover { color: #FF6600; }

.rain #bodyBlock2 {	padding:0; margin:10px 0 20px 0; }
.rain #bodyBlock2 ul { padding:0; margin:0; display:inline; list-style-type:none; }
.rain #bodyBlock2 li { padding:10px; width:118px; border:1px solid #999999; float:left; margin:0 10px 0 0; }

.rain #bodyVline { float:left; background-image: url("img/999999.gif");	height:152px; padding:0; margin:10px 0 20px 0;
	background-repeat:repeat-y; width:80px; background-position:center; }

.rain #bottom  { margin:0; color:#ffffff; line-height:140%;	background-color:#336699; 
	width:auto; padding:10px 15px 10px 20px; text-align:right; }
.rain #bottomLink {	margin:0;	padding:0;	float:left; }
.rain #bottomLink a { color:#FFFFFF; }
.rain #bottomLink a:hover { color:#CCCCCC; }