/* CSS Document */

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 62.5%;
 color: #000;
 background: url('../images/bg-body-05.jpg');
}

#wrapper-outer {
 background: url('../images/bg-shell-05.jpg') top left no-repeat;
 margin: 0 50px;
}

#wrapper-main {
 color: #333;
 background: #fff;
 width: 600px;
 padding: 10px 20px;
 margin: 25px auto;
}

#logo {
 width: 250px;
 float: left;
}

#logo h1 {
 padding: 4px 0;
 margin: 0;
}

#menu-top {
 width: 310px;
 float: right;
 padding-top: 15px;
}

#img img {
 vertical-align: bottom;
}

#page-title {
 color: #fff;
 background: #5984B1;
 padding: 5px;
 margin: 5px 0;
}

#page-title h2 {
 padding: 0;
 margin: 0;
}

#menu-bottom {
 color: #fff;
 background: #5984B1;
 padding: 0.2em;
 margin: 5px 0;
}

#content-main p {
 margin: 1.2em 1em;
}

img.left {
 float: left;
 padding: 4px;
}

img.right {
 float: right;
 padding: 2px 2px 2px 6px;
}

h1 a:link, h1 a:active, h1 a:visited {
 color: #003333;
 text-decoration: none;
}

h1 a:hover {
 color: #006633;
}

#menu-top ul, #menu-bottom ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}
#menu-top li, #menu-bottom li {
 display: inline;
 padding: 0 0 0 0;
}

#menu-top a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#menu-top a:hover {
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}

#menu-bottom a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#menu-bottom a:hover {
	font-weight: bold;
	color: #ccc;
	text-decoration: underline;
}

#text-control {
 text-align: right;
}

.textA1 { font-size: 1.2em; }
.textA2 { font-size: 1.4em; }
.textA3 { font-size: 1.6em; }
.textA4 { font-size: 1.8em; }

.clr { clear: both; }