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


/* Main body */

body, html {
        background:#f4f4f4 url(img/bg.gif) top center repeat-y; 
        color:#404040; 
        font:80% Verdana,Tahoma,Arial,sans-serif; 
        margin:0 auto; 
        padding:0;
}

#wrap {
        background:#fff;
        color:#404040; 
        margin:0 auto;
        width:1024px;
}

/* Basic tags */

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

a img {
        border:0;
}

p {
        margin:0 0 1.4em;
}

/* Toptabs menu */

#toptabs {
       font-size:8em; 
       margin:10px auto -13px; 
       width:995px;
}

#toptabs p {
       color:grey; 
       text-align:right;
}

.toptab {
       background:#f0f0f0 url(img/corner2.gif) top right no-repeat; 
       border-bottom:1px solid #e0e0e0; 
       color:gray; 
       margin:0 0 0 4px; 
       padding:4px 5px 3px; 
       text-decoration:none;
}

.toptab:hover {
       background:#fafafa url(img/corner2.gif) top right no-repeat; 
       border-bottom:1px solid #eaeaea; 
       color:#505050; 
       text-decoration:none;
}

.activetoptab {
       background:#fff url(img/corner2.gif) top right no-repeat; 
       border-bottom:1px solid #fff; 
       color:#505050; 
       margin:0 0 0 4px; 
       padding:4px 5px 3px; 
       text-decoration:none;
}

.activetoptab:hover {
       border-bottom:1px color:990000; 
       solid #fff; 
       text-decoration:none;
}

/* Navitabs menu */

#navitabs {
      height:16px;
      background-color: white;
      padding:0;
      margin:0;
      font-size:12px;
}   

#navitabs a {
       display:block;
       float:left;
       padding:8px;
       background-color:#e0e0e0;
       color:blue;
       font-weight:bold;
       text-decoration:none;
       border-left:3px solid white;
       border-bottom:0px; 
}

#navitabs a:hover {
       background-color:#d0d0d0;
       text-decoration: underline;
}

/* Navitabs menu */

#navitabs {
       clear:both;
}

.navitab {
        background:#e0e0e0 url(img/corner.gif) top right no-repeat; 
        border-bottom:1px solid #fff; 
        border-left:1px solid #fff; 
        font-size:1.1em; 
        margin:0 0 4px; 
        padding:4px 8px; 
        text-decoration:none;
}

.navitab:hover {
        background:#d0d0d0 url(img/corner.gif) top right no-repeat; 
        border-bottom:1px solid #fff; 
        text-decoration:none;
}

.activenavitab {
        background:#505050 url(img/corner.gif) top right no-repeat; 
        color:#fff; 
        font-size:1.1em; 
        margin:0 0 5px; 
        padding:4px 8px 5px; 
        text-decoration:none;
}
.activenavitab:hover {
        color:#fff; 
        text-decoration:none;
}


/* Header */

#header {
        height:20px;
        margin:0 px 0 0; 
        padding:0;
}

#header h1 {
        background-color:inherit; 
        color:blue; 
        float:center; 
        font-size:14px; 
        margin:0 0 10px; 
        width:460px;
}

#header h1 a {
        background-color:inherit; 
        color:#505050; 
        text-decoration:none;
}

#header p {
        float:right; 
        font-weight:700; 
        line-height:1.3em; 
        margin:8px 0 0; 
        text-align:center; 
        width:510px;
}

#frontphoto {
        width:1021;
        height:200;
        border:0; 
        margin:0 0 2px;
}

/*Left and right sidebar */

#leftside {
        clear:left; 
        float:right; 
        font-size:12px;
        margin:0 0 0px; 
        padding:0; 
        width:200px;
}

#rightside {
        float:left; 
        line-height:1.4em;
        font-size:12px;
        margin:0 0 10px; 
        padding:0; 
        width:150px;
}

#leftside p {
        margin:0 0 16px; 
        padding:0;
       
}

#leftside ul {
        margin:0 0 16px; 
        padding:0;
}

#rightside p {
        margin:0 0 16px; 
        padding:0;
}

#rightside ul {
        margin:0 0 16px; 
        padding:0;
}

#leftside p {
         font-size:140%; 
        line-height:1.4em;
}

#rightside p {
        font-size:140%; 
        line-height:1.4em;
}

#leftside li {
        line-height:1.2em;
        list-style:none; 
        margin:0 0 6px; 
        padding:0;
}

#rightside li {
        line-height:1.2em; 
        list-style:none; 
        margin:0 0 6px; 
        padding:0;
}

#leftside ul ul {
        margin:6px 0 0 10px; 
        padding:0;
}

#rightside ul ul {
        margin:6px 0 0 10px; 
        padding:0;
}

#leftside ul ul li {
        margin:0 0 4px;
}

#rightside ul ul li {
        margin:0 0 4px;
}

#leftside ul ul li a {
         font-weight:400;
}

#rightside ul ul li a {
         font-weight:400;
}

#leftside h2 {
         color:orange; 
         font-size:18px; 
         margin:0 0 8px; 
         padding:0;
}

#leftside h3 {
         color:blue; 
         font-size:1.2em; 
         margin:0 0 8px; 
         padding:0;
}

#leftside h7 {
         color:blue; 
         font-size:80%; 
         margin:0 0 8px; 
         padding:0;
}

#rightside h2 {
         color:orange; 
         font-size:18px; 
         margin:0 0 8px; 
         padding:0;
}

#rightside h3 {
         color:blue; 
         font-size:100%; 
         margin:0 0 8px;
         padding:0;
}

#rightside h7 {
         color:blue; 
         font-size:80%; 
         margin:0 0 8px; 
         padding:0;
}

/* Main menu */

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

#rightside ul.avmenu {
         display:block; 
         list-style:none; 
         margin:0 0 18px 0; 
         padding:0; 
         width:198px;
}

#leftside ul.avmenu li {
         display:inline; 
         line-height:1.4em; 
         padding:0; 
         width:200px;
    }

#rightside ul.avmenu li {
         display:inline; 
         line-height:1.4em; 
         padding:0; 
         width:200px;
}

#leftside ul.avmenu li a {
         background-color:#f4f4f4; 
         border-left:4px solid #ccc; 
         color:#505050; 
         float:left; 
         font-weight:700;
         margin-bottom:5px; 
         padding:5px 1px 5px 5px;
         text-decoration:none; 
         color:blue;  
         width:190px;
}

#rightside ul.avmenu li a {
         background-color:#f4f4f4; 
         border-left:4px solid #ccc; 
         color:#505050; 
         float:left; 
         font-weight:700; 
         margin-bottom:5px; 
         padding:5px 1px 5px 5px; 
         text-decoration:none; 
         color:blue;  
         width:190px;
}

#leftside ul.avmenu li a:hover {
         background-color:#eaeaea; 
         border-left:4px solid #286ea0; 
         color:#505050;
}

#leftside ul.avmenu li a.current {
         background-color:#eaeaea; 
         border-left:4px solid #286ea0; 
         color:#505050;
        
}

#rightside ul.avmenu li a:hover {
         background-color:#eaeaea; 
         border-left:4px solid #286ea0; 
         color:#505050;
}

#rightside ul.avmenu li a.current {
          background-color:#eaeaea; 
          border-left:4px solid #286ea0; 
          color:#505050;
}

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

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

#leftside ul.avmenu ul a {
          font-weight:400;
         padding:3px 1px 3px 5px; 
          width:175px;
}

#rightside ul.avmenu ul a {
          font-weight:400; 
          padding:3px 1px 3px 5px; 
          width:175px;
}

#leftside ul.avmenu ul ul {
           width:173px;
}

#rightside ul.avmenu ul ul {
           width:173px;
}

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

#rightside ul.avmenu ul ul a {
           width:160px;
}


/* Main content */

#content {
           border-left:1px solid #e0e0e0; 
           border-right:1px solid #e0e0e0;
           line-height:1.5em;
           font-size: 16px;
           margin:0 210px 5px; 
           padding:0 0px;
}

#contentwide {
           border-left:1px solid #e0e0e0; 
           line-height:1.5em; 
           margin:0 0 5px 210px; 
           padding:0 0 0 10px;
}

#contentwide2 {
           border-right:1px solid #e0e0e0; 
           line-height:1.5em; 
           margin:0 210px 5px 0; 
           padding:0 10px 0 0;
}

#content h1 {
           font-size:20px;
           color:orange;
           margin:0 0 10px;
}

#content h2 {
           font-size:20px;
           color:orange;
           margin:0 0 10px;
}

#contentwide h2 {
           font-size:1.6em; 
           margin:0 0 10px;
}

#contentwide2 h2 {
           font-size:1.6em; 
           margin:0 0 10px;
}

#content h3 {
           font-size:1.3em; 
           margin:0 0 8px;
}

#contentwide h3 {
           font-size:1.3em; 
           margin:0 0 8px;
}

#contentwide2 h3 {
           font-size:1.3em; 
           margin:0 0 8px;
}

#content img {
           background:#ccc; 
           border:4px solid #f0f0f0; 
           color:#303030; 
           display:inline; 
           padding:1px;
}

#contentwide img {
           background:#ccc; 
           border:4px solid #f0f0f0; 
           color:#303030; 
           display:inline; 
           padding:1px;}
}

#contentwide2 img {
           background:#ccc; 
           border:4px solid #f0f0f0; 
           color:#303030; 
           display:inline; 
           padding:1px;
} 

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

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

#contentwide2 ul {
           margin:0 0 16px 20px; 
           padding:0;
}

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

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

#contentwide2 ol {
           margin:0 0 16px 20px; 
           padding:0;
}

#content li {
           margin:0; #
           padding:0 0 0 5px;
}

#contentwide li {
           margin:0; 
           padding:0 0 0 5px;
}

#contentwide2 li {
           margin:0; 
           padding:0 0 0 5px;
}

#content ul ul {
          margin:0 0 0 16px; 
          padding:0;
}

#contentwide ul ul {
           margin:0 0 0 16px; 
           padding:0;
}

#contentwide2 ul ul {
           margin:0 0 0 16px; 
           padding:0;
}

#content ol ol {
           margin:0 0 0 16px; 
           padding:0;
}

#contentwide ol ol {
           margin:0 0 0 16px; 
           padding:0;
}
           
#contentwide2 ol ol {
           margin:0 0 0 16px; 
           padding:0;
}

/* Footer */

#footer {
          background:#fff; 
          border-top:2px solid #e0e0e0; 
          clear:both; 
          color:grey; 
          margin:0 auto; 
          padding:10px 0; 
          text-align:center; 
          width:980px; 
          line-height:1.5em; 
          font-size:0.9em;
}

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

#footer a {
          background-color:#fff; 
          color:blue; 
          font-weight:400; 
          ext-decoration:none;
}
      
#footer a:hover {
          text-decoration:underline;
}

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

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f9b709;
text-size:14px;
padding:1px;
}

.sidelink {
text-align:left;
font-size:24px;
display:block;
width:180px;
background:#f0f0f0 url(img/corner.gif) top right no-repeat;
padding:3px 4px 3px 2px;
margin:2px 10px 5px 0;
border:none;
}

.sidelink:hover {
background:#e0e0e0 url(img/corner.gif) top right no-repeat;
text-decoration:none;
border-left: 2px solid #286ea0;
color: #990000;
}

.hide {
display:none;
}

/* Additional classes */

.left {
          float:left; 
          margin:3px 10px 2px 0;
}
          
.right {
          float:right; 
          margin:2px 0 2px 10px;
}
          
.textright {
          text-align:right; 
          margin:5px 0
}

.center {
          text-align:center;
}

.small {
          font-size:0.8em;
}

.bold {
          font-weight:700;
}

.timestamp {
          font-size:1.2em; 
          margin:-5px 0 15px 10px;
}

.timestamp a {
          font-weight:400;
}

.announce {
          background-color:#f4f4f4; 
          border-left:4px solid #ccc; 
          clear:left; 
          olor:#505050; 
          font-size:0.9em; 
          line-height:1.5em; 
          margin:10px 0 15px; 
          padding:7px 5px 2px 5px; 
          width:186px;
}

.announce p {
          margin:10px 0 0; 
          padding:0;
}

.postinfo {
          background-color:#f4f4f4; 
          border-left:4px solid #ccc; 
          color:#606060; 
          font-size:0.9em; 
          line-height:1.4em; 
          margin:1px 0 20px; 
          padding:8px 5px 8px 8px;
 }
 
.clearing {
          clear:left; 
          margin:0; 
          padding:0; 
          visibility:hidden;
}

.hide {
          display:none;
}