a:link, a:visited {
color : #000;
font-weight : bold;
}
a:active, a:hover {
color : #777;
font-weight : bold;
}
body {
font-family : Arial, sans-serif;
font-size : 10px;
}

#contentInner p
{
	margin: 3px 0 10px 0;
}

#wrap {
background-color : #c8d7f0;
margin : 5px auto;
padding : 0;
width : 75em;
max-width: 100%;
}
#wrapTop {
background : transparent url('../images/top.gif') repeat-x top left;
margin : 0;
padding : 0;
}
#wrapRight {
background : transparent url('../images/right.gif') repeat-y top right;
margin : 0;
padding : 0;
}
#wrapBottom {
background : transparent url('../images/bottom.gif') repeat-x bottom left;
margin : 0;
padding : 0;
}
#wrapLeft {
background : transparent url('../images/left.gif') repeat-y top left;
margin : 0;
padding : 0;
}
#wrapTopLeft {
background : transparent url('../images/topLeft.gif') no-repeat top left;
margin : 0;
padding : 0;
}
#wrapTopRight {
background : transparent url('../images/topRight.gif') no-repeat top right;
margin : 0;
padding : 0;
}
#wrapBottomRight {
background : transparent url('../images/bottomRight.gif') no-repeat bottom right;
margin : 0;
padding : 0;
}
#wrapBottomLeft {
background : transparent url('../images/bottomLeft.gif') no-repeat bottom left;
margin : 0;
padding : 0;
}
#wrapInner {
padding : 10px 0 5px 0;
}
#header {
color : #587dbc;
font-size : 3em;
font-weight : bold;
padding : 0 15px;
}
#nav {
background-color : #9ab2d9;
clear : left;
color : #fff;
float : left;
font-size : 1.3em;
margin : 10px 0 0 2px;
vertical-align : top;
width : 24%;
}
#navTop, #navRight, #navBottom, #navTopRight, #navBottomRight {
margin : 0;
padding : 0;
}
#navTop {
background : transparent url('../images/navTop.gif') repeat-x top left;
}
#navRight {
background : transparent url('../images/navRight.gif') repeat-y top right;
}
#navBottom {
background : transparent url('../images/navBottom.gif') repeat-x bottom left;
}
#navTopRight {
background : transparent url('../images/navTopRight.gif') no-repeat top right;
}
#navBottomRight {
background : transparent url('../images/navBottomRight.gif') no-repeat bottom right;
}
#navInner {
padding : 7px 13px 10px 13px;
}
.blockHeader {
font-size : 1.2em;
font-weight : bold;
}
.blockBody {
font-size : 1.1em;
}
#nav a:link, #nav a:visited {
color : #fff;
font-weight : normal;
}
#nav a:active, #nav a:hover {
color : #000;
font-weight : normal;
}
#nav ul, #nav li {
margin : 0;
padding : 0;
}
#nav li {
list-style : none;
}
#content {
float : right;
margin : 10px 2px 0 0;
padding : 0;
width : 75%;
}
#contentTop, #contentLeft, #contentBottom, #contentTopLeft, #contentBottomLeft {
margin : 0;
padding : 0;
}
#contentTop {
background : #fff url('../images/contentTop.gif') repeat-x top left;
}
#contentLeft {
background : transparent url('../images/contentLeft.gif') repeat-y top left;
}
#contentBottom {
background : transparent url('../images/contentBottom.gif') repeat-x bottom left;
}
#contentTopLeft {
background : transparent url('../images/contentTopLeft.gif') no-repeat top left;
}
#contentBottomLeft {
background : transparent url('../images/contentBottomLeft.gif') no-repeat bottom left;
}
#contentInner {
margin : 0;
padding : 0 10px 1px 7px;
font-size : 1.3em;
text-align : justify;
}
#footer {
clear : both;
color : #000;
font-size : 0.9em;
margin : 0;
padding : 3px 5px 0 5px;
text-align : center;
}
#footer a:link, #footer a:visited {
color : #000;
}
#footer a:active, #footer a:hover {
color : #fff;
}
h2 {
color : #888;
font-size: 1.3em;
margin : 0;
padding : 6px 0 0 0;
}
.complaintTable {
border : 1px solid #888;
border-collapse : collapse;
border-spacing : 0;
width : 100%;
}
.complaintTableHeader {
background-color : #aaa;
color : #000;
font-size : 1em;
font-weight : bold;
text-align : center;
}
.complaintTableLeft, .adminChoirTableLeftOne, .adminChoirTableLeftTwo {
background-color : #ccc;
color : #000;
font-size : 1em;
font-weight : bold;
padding : 3px 5px;
text-align : left;
width : 150px;
vertical-align : top;
}
.adminChoirTableLeftOne {
background-color : #ddd;
width : 100px;
white-space : nowrap;
}
.adminChoirTableLeftTwo {
width : 100px;
white-space : nowrap;
}
.complaintTableRight, .adminChoirTableMiddleOne, .adminChoirTableMiddleTwo {
background-color : #eee;
color : #000;
font-size : 0.7em;
padding : 3px 5px;
vertical-align : top;
}
.adminChoirTableMiddleTwo {
background-color : #ddd;
}
.adminComplaintTableLeftOne, .adminComplaintTableLeftTwo {
background-color : #eee;
color : #000;
font-size : 0.7em;
font-weight : normal;
text-align : left;
}
.adminComplaintTableLeftTwo {
background-color : #ddd;
}
.adminComplaintTableRightOne, .adminComplaintTableRightTwo, .adminChoirTableRightOne, .adminChoirTableRightTwo {
background-color : #ddd;
color : #000;
font-size : 0.8em;
font-weight : bold;
padding : 3px 5px;
vertical-align : top;
white-space : nowrap;
width : 1px;
}
.adminComplaintTableRightTwo, .adminChoirTableRightTwo {
background-color : #ccc;
}
.complaintTableRight input, .complaintTableRight textarea, .complaintTableRight select {
border-top : 1px solid #999;
border-left : 1px solid #999;
border-bottom : 1px solid #555;
border-right : 1px solid #555;
width : 400px;
}
.complaintTableRight input:hover, .complaintTableRight textarea:hover, .complaintTableRight select:hover {
background-color : #ffa;
}
.complaintTableFooter {
background-color : #ccc;
padding : 1px 5px 2px 5px;
text-align : center;
}
.complaintTableFooter input {
background-color : #777;
border-top : 1px solid #999;
border-left : 1px solid #999;
border-bottom : 1px solid #555;
border-right : 1px solid #555;
color : #fff;
font-size : 0.7em;
cursor: pointer;
}
.description {
font-size : 0.8em;
font-weight : normal;
}
.errorBox {
border : 1px solid #722;
background-color : #b44;
color : #fff;
}
.errorBoxHeader {
background-color : #722;
color : #fff;
font-weight : bold;
padding : 3px 5px;
}
.errorBoxBody {
background-color : #b44;
color : #fff;
padding : 3px 5px;
text-align : justify;
}
.successBox {
border : 1px solid #595;
background-color : #2a2;
color : #000;
}
.successBoxHeader {
background-color : #272;
padding : 3px 5px;
color : #fff;
font-weight : bold;
}
.successBoxBody {
background-color : #2a2;
color : #fff;
padding : 3px 5px;
text-align : justify;
}

.textSizeButton
{
	background-color:	#ccc;
	border:			1px solid #999;
	color:			#000;
	float:			left;
	font-size:		0.6em;
	height:			1.5em;
	margin:			2px 5px 0 0;
	cursor:			pointer;
	text-align:		center;
	width:			1.5em;
}

.textSizeButton:hover
{
	background-color:	#eee;
}

.textSizeButton:active
{
	background-color:	#aaa;
}

.textChangeText
{
	clear:			none;
	float:			left;
	font-size:		0.9em;
	margin:			0;
	padding:		0;
	width:			8.5em;
}