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

body {
background-color: #601639;
margin: 0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color: #FCF7D1;
background-image:url(../images/bk_strip.jpg);
background-repeat:repeat-x;

}


#container{
width: 800px;
margin:auto;
background-image:url(../images/bk.jpg);
background-repeat:no-repeat;
min-height:600px;

}

#space { clear:both;} 

h1{
text-decoration:none;
padding:15px 0 0 0;
margin:2px;
color:#FCF7D1;
font-size:16px;
}

h3{
text-decoration:none;
padding:15px 0 0 0;
margin:2px;
color:#FCF7D1;
font-size:13px;
}
.h3it{
text-decoration:none;
border:dotted #666666 1px;
padding:10px;
color:#601639;
font-size:11px;
font-style:italic;
text-align:center;
background-color: #feffe0;
margin:auto
}


#header {  height:216px;}

#mailing {
 width:250px;
 background-image:url(../images/mailing.png);
 background-repeat:no-repeat;
 padding: 10px;
 color:#FFFFCC;
 height:150px;
 margin-top:220px;
 font-size:11px;

 }
 .mail { width:200px; margin-left:10px; margin-top:3px;}

.logo { padding-top:10px; width: 180px; float:left; margin-top:20px;}

.orb { float:right; margin-top:172px; }

.pictures { float:left; margin-top:10px; margin-right:10px; margin-bottom:10px;}
.pictures_b { float:left;  margin-right:10px; }

.group { clear:both;}

#left {
float:left;
width:540px;
}

#right {
float:right;
width: 240px;
}

#footer { margin-bottom: 20px; margin-top:20px; border-top:#8A5C65 1px solid; padding-top:10px; margin-top:20px;
}

hr { border: 0;
color: #8A5C65 ;
background-color: #8A5C65 ;
height: 1px;
margin-top:20px;
margin-bottom:20px;

}



.box { 
background-color: #8A2559;
padding:10px;
color:#FFFFCC;
border:1px #333333 dotted;
margin:auto;

}

.rightbox { 

background-color: #8A2559;
padding:5px;
color:#FFFFCC;
margin-top:10px;
margin-left:10px;

}

a { color:#C2C2C2; text-decoration:none;}
a:link { color:#C2C2C2; text-decoration:none;}
a:hover { color:#FFFFFF;}


.dis {color:#C2C2C2; font-style:italic; font-size:10px;}

.boxsmalltext { font-size:9px;}



form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
   
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #8A2559;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  width:510px;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form fieldset label:first-letter {  /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* you could instead underline first letter on each element and accesskey */
                                    /* each input but doing only legends lessens cognitive load */
						/* changed to label first letter, opera broke after first letter legend */
}

form fieldset legend {
	font-size:1.1em;  /* bump up legend font size, not too large or it'll overwrite border on left */
    border:#8A2559; /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	 /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


#intro { width: 876px; height:587px; background-image:url(../video/ma.png);  }
#video { padding-top:35px; padding-left:181px; }