/* LAYOUT STYLES */
body                { margin:0px; background: url("../images/background.jpg") left repeat-y #fff; float:left; }

/* TOP AREA */
#logo a             { background: url("../images/raeproductions.jpg") left top repeat-y; float:left; width:195px; height:75px; margin-left:10px; margin-top:10px; margin-bottom:20px;}
#logo h1		  { display:none; }

/* CONTENT AREA */
#container          { margin:0px auto 0px auto; text-align:left; float:left; width:800px; overflow:auto; }
#contentarea        { width:550px; float:right; text-align:center; margin-top:86px; }
#body               { margin-top:20px; margin-right:15px; margin-bottom:25px; text-align:justify; width:520px; padding-bottom:2px; }

/* SUBNAVIGATION */
#subnavigation      { width:214px; float:left; text-align:center; }
#subbody            { margin:20px auto 20px auto; text-align:left; width:214px; }
#subnavigation ul   { list-style-type:none; margin:0px; margin-top:0px; padding:0px; text-align:left; }
#subnavigation ul li a { display:block; text-indent:20px; line-height:220%;  width:214px; color:#fff; padding:0px; text-decoration:none; border-top:solid 1px #4a90a9; border-bottom:solid 1px #1f5f76; }
#subnavigation ul li a:hover { color:#fff; background: url("../images/navbar.gif") left repeat-y; }
#subnavigation ul li a.selected { color:#fff; background: url("../images/navbar.gif") left repeat-y; }

/* FOOTER */
#footercontainer    { margin:0px auto 0px auto; width:450px; height:50px; clear:both; float:left; }
#footer             { width:450px; line-height:1.4em; padding-bottom:2px; margin:0px auto 0px auto; text-align:left; }

/* FONT STYLES */
body                { font-family: Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:90%; line-height:150%; color:#000; }
input, textarea, select { font-family:Arial, Tahoma, Geneva, Helvetica, sans-serif; font-size:100%; }
h1                  { color:#e7aa58; font-size:180%; font-weight:normal; line-height:100%; letter-spacing:1px; text-indent:17px; padding-top:18px; }
h2                  { display:inline; font-size:140%; font-weight:normal; color:#100b40; line-height:120%; }
h3                  { font-size:100%; }
#footer             { font-size:80%; color:#b0aeb2; }
#footer a           { color:#b0aeb2; text-decoration:none; border-bottom:solid 1px #CCC; margin-left:5px; margin-right:5px; }
#footer a:hover     { color:#307791; text-decoration:none; border-bottom:solid 1px #CCC; margin-left:5px; margin-right:5px; }

#body a             { color:#307791; text-decoration:none; border-bottom:solid 1px #CCC; }
#body a:hover       { color:#3b9ec2; text-decoration:none; border-bottom:solid 1px #CCC; }
#body a.img         { text-decoration:none; }
#body li         	  { margin-bottom:15px;  }
.nodisplay          { display:none; }
.imgright		  { float: right; text-decoration:none; padding: 0px 0px 10px 15px; }
.imgleft		  { float: left; text-decoration:none; padding: 0px 15px 10px 0px; }

input { 
vertical-align: middle; 
} 
select { 
vertical-align: middle;  
} 
textarea { 
font-size: 100%; 
} 
fieldset { 
border-right: #ccc 1px solid; padding-right: 10px; border-top: #ccc 1px solid; padding-left: 10px; padding-bottom: 10px; margin: 5px 0px; border-left: #ccc 1px solid; padding-top: 10px; border-bottom: #ccc 1px solid 
} 
legend { 
padding-right: 0px; padding-left: 0px; font-weight: bold; padding-bottom: 0px; margin: 0px; color: #000; padding-top: 0px 
} 
#errorbox { 
border-right: #f71842 1px solid; padding-right: 15px; border-top: #f71842 1px solid; padding-left: 15px; padding-bottom: 15px; margin: 20px 0px; border-left: #f71842 1px solid; color: #f71842; padding-top: 15px; border-bottom: #f71842 1px solid 
} 
.conform { 
padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px 
} 
.conform2 { 
padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 15px 
} 
.conform label { 
font-weight: normal; float: left; margin: 2px 0px 3px; width: 150px 
} 
.conform2 label { 
font-weight: normal; float: left; margin: 2px 0px 3px; width: 300px 
} 
.conform select { 
margin: 0px 0px 8px; vertical-align: middle 
}
.red { 
color: #a21111;
} 
input { 
margin: 0px 0px 8px; vertical-align: middle 
} 
textarea { 
margin: 0px 0px 8px; vertical-align: middle 
}