* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body { 
background-image: url('../images/bg-body01.jpg');
background-repeat: repeat;
background-color: #3a3128;
min-height:100%;
min-width:1000px;
height: 100%;
}


/* misc attributes */

h1 {
padding: 0px 0px 30px 0px;
font-family:arial,helvetica,sans-serif; 
font-size: 21px; 
color:#5b5249; 
}

h2 {
padding: 0px 0px 32px 0px;
font-family:arial,helvetica,sans-serif; 
font-size: 21px; 
color:#5b5249; 
}

h3 {
padding: 5px 0px 2px 0px;
font-family:arial,helvetica,sans-serif; 
font-size: 12px; 
color:#5b5249; 
}

h4 {
padding: 30px 0px 10px 0px;
font-family:arial,helvetica,sans-serif; 
font-size: 21px; 
color:#5b5249; 
}

p.center {
text-align: center;
}

.floatRight {
float: right;
}
.floatLeft {
float: left;
}

.clearBoth {
clear:both;
}

img.middle {
vertical-align: middle;
}
img.bottom {
vertical-align: bottom;
}

table.collapse {
border: collapse;
}



/* default page-width div */
#container {
height:auto;
width: 1000px;
padding: 0px 0px 0px 0px;
margin-right:auto;
margin-left:auto;
position:relative;
display:block;
} 
/* Important */
html>body #container {
}

#logo {
background-image: url('../images/logo-sub.jpg');
background-repeat: no-repeat;
background-position: top left;
width: 189px;
height: 169px;
position: absolute;
top: 19px;
left: 17px;
z-index: 100;
}

#pageTitle {
position: absolute;
top: 158px;
left: 210px;
z-index: 110;
}

#contentBG {
background-image: url('../images/bg-subcontainer00.gif');
background-repeat: repeat;
background-position: top left;
width: 1000px;
height: auto;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
} 

#outerContent {
margin: 232px 0px 0px 0px;
}

.innerContent {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 87px;
width: 600px;
height: auto;
vertical-align: top;
font-family:arial,helvetica,sans-serif; 
font-size: 14px; 
color:#5b5249; 
line-height: 22px;
}
.innerContent a {
color: #ab241e;
text-decoration: underline;
}
.innerContent a:visited {
color: #ab241e;
text-decoration: underline;
}
.innerContent a:hover {
color: #3a3229;
text-decoration: none;
}

#breadcrumb {
width: 600px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-family:arial,helvetica,sans-serif; 
font-size: 14px; 
color: #c6c3c0;
text-decoration: none;
}
#breadcrumb a.on {
color: #3a3229;
text-decoration: none;
}
#breadcrumb a:visited.on {
color: #3a3229;
text-decoration: none;
}
#breadcrumb a:hover.on {
color: #ab241e;
text-decoration: underline;
}
#breadcrumb a.off {
color: #ab241e;
text-decoration: none;
}
#breadcrumb a:visited.off {
color: #ab241e;
text-decoration: none;
}
#breadcrumb a:hover.off {
color: #ab241e;
text-decoration: underline;
}

#subRphoto {
float: right;
margin-top: -31px;
padding: 0px 22px 0px 0px;
width: auto;
height: auto;
vertical-align: top;
}

.innerContent ul {
padding: 20px 0px 20px 35px;
color: #ab241e;
}
.innerContent li {
padding: 0px 0px 5px 0px;
}
.innerContent li span {
color: #5b5249;
}
.innerContent ul ul {
padding: 5px 0px 0px 25px;
color: #ab241e;
}

#footer {
width: auto;
height: auto;
padding: 40px 0px 20px 0px;
overflow: auto;
font-family:arial,helvetica,sans-serif; 
font-size: 10px; 
color: #5b5249;
}
#footer a { 
color: #ab241e;
text-decoration: underline;
}
#footer a:visited { 
color: #ab241e;
text-decoration: underline;
}
#footer a:hover { 
color: #5b5249;
text-decoration: none;
}



table.groupapp tr.heading {
background-color: #eeeeee;
font-weight: bold;
}
table.groupapp td {
padding: 2px 2px 2px 5px;
font-family:arial,helvetica,sans-serif; 
font-size: 11px; 
}
table.groupapp td input {
font-family:arial,helvetica,sans-serif; 
font-size: 10px; 
}
table.groupapp td select {
font-family:arial,helvetica,sans-serif; 
font-size: 10px; 
}