html,body{margin:0;padding:0}
body{font: 120% arial,sans-serif;text-align:center;background-image:url(/images/bg_weddingbells.gif);background-repeat:repeat}
p{margin:0 10px 10px}
a{color: #981793;padding:2px}
a img{border: none; }
div#header h1{height:60px;line-height:60px;margin:0;padding-left:10px;background: #BFCFFF;color: #3400a0}
div#dateline {font:11px verdana;height:16px;margin:0;padding-left:10px;padding-right:10px;color: #800000}
div#container{text-align:left}
div#content p{line-height:1.4;color:#008080}
div#rightrail{background:#8691B3}
div#footer{color: #000000}
div#footer p{font:10px verdana}

div#container{
width:850px;
margin:0 auto;
}
div#header{
}
div#dateline{width:830px;margin:3 0px}
div#wrapper{
float:left;
width:100%
}
div#content{
margin: 0 230px 0 230px;
}
div#content.norail{
margin: 0 0 0 230px;
}
div#navigation{float:left;width:230px;height:280px;margin-left:-850px}
div#leftrail{float:left;width:230px;height:230px;margin-left:-850px;margin-top:16.5em}
div#rightrail{float:left;width:150px;margin-left:-150px}
div#footer{padding: 50px 0 50px 0; clear:left;width:100%;font-size:12px;text-align:center}

.shifted {
float:right;
clear:right;
position:relative;
left:11px;
border-top:2px solid #33FFFF;
border-left:2px solid #33FFFF;
border-bottom:2px solid #33FFFF;
padding:10 5 10 5px;
background:#FFFFFF;
font-size:12px;
font-style:italic;
color:gray;
z-index:2;
}

.tenpx_padding {
padding:0 0 0 10px;
background:#FFFFFF
position:relative;
z-index:3;
}
.fivepx_padded_border {
padding:5px;
background:#FFFFFF;
border: 1px solid #33FFFF;
position:relative;
z-index:1;
}
div.bio div.floatright {float:right;margin: 0 0 10px 10px; border: 1px solid #bfcfff; padding: 4px; position:relative}
.floatright {float:right;margin: 0 0 10px 10px; padding: 2px;position:relative}
.floatleft {float:left;margin: 0 10px 10px 0; border: 1px solid #bfcfff;padding: 2px;position:relative}
.floatleft2 {float:left;margin: 0 5px 5px 0; position:relative}
.clearright {clear:right;}
.clearleft {clear:left;}
.orbot {position:relative; left:10px; float:right; margin:4px; width:240px; height:350px}
.spacer{
				position: relative;
				height:200px;
				float:left;
}
.photo{
			 	 position: relative;
         width : 165px;
         float : left;
				 background: #ffffff;
         border : 1px solid #c2c2c2;
         margin : 10 5 0 5px;
         padding : 5px;
				 font:12px verdana;
				 color: silver;
         text-align : center;
}

.title {color:#000000;font-style:italic;font-size:24px;clear:right}
.role {color:#000000;font-size:18px;clear:left;margin-top:20px;margin-bottom:5px}
.bio {font-size:14px}
.caption {
   font-size : 12px;
   color : #009999;
}

.alert {
	background: #fff6bf url(/images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	font-size: 14px;
	}

#playlist tbody tr td {font-size:12px;padding:2 0 2 10px; background-color: #f1f5fa}
#playlist tbody tr.odd  td {background-color: #ffffff}
th{font-size:14px}
.vote_links {font-size: 11px}
.voted {color: gray}
.field_label {font-size:13px; color:brown}


div.shadow { 
float: left;
padding: 0 1px; 
background: #bfbfbf; 
border-left: 1px solid #eaeaea; 
border-right: 1px solid #eaeaea; 
position: relative
}
div.shadow img {
padding: 5px 5px 9px 5px; 
background: white url(/images/shad_bottom.png) repeat-x bottom left;
}
div.shadow div.topleft { 
width: 2px; 
height: 4px; 
background: url(/images/shad_tlcorner.png) no-repeat top left; 
position: absolute; 
top: 0px; 
left: -1px; 
}
div.shadow div.topright { 
width: 2px; 
height: 4px; 
#background: url(/images/shad_ttcorner.png) no-repeat top right;
position: absolute; 
top: 0px; 
right: -1px; 
}
div.shadow div.bottomleft { 
width: 4px; 
height: 4px; 
background: url(/images/shad_blcorner.png) no-repeat bottom left; 
position: absolute; 
bottom: 0px; 
left: -1px; 
}
div.shadow div.bottomright { 
width: 4px; 
height: 4px; 
background: url(/images/shad_brcorner.png) no-repeat bottom right; 
position: absolute; 
bottom: 0px; 
right: -1px; 
}

#navlist {
padding: 0px;
margin-left: 10px;
font: bold 18px monospace;
background: #BFCFFF;
width: 218px;
color: #006; }

#navlist li {
list-style: none;
margin: 0px;
border-bottom: 1px #8860BF dotted;
text-align: left;
}

#navlist li a {
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
}

#navlist li a:link { color: #8691B3; }
#navlist li a:visited { color: #8691B3; }

#navlist li a:hover {
color: #000080;
background: white;
}

/*rounded corners for navigation box*/
.roundedcornr_box_164901 {
	background: url(/images/roundedcornr_164901_tl.png) no-repeat top left;
}
.roundedcornr_top_164901 {
	background: url(/images/roundedcornr_164901_tr.png) no-repeat top right;
}
.roundedcornr_bottom_164901 {
	background: url(/images/roundedcornr_164901_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_164901 div {
	background: url(/images/roundedcornr_164901_br.png) no-repeat bottom right;
}
.roundedcornr_content_164901 {
	background: url(/images/roundedcornr_164901_r.png) top right repeat-y;
}

.roundedcornr_top_164901 div,.roundedcornr_top_164901,
.roundedcornr_bottom_164901 div, .roundedcornr_bottom_164901 {
	width: 100%;
	height: 10px;
	font-size: 1px;
}
.roundedcornr_content_164901, .roundedcornr_bottom_164901 {
	margin-top: -19px;
}
.roundedcornr_content_164901 { padding: 0 0px; }

/*image rollover CSS*/
.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
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: 40px;
left: -200px; /*position where enlarged image should offset horizontally */
}

.message_box {
   background: #CCCCCC;
	 margin:20 12 0 12px;
}
.message_top div {
	position: relative;
  background: url(/images/corner_l.png) no-repeat top left;
	vertical-align:middle;
}
.message_top {
	position: relative;
  background: url(/images/corner_r.png) no-repeat top right;
}

.message_top div, .message_top, 
.message_bottom div, .message_bottom {
  width: 100%;
  height: 25px;
	padding: 0px;
}
.message_content { 
	padding: 10px; 
	background-color:#FFFFFF;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC}
	
.msgheadingname{
	position:relative;
  color:#333333;
  font:12px verdana;
  top:5px;
	padding:0 0 0 20px;
}
.msgheadingdate{
	position:relative;
  color:#6666CC;
  font:10px verdana;
  top:-10px;
	padding:0 25px 0 0;
	float:right;
}
.msgbody{
  font:12px verdana;
}