/** colors
blue: 7492E1
dk blue: 445599
red: AA4444
green: 009999
green2: 006677
gold: E29F63 eebb00
orange: E88758
peach eeaa55
**/


body { 
margin:0 0 10px 0;
text-align:center;
background: #006677 url('images/bg_VCS2.gif') repeat-x 50% 50%;
}

.contacts_homepage  {
position:absolute;top:550px;right:200px;
width:200px;
margin: 0;
padding:10px 0px;
text-align:left;
vertical-align:top;
color:#ffffff;
font:bold 14px tahoma;sans-serif;

}


.bg_trans {
background-color:#005555;
opacity:0.6;filter:alpha(opacity=60);
}



li { 
list-style-type:square;
font-family:tahoma;sans-serif;
font-size:12px;
font-weight:bold;
}



.flag {
width:70px;
text-align:center;
background-color:#ffdd99;
border:solid 2px #AA4444;
font:italic 14px georgia, serif;
color:#AA4444;
padding:2px 0px
}

dd {
font:bold 12px tahoma, sans-serif;
color:#fff
}


/* HOMEPAGE CONTAINERS
connected to a randomizer which changes the background*/
.container {
position:relative;
height:672px;
width:850px;
margin: 0;
padding:0px 0px 0px 0px;
border-style:none;
border-width:1px;
border-color:#ffffff;
background:#006677 url('images/bg_homepageVCS.jpg') no-repeat left bottom; 
color:#ffffff;
font-size:11px;
z-index:25;
/* overflow:hidden;*/
}


.container_alt {
position:relative;
height:670px;
width:850px;
margin: 0;
padding:0px 0px 0px 0px;
border-style:none;
border-width:1px;
border-color:#ffffff;
background:#006677 url('images/bg_homepageVCS-2.jpg') no-repeat left bottom; 
color:#ffffff;
font-size:11px;
z-index:25;
/* overflow:hidden;*/
}



/* Innerpage CONTAINERS
without bg image*/

#container2 {
position:relative;
height:750px;
width:850px;
margin: 0 0 10px 0;
padding:0px 0px 10px 0px;
border-style:none;
border-width:1px;
border-color:#ffffff;
color:#ffffff;
font-size:11px;
z-index:25;
text-align:center;
}

#container_contribute {
position:relative;
height:1000px;
width:850px;
margin: 0 0 10px 0;
padding:0px 0px 10px 0px;
border-style:none;
border-width:1px;
border-color:#ffffff;
color:#ffffff;
font-size:11px;
z-index:25;
text-align:center;
}


/* Footers */
#container_footer {
position:relative;
text-align:center;
vertical-align:bottom;
width:850px;
z-index:50;
margin-top:-8px
}


#container_footer_contrib {
position:relative;
top:1100px;
width:850px;
text-align:center;
vertical-align:bottom;
z-index:50;
margin-top:-8px
}


#container_footer_about {
position:relative;
top:50px;
width:850px;
text-align:center;
vertical-align:bottom;
z-index:50;
margin-top:-8px
}



.footer {
padding:5px;
font: 11px verdana, sans-serif;
text-align:center;
margin:-10px 10px 10px 0px;
color:#fff;
/*background-color:#006677;
 border:1px solid #E88758;*/
z-index:100;
}



.banner {
text-align:left;
padding-left:50px;
z-index:40;
}

.banner_logo {
position:absolute;
left:-5px;top:0;
z-index:80;
}


#content {
position:absolute;
left:200px; top:100px;
width:400px;
margin: 0;
padding:10px 0px;
text-align:left;
vertical-align:top;
color:#ffffff;
font-size:11px;
z-index:100;
}

#content H1{
font: 600 38px 'Century Gothic', Arial;
line-height:.7;
color:#eeaa55;
margin-bottom:0;padding-bottom:20px;
}

#content H2{
font: normal 24px 'Century Gothic', Arial;
color:#eeaa55;
letter-spacing:.1em;
margin:5px 0 0 0 ;
}

#content H3{
font: 800 24px 'Century Gothic', Arial;
color:#333;
letter-spacing:.1em;
text-transform:uppercase;
margin: 0;
}

#content p{
font: 200 14px tahoma,san-serif;
line-height:1.4;
color:#fff;
letter-spacing:.1em;
margin: 0;
}



/* aboutus styles */

#content_about {
position:absolute;
left:135px; top:120px;
width:450px;
height:100%;
overflow:visible;
margin: 0;
padding:5px 20px;
text-align:left;
vertical-align:top;
color:#fff;
font-size:11px;
z-index:10;
border:4px none #a44;
background:#006677;
}

#content_about H1{
font: 600 22px 'Century Gothic', Arial;
line-height:1;
color:#7795E6;
}

#content_about H2{
font: normal 24px 'Century Gothic', Arial;
color:#eeaa55;
letter-spacing:0;
margin:5px 0 0 0 ;
}

#content_about H3{
font: 800 24px 'Century Gothic', Arial;
color:#333;
letter-spacing:.1em;
text-transform:uppercase;
margin: 0;
}

#content_about p{
font: 200 13px tahoma,san-serif;
line-height:1.3;
letter-spacing:0em;
margin: 8px 0px;
text-align:justify;
}


b.firstletter {
Font-size:36px;
font-weight:800;
color:#fff;
font-family:'Century Gothic', Arial;
}

P.fancy:first-line{
font-size:20px;
font-family:georgia;
color:#66aa66;
text-transform:uppercase;
}

P.fancy:first-letter{
font-size:40px;
text-transform:uppercase;
font-family:georgia;
color:
#66aa66;
}

#content_about ul{ 
list-style-type:square;
font-family:tahoma;sans-serif;
font: 200 14px tahoma, sans-serif;
color:#fff;
line-height:1.8;
}

#photo_about {
position:absolute;
right:-20px; top:30px;
z-index:100;
border: 3px solid #aa4444;
margin:0;padding:0;
}

.photo_about {
z-index:100;
border: 3px solid #fff;
margin: 8px 0 8px 15px;
float:right;
padding:0;
}

.banner_vertical {
position:absolute;top:0;right:-20px;
width:230px;
margin: 0;
padding:0px 0px;
border-style:solid ;
border-width: 0 3px 3px 3px;
border-color:#fff;
/* background-color:#aa4444; */
background-color:#fff;
text-align:center;
vertical-align:top;
color:#ffffff;
font-size:11px;
z-index:100;
overflow:hidden;
}



/* contribute styles */

#content_contribute {
position:absolute;
left:145px; top:120px;
width:420px;
height:900px;
margin: 0;
padding:5px 15px;
text-align:left;
vertical-align:top;
color:#fff;
font-size:11px;
z-index:90;
border:4px none #445599;
background:#006677;
}

#content_contribute H1{
font: 600 28px 'Century Gothic', Arial;
line-height:1;
color:#eeaa55;
}

#content_contribute H2{
font: normal 18px 'Century Gothic', Arial;
color:#eeaa55;
letter-spacing:0em;
margin:5px 0 0 0 ;
}

#content_contribute H3{
font: 800 24px 'Century Gothic', Arial;
color:#333;
letter-spacing:.1em;
text-transform:uppercase;
margin: 0;
}

#content_contribute p{
font: 200 12px tahoma,san-serif;
line-height:1.3;
letter-spacing:.1em;
margin: 8px 15px 8px 15px;
}


#content_contribute td{
font: 200 11px verdana,san-serif;
color:#333333;
padding: 5px;
background-color:#ffeebb;
border: 1px solid #006677;
}

#content_contribute table{
width:400px;
font: 200 11px verdana,san-serif;
color:#333333;
padding: 5px;
background-color:#ffeebb;
border: 1px solid #006677;
}


.box_contribute{
font: 200 11px verdana,san-serif;
color:#333333;
padding: 10px;
background-color:#ffeebb;
border: 1px solid #006677;
line-height:1.5;
}






/* join styles */

#content_join {
position:absolute;
left:135px; top:110px;
width:460px;
height:600px;
margin: 0;
padding:5px 15px;
text-align:left;
vertical-align:top;
color:#fff;
font-size:11px;
z-index:10;
border:4px none #445599;
background:#006677;
}

#content_join H1{
font: 600 28px 'Century Gothic', Arial;
line-height:1;
color:#eeaa55;
margin:0;
}

#content_join H2{
font: normal 24px 'Century Gothic', Arial;
color:#eeaa55;
letter-spacing:0em;
margin:0 ;
}

#content_join H3{
font: 100 18px 'Century Gothic', Arial;
color:#fff;
line-height:1.7;
letter-spacing:0em;
margin: 0;
}

#content_join p{
font: 200 12px tahoma,san-serif;
line-height:1.3;
letter-spacing:.1em;
margin: 8px 15px;
}


/* members styles */

#content_members{
position:absolute;
left:135px; top:110px;
width:470px;
height:600px;
margin: 0;
padding:5px 15px;
text-align:left;
vertical-align:top;
color:#fff;
font-size:11px;
z-index:90;
border:4px none #445599;
opacity:0.8;filter:alpha(opacity=80);
background-color:#006677;
}

#content_members H1{
font: 600 24px 'Century Gothic', Arial;
line-height:1;
color:#eeaa55;
margin:0;
}

#content_members H2{
font: normal 24px 'Century Gothic', Arial;
color:#eeaa55;
letter-spacing:0em;
margin:0 ;
}

#content_members H3{
font: 600 14px 'Century Gothic', Arial;
color:#fff;
line-height:1.7;
letter-spacing:.1em;
text-transform:uppercase;
margin: 0;
}

#content_members p{
font: 200 12px tahoma,san-serif;
line-height:1.3;
letter-spacing:.1em;
margin: 8px 15px;
}



#content_membersONLY{
position:absolute;
left:135px; top:110px;
width:420px;
height:500px;
margin: 0;
padding:10px 5px 0 25px;
text-align:left;
vertical-align:top;
color:#fff;
font-size:11px;
z-index:90;
border:1px solid #ffffff;
background:#006677;


}

#content_membersONLY H1{
font: 600 30px 'Century Gothic', Arial;
line-height:1;
color:#ffffff;
margin:5px 0 0px 0 ;
}

#content_membersONLY H2{
font: bold 22px 'Century Gothic', Arial;
color:#eeaa55;
letter-spacing:0em;
margin:0 ;
}


#content_membersONLY p {
font: 200 12px tahoma,san-serif;
color:#fff;
line-height:1.3;
letter-spacing:.1em;
margin: 8px 15px;
}





/* navigation */

.navigation {
position:absolute;
left:-20px; top:116px;
/*width:870px;*/
width:145px;
margin: 0;
padding:0px 0px;
vertical-align:top;
z-index:20;
border: 3px none white;
background:;
}

.nav_topics {
width:118px;
margin-left:8px;
margin-right:1px;
text-align:left;
font: 400 11px arial, sans-serif;
border-left:1px solid white;
padding-left:0px;
}






/* LINKS */


A:link { text-decoration: none; color:#eeaa55}
A:active { text-decoration: none; color:#eeaa55  }
A:visited { text-decoration: none; color:#eeaa55  } 
A:hover{ text-decoration: underline; color:#eeaa55 }

A.r:link { text-decoration: none; color:#ffffff;}
A.r:active { text-decoration: none; color:#ffffff;  }
A.r:visited { text-decoration: none; color:#ffffff;  } 
A.r:hover{ text-decoration: none; color:#ffcc44;}


A.button:link, A.button:visited { 
width:130px;
padding:4px 5px;
text-decoration: none; 
color:#ffffff;
background-color:#7492E1;
display:block;
font:200 11px verdana;
border:1px solid #E88758;
margin-bottom:3px;
}

A.button:hover{ text-decoration: none; color:#ffee99; }
A.button:active { text-decoration: none; color:#ffffff  }

A.learnmore:link, A.learnmore:active,  A.learnmore:visited{ text-decoration: none; color:#005566;font-family:verdana,sans-serif;font-size:10px;letter-spacing:.1em;}
A.learnmore:hover{ text-decoration: none; color:#E29F63;}

A.learnmoreR:link, A.learnmoreR:active,  A.learnmoreR:visited{ text-decoration: none; color:#eeaa55;font-family:verdana,sans-serif;font-size:10px;}
A.learnmoreR:hover{ text-decoration: none; color:#ffee99;font-weight:600}

/* boxes */
.box-translucent80 {
opacity:0.8;filter:alpha(opacity=80);
background-color:#006677;
height:500px

}


.box {
padding: 10px;
border: 3px solid #eeaa55;

}



/* announcements */
#announcement {
background-color:#E88758;
color:#ffffff;
font:normal 16px century gothic, sans-serif;
position:absolute;
left:135px; top:110px;
width:420px;height:450px;
text-align:center;
vertical-align:top;
padding:10px 25px;
border: 10px solid #7492E1;
}


#announcement h1 {
font-size:36px;
}

#announcement a:link, #announcement a:visited {
font-size:14px;color:#ffffff;
font-style:bold;
}

#announcement a:hover, #announcement a:active {
font-size:14px;color:#000099;
}