/*
Original design: andreas00 (v2.2 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas00/

Site redesign: David Bruce
*/

/* Main layout and header */
body {
background:url(images/bg.gif) repeat-y top center #eaeaea;
color:#3a3a3a;
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
margin:0 auto; padding:0;
}

#wrap {
background:#fff;
color:#303030;
margin:0 auto;
padding:1px 5px;
width:760px;
}

#header {
background:url(images/banner.jpg) no-repeat bottom left #fff;
color:#66BBEE;
height:250px;
margin:0 0 10px;
padding:0;
}

#header h1 {
font-size:2.5em;
font-weight:400;
letter-spacing:-2px;
margin:0 0 15px 15px;
padding:20px 0 0;
}

#header h1 a,#header h1 a:hover {
font-weight:400;
padding:0;
}

#header p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 20px 15px;
padding:0 0 0 3px;
}

/* Left sidebar and menu */
#leftside {
clear:left;
float:left;
margin:0 0 10px;
padding:0;
width:150px;
}

#leftside ul.avmenu {
list-style:none;
margin:0 0 18px;
padding:0; width:150px;
}

#leftside ul.avmenu li {
display:inline;
padding:0;
width:150px;
}

#leftside ul.avmenu li a {
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
color:#505050; float:left;
font-size:1em; font-weight:700;
margin-bottom:5px;
padding:5px 1px 5px 5px;
text-decoration:none;
width:138px;
}

#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
background:url(img/menubg2.gif) repeat-x bottom left #eaeaea;
border-bottom:1px solid #b0b0b0; border-left:4px solid #505050;
border-right:1px solid #b0b0b0;
border-top:1px solid #b0b0b0;
color:#505050;
}

#leftside ul.avmenu ul {
font-size:0.9em;
margin:0 0 0 15px;
padding:0 0 5px 0;
width:133px;
}

#leftside ul.avmenu ul a {
padding:3px 1px 3px 5px;
width:123px;
}

#leftside ul.avmenu ul ul {
font-size:1em;
width:120px;
}

#leftside ul.avmenu ul ul a {
width:108px;
}

#leftside h2 {
font-size:1.5em;
font-weight:400;
}

#leftside .announce {
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
clear:left;
color:#505050;
line-height:1.3em;
margin:10px 0;
padding:5px 5px 5px;
width:134px;
}

#leftside p,.announce p {
font-size:0.9em;
}

/* Right sidebar */
#extras {
float:right;
margin:0 0 10px;
padding:0; width:160px;
}

#extras p,#extras ul {
font-size:0.9em;
line-height:1.3em;
margin:0 0 1.5em;
padding:0;
}

#extras li {
list-style:none;
margin:0 0 6px;
padding:0;
}

#extras h2 {
font-size:1.5em;
font-weight:400;
letter-spacing:-1px;
margin:0 0 6px;
}

/* Main content */
#content {
line-height:1.5em;
margin:10px 170px 10px 160px;
padding:0;
text-align:left;
}

#contentwide {
line-height:1.5em;
margin:10px 0 10px 160px;
padding:0;
text-align:left;
}

#content h2,#contentwide h2 {
font-size:1.8em;
font-weight:400;
letter-spacing:-1px;
margin:8px 0 10px;
padding:0;
}

#content h3,#contentwide h3 {
font-size:1.5em;
font-weight:400;
margin:6px 0;
padding:0;
}

#content img,#contentwide img {
background:#ccc;
border:4px solid #f0f0f0;
color:#303030;
display:inline;
padding:1px;
margin:0 10px 5px 0;
}

#content ul,#content ol,#contentwide ul,#contentwide ol {
margin:0 0 16px 20px;
padding:0;
}

#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {
margin:2px 0 2px 15px;
}

#content li,#contentwide li {
margin:0 0 2px 5px;
padding:0 0 0 4px;
}

/* Footer */
#footer {
background:#fff;
border-top:2px solid #dadada;
clear:both;
color:#666;
font-size:0.9em;
margin:0 auto;
padding:8px 0;
text-align:center;
width:760px;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
background:inherit;
color:#666;
font-weight:400;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer span {
font-size:1.2em;
}


/* Links and paragraphs */

.link1 a {
background:inherit;
color:#166090;
text-decoration:none;
font-weight:700;
}

.link2 a {
background:inherit;
color:#ffffff;
text-decoration:none;
font-weight:800;
}

a:hover {
background:inherit;
color:#286ea0;
text-decoration:underline;
}

a img {
border:0;
}

p {
margin:0 0 16px;
}

blockquote {
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
color:#505050; margin:16px;
padding:7px 7px 7px 11px;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}


/* Tables and forms */
table {
border-collapse:collapse;
line-height:1.3em;
width:95%;
margin:0 0 16px;
padding:0;
}

.mytable1 table {
border:1px solid #d8d8d8;
}

.mytable2 table {
border:0px solid #d8d8d8;
text-align: center;
vertical-align: middle;
}

.mytable3 table {
border:1px solid #d8d8d8;
text-align: center;
vertical-align: middle;
}

caption {
font-size:1.5em;
font-weight:400;
margin:0;
padding:6px 0 8px;
text-align:left;
}

th {

}


.myth1 th {
background:url(img/menubg2.gif) repeat-x bottom left #eaeaea;
color:#505050;
padding:7px;
text-align:left;
}

.myth2 th {
}

td {
}

.mytd {
text-align: center;
vertical-align: middle;
}

.mytd2 {
text-align: center;
vertical-align: middle;
}

.mytd1 th {
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
color:#303030;
font-size:0.9em;
padding:7px;
text-align:left;
}

.mytd2 th {
text-align: center;
vertical-align: middle;
}



input,textarea {
border:1px solid #ccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0; padding:4px;
}

label {
margin:2px 0 2px 0;
font-size:1.2em;
}

input {
}

.myinput1 input {
width:300px;
}

.myinput2 input {
width:100px;
}

textarea {
}

.mytextarea1 textarea {
width:400px;
}

.mytextarea2 textarea {
width:300px;
}




/* Additional classes */
.announce h2 {
margin:0 0 10px;
padding:0;
}

.textright {
margin:-10px 0 4px;
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.red {
color:red;
}

.green {
color:green;
}

.blue {
color:blue;
}

.highlighted {
background:#f0f0f0;
border:1px solid #b0b0b0;
color:#303030;
padding:3px;
}

.button {
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
color:#505050;
font-weight:400;
font-size:1.2em;
margin:0 0 15px;
padding:7px 7px 7px 11px;
width:120px;
}

.left {
float:left;
margin:10px 10px 5px 0;
width:100%
}

.right {
float:right;
margin:10px 0 5px 10px;
width:100%
}



.menutitle{
background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
color:#505050; float:left;
font-size:1em; font-weight:700;
margin-bottom:5px;
padding:5px 1px 5px 5px;
text-decoration:none;
width:138px;
}

.submenu{
margin-bottom: 0.5em;
}