@charset "UTF-8";
 
#brand{
   height: 522px;
    width: 390px;
    position: absolute;
    left: 190px;
    top: 2px;
    background-image: url("SITE/GRAPHICS/Brands/Brand200807.jpg");
    border-radius: 10px;
    z-index: 20;
    background-position: center;
}

#center {
    min-height:900px;
    width:700px;
    position:relative;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

.elementcenter2P {
	text-align: center;
	padding-top:40px;
}

#envelope {
    height:100%;
    width:100%;
    position:relative;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    border: none;
    background-image: url("SITE/GRAPHICS/Backgrounds/BG-Vitruvius-1-wo-badge.jpg");
    overflow-x: hidden;
}

#FAtn {
    height: 930px;
    height: auto;
    width:100%;
    position:relative;
    left:0;
    right:0;
    top:-300px;
    float:right;
    padding-bottom: 50px;
    padding-right: 10px;
    margin:auto;
    background-color:rgba(255,255,255,1.00);
    z-index: 5;
}

#footernav{
    height:20px;
    width:240px;
    left:0;
    right:0;
    top:0;
    bottom:0;
    padding-left: 65px;
    margin:auto;
    z-index: 30;
}

#footnav1, #footnav2, #footnav3, #footnav4, #footnav5, #footnav6 {
    height:20px;
    width:20px;
    position:relative;
    background-color:rgba(255,255,255,1.00);
    left:0;
    right:0;
    margin: auto;
    padding: 05px 10px 05px 10px;
    float:left;  
}

.graphiccenter{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}

#header{
    height: 50px;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px 0 0 0;
    color: rgba(248,244,244,1.00);
    margin: auto;
    z-index: 25;
    font-size: 16pt;
    text-align: center;
    font-style: italic;
    text-shadow: 1px 1px 1px rgba(0,0,0,1.00);
}

#imagecontainer1, #imagecontainer2, #imagecontainer3, #imagecontainer4, #imagecontainer5, #imagecontainer6, #imagecontainer7, #imagecontainer8, #imagecontainer9, #imagecontainer10, #imagecontainer11, #imagecontainer12, #imagecontainer13, #imagecontainer14, #imagecontainer15, #imagecontainer16, #imagecontainer17, #imagecontainer18, #imagecontainer19, #imagecontainer20, #imagecontainer21, #imagecontainer22, #imagecontainer23, #imagecontainer24, #imagecontainer25, #imagecontainer26, #imagecontainer27, #imagecontainer28, #imagecontainer29, #imagecontainer30 {
    height: 120px;
    width:auto;
    border-radius: 3px;
    margin: 20px 0 0 20px;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: visible;
    display: inline-block;
    line-height: normal;
    clip:auto;
}

#links{
    height: 300px;
    width: 610px;
    position: relative;
    left: 30px;
    right: 0;
    top:70px;
    margin: auto;
    background-color: rgba(255,255,255,1.00);
    border-radius: 20px;
    z-index: 30;
    border: thin solid rgba(0,0,0,0.50);
}

.linksbullets, .linksbulletssame{
    left: 0;
    font-style: normal;
    font-size: 12px;
    text-align: left;
    color: rgba(76,116,117,1.00);
}

.linksbullets {
    line-height: 240%;
}

.linkscats{
    left: 0;
    font-style: normal;
    font-size: 16px;
    text-align: left;
    text-indent: 40px;
}

#linkscol1, #linkscol2, #linkscol3{
    height: 200px;
    width: 180px;
    position: absolute;
    top: 0px;
    margin: 10px;   
}

#linkscol1{
    left: 0;
}

#linkscol2{
    left: 210px;
}

#linkscol3{
    left: 420px;
}
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6 {
   
    height:50px;
    width:50px;
    position:relative;
    background-color:rgba(255,255,255,1.00);
    left:0;
    right:0;
    margin: auto;
    margin-top: 5px;
}

#nav5 {
    height:50px;
    width:50px;
    padding:2px 0px 2px 0px;
}

#navbar{
    height:280px;
    width:50px;
    position:relative;
    left:0;
    top:0;
    z-index: 5;
}

#sitemap {
	width: 30px;
	opacity: .2;
	height: 30px;
	z-index:200;
	position: absolute;
	/*background-image: url(SITE/GRAPHICS/Arrow_buttons-current/compass.jpg);
	/*top:101px;*/
	background-repeat: no-repeat;
	background-size: contain;
	}

.sitemapcomp {
    left: 60px;
    position: absolute;
    margin: auto;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}


#social1, #social2, #social3, #social4, #social5, #social6 {
    height:50px;
    width:50px;
    position:relative;
    background-color:rgba(255,255,255,1.00);
    left:0;
    right:0;
    margin: auto;
    margin-bottom: 5px;
}

#socialmedia{
    height:200px;
    width:50px;
    position:absolute;
    left:0;
    top:360px;
    z-index: 5;
}

#supporters{
    height:500px;
    width:100px;
    position:absolute;
    right:0;
    top:0;
    z-index: 5;
}

.supporters {
    border-radius: 40px;
}

#supporters0 {
    height: 80px;
    width: 80px;
    position: relative;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.20);
    margin: auto;
    margin-top: 20px;
    border-radius: 5px;
    background-clip: content-box;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

#supporters1 {
    height: 80px;
    width: 80px;
    position: relative;
    background-color: rgba(255,255,255,1.00);
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 20px;
    border-radius: 40px;
    background-image: url("SITE/GRAPHICS/Arrow_buttons-current/compass.jpg");
    background-clip: content-box;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    background-size: 0% auto;
}

#supporters2, #supporters3, #supporters4, #supporters5, #supporters6 {
    height: 80px;
    width: 80px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1.00);
    margin: auto;
    margin-top: 55px;
    border-radius: 40px;
    background-position: 0% 0%;
    background-size: cover;
    background-clip: content-box;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y: hidden;
    background-origin: content-box;
}

#supporters7 {
    height: 120px;
    width: 120px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1.00);
    margin: auto;
	margin-left:-10px;
	margin-top: 35px;
    border-radius: 60px;
    background-position: 0% 0%;
    background-size: cover;
    background-clip: content-box;
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow-y: hidden;
    background-origin: content-box;
}
#tagline1, #tagline2{
    height: 50px;
    width: 100%;
    position: relative;
    
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    margin: auto;
    z-index: 25;
    font-size: 16pt;
    text-align: center;
    font-style: italic;
}
#tagline1{
    color: rgba(248,244,244,0.70);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.70);
    left: 0;
    right: 0;
    top: 0;
    padding: 20px 0 0 0;
}
#tagline2{
    color: rgba(56,56,56,1.00);
    left: 35px;
    right: 0;
    top: 0;
    padding: 20px 0 0 0;
}
#TAI1, #TAI2, #TAI3, #TAI4{
    height: 20px;
    width: 20px;
    z-index: 25;
}

#TAI1{
    padding: 3px 2px 2px 3px;
    float:left;
}

#TAI2{
    padding: 3px 3px 2px 0px;
    float:right;
}

#TAI3{
    padding: 2px 2px 0px 3px;
    float:left;
}

#TAI4{
    padding: 2px 2px 0px 0px;
    float:right;
}

#tile1 {
    height:80px;
    width:80px;
    position:relative;
    background-color:rgba(255,255,255,1.00);
    left:0;
    right:0;
    margin: auto;
    margin-top: 5px;
}

#tile2, #tile3, #tile4, #tile5, #tile6 {
    height:80px;
    width:80px;
    position:relative;
    background-color:rgba(255,255,255,1.00);
    left:0;
    right:0;
    margin: auto;
    margin-top: 65px;
}

#tilebar{
    height:520px;
    width:100px;
    position:absolute;
    left:70px;
    top:0;
    z-index: 5;
}

.TNimagesHP {
    height: 120px;
    /*border: thin solid #666666;*/
}