﻿body  
{
    background-color:#888887; 
    behavior:url('csshover.htc');
    margin:0;
    padding:0;
    color:#535353;
    font-family:verdana;
    font-size:12px;
    line-height:18px;
    word-spacing:1px;
    }
#container {
    margin:0px auto;
    padding-top:0;
    width:840px;
    background-color:#f4eddd;
    border-bottom:2px solid #FFFFFF; 
    }
#header {
    position:relative;
    width:840px;
    height:149px;
    background-color:White;
    top: 0px;
    left: 0px;
    }
#flag {
    background-image:url('../images/flag.jpg');
    background-repeat:no-repeat;
    float:right;
    top:0px;
    width:234px;
    height:147px;
    position:absolute;
    left: 604px;
    }
#headerimg {
    background-image:url('../images/joinus_link.jpg');
    position:relative;
    float:right;
    width:91px;
    height:31px;
    margin-top:118px;
    top: 0px;
    left: 2px;
    }
#headerimg a {
    display:block;
    background-image:url('../images/joinus_link.jpg');
    width:91px;
    height:31px;
    }
#headerimg a:hover {
    display:block;
    background-image:url('../images/joinus_hover.jpg');
    width:91px;
    height:31px;
    }

a:link {
    color:#553232;
    font-family: verdana, helvetica, arial, sans-serif;
    text-decoration:none;
}
a:visited {
   color:#553232;
   text-decoration:none;
   }
a:hover {
   color:#2C2C2C;
   text-decoration:underline;
   } 
a:active {
  outline: none;
}
:focus
{
  -moz-outline-style: none;
}
 

/* SIDEBAR */

#sidebar {
    width:234px;
    height:369px; 
    float:right;
    margin-top:35px;
    z-index:0;
   
}
#officialceremonies {
    margin-top:10px;
    margin-left:10px;
    width:209px;
    height:111px;
    z-index:0;
    }
#joinus {
    margin-top:5px;
    margin-left:10px;
    width:209px;
    height:111px;
    }   
#whatsnew {
    margin-top:5px;
    margin-left:10px;
    width:210px;
    height:120px;
    }
#logos {
    margin-top:5px;
    margin-left:7px;
   /* background-image:url('../images/logos/ve_tico_logos.jpg');*/
    background-repeat:no-repeat;
    width:215px;
    height:170px;
    }    
    
    
/*BODY*/

#body {
    width:840px;
    z-index:0;
    background-image:url('../images/bg.jpg');
    background-repeat:repeat-y;
    }
#copy {
   width:561px;
   padding-top:50px;
   padding-left:20px;
   border-left:2px solid #FFFFFF;
   z-index:0;
   }

h1 {
    font:16px Book Antiqua, Georgia, Times New Roman, serif;
    color:#553232;
    font-weight:bold;
    letter-spacing:1px;
    word-spacing:1px;
    }
h2 {
    font:16px Book Antiqua, Georgia, Times New Roman, serif;
    color:#553232;
    font-weight:bold;
    letter-spacing:1px;
    word-spacing:1px;
    margin-bottom:2px;
    margin-top:5px;
    padding:0px;
    }
h3 {
    font:15px Book Antiqua, Georgia, Times New Roman, serif;
    color:#553232;
    font-weight:bold;
    letter-spacing:1px;
    word-spacing:1px;
    margin-bottom:4px;
    margin-top:5px;
    padding:0px;
    }
.copy {
    color:#535353;
    line-height:18px;
    word-spacing:1px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;   
    }

p {margin-bottom:5px;}
ul{margin-top:2px;}

table {
    margin-top:10px;
    margin-left:50px;
    width:500px;
    }

.td {
    padding-top:10px;
    color:#535353;
    line-height:18px;
    word-spacing:1px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;  
}
.copyitalics {
    font:11px verdana, helvetica, arial, sans-serif;
    font-style:italic;
    color:#535353;
    line-height:18px;
    word-spacing:1px; 
    }
.copybold {
    font-weight:bold;
    color:#535353;
    line-height:16px;
    word-spacing:1px;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;
    }
    
.bullets {
    color:#553232;
    list-style-type:square;
    line-height:20px;
    margin-left:0px;
    padding-left:0px;
    width:520px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;
    }   
    
.bullets li {margin-left:15px;}

 .bulletsitalics { 
    font: 11px verdana, helvetica, arial, sans-serif;
    font-style:italic;
    color:#553232;
    list-style-position:outside;
    list-style-type:square;
    line-height:20px;
    margin-left:20px;
    padding-left:0px;
    }
.footer {
    width:600px;
    height:70px;
    border-left:2px solid #FFFFFF;
    border-top:2px solid #FFFFFF;
    background-image:url('../images/footer.jpg');
    position:relative;
    font:10px verdana, helvetica, arial, sans-serif;
    color:#FFFFFF;
    text-align:center;
    padding-top:20px;
    }

.star
{
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;  
    color:#553232;
}

/**************************************************************************/
/* NAVIGATION                                                             */
/**************************************************************************/


  
/* MAIN NAVIGATION LINKS */  

#nav {
    width:836px;
    height:28px;
    position:absolute;
    background-image:url('../images/black_bar_nav_v2.jpg');
    background-repeat:repeat-x;
    border-right:1.5px solid #FFFFFF;
    border-left:1.5px solid #FFFFFF;
    border-bottom:2px solid #FFFFFF;
    margin-left:1px;
    }
#home {
    position:absolute;
    width:81px;
    line-height:28px;
    height:25px;
    top:0px;
    left:3px;
    right:752px;
    }
#aboutve {
    position:absolute;
    left:91px;
    width:90px;
    height:25px;
    line-height:28px;
    top: 0px;
    }
#aboutef {
    position:absolute;
    width:89px;
    height:25px;
    line-height:28px;
    left: 196px;
    top: 0px;
    }
#vetour {
    position:absolute;
    width:109px;
    height:25px;
    line-height:28px;
    left: 300px;
    top: 0px;
    }
#teachers {
    position:absolute;
    width:86px;
    height:25px;
    line-height:28px;
    left: 426px;
    top: 0px;
    }
#students {
    position:absolute;
    width:78px;
    height:25px;
    line-height:28px;
    right: 225px;
    top: 0px;
    }
#contact {
    position:absolute;
    width:92px;
    height:25px;
    line-height:28px;
    left: 635px;
    top: 0px;
    }
#mylogin {
    position:absolute;
    width:84px;
    height:25px;
    line-height:28px;
    left: 743px;
    top: 0px; 
    }

.newsroom {
   border-top:2px solid #FFFFFF;
   width:562px;
   padding-left:20px;
   padding-top:20px;
   padding-right:20px;
}

.mediacontainer
{
   width:500px;
   height:220px;
}

.photocontainer
{
   width:250px;
   padding-top:3px;
   float:left;
}
 
/* TEXT FORMATTING FOR MAIN NAVIGATION */
 .nav {
     font:13px verdana, sans-serif;
     color:#FFFFFF;
     width:10.8em;
     text-align:center; 
     text-decoration:none;
     list-style-type:none;
     padding-bottom:2px;
     letter-spacing:1px;
     }  
.nav a:link {
    text-decoration:none;
    color:#FFFFFF; 
    }
.nav a:visited {
    text-decoration:none;
    color:#FFFFFF; 
    }
.nav a:hover {
    color:#F5D180; 
    }
.nav a:active {
    color:#F5D180;
    }
.nav ul {
    margin:0px;
    padding:0;
    list-style-type:none;
    }
 .nav li ul {
    margin-top:0px;
    right:9px;
  
    }
 li ul {
    list-style:none;
    display: none;
    position:relative;
    text-align:left;
    font-size:10px;
    margin-right:2px;
    padding-left:20px;
    list-style-type:none;
    width:185px;
    z-index:900;
    }
 li ul li {
    height:25px;
    list-style-type:none;
    line-height:25px;
    padding-left:20px;
    position:relative;
    z-index:900;
    }
li:hover ul {
   display:block;
   background-image:url('../images/ddmenu_bg.jpg');
   background-repeat:repeat;
   font:10.5px verdana, sans-serif;
   list-style-type:none;
   position:relative;
   z-index:100;
   }
li:hover ul li:hover {
   background-image:url('../images/ddmenu_hover.jpg'); 
   background-repeat:repeat;
   list-style-type:none;
   }
.nav li ul li a:link {   
   color: #fff;
   text-decoration: none;
   text-align:left;
   }
.nav li ul li a:visited {   
   color: #fff;
   text-decoration: none;
   text-align:left;
   }
.nav li ul li a:hover {
   color: #000;
   text-decoration: none;
   }
.nav li ul li a:active {
   color: #000;
   text-decoration: none;
   }
li:hover ul li:hover a:link {
   color:#000000;
   text-decoration:none;
   text-align:left;
   }

ul.navsub li a {
   display: block;
   height: 25px;
   width:185px;
   }

/*  BULLET POINTS NAV */

.bullets a:link 
{
   color:#553232;
   text-decoration:none;
   }
.bullets a:visited {
   color:#553232;
   text-decoration:none;
   }
.bullets a:hover {
   color:#2C2C2C;
   text-decoration:underline;
   }

.bulletsNoLink
{
    color:#535353;
    list-style-position:inside;
    list-style-type:square;
    line-height:20px;
    margin-left:0px;
    padding-left:0px;
    width:520px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;
    }
    
/* BOTTOM NAVIGATION */

.btmnav {
   border-top:2px solid #FFFFFF;
   width:602px;
   height:20px;
   text-align:center;
   position:relative;
   font: 10px verdana, helvetica, arial, sans-serif;
   color:#553232;
   padding-top:10px;
   padding-bottom:10px;
   top: 0px;
   left: 0px;
   }
.btmnav a:link, .btmnav a:visited {
   font: 10px verdana, helvetica, arial, sans-serif;
   color:#553232;
   text-decoration:underline;
    }
.btmnav a:hover 
{
   font: 10px verdana, helvetica, arial, sans-serif;
   color:#2C2C2C;
   text-decoration:underline;
   }

.inline
{
    color:#553232;
    list-style-type:square;
    line-height:20px;
    margin-left:0px;
    padding-left:0px;
    width:520px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: verdana, helvetica, arial, sans-serif;
}
.inline a:link {
   color:#553232;
   text-decoration:underline;
   }
.inline a:visited {
   color:#553232;
    text-decoration:underline;
   }
.inline a:hover {
   color:#2C2C2C;
   text-decoration:underline;
   }

.readmore
{
    float:right;
    color:#553232;
    padding-right:10px;
    font-size: 11px;
    font-family: verdana, helvetica, arial, sans-serif;
}

.readmore a:link
{
   color:#553232;
   text-decoration:none;
}

.readmore a:visited
{
    color:#553232;
    text-decoration:underline;
}

.readmore a:hover 
{
    color:#553232;
    text-decoration:underline;
}

.ArticleImg
{
    float:right;
    margin:0 5px 0 15px;
}


#VEclip2
{
   margin:3px 10px 20px -5px;
   float:left;
}

.downloadPDF
{
    margin:0 0 0 35px;
}

.imgPDF
{
    float:left;
    padding:15px 5px 15px 0;
    display:block;
}


.clear
{
    clear:both;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}