﻿/* CSS Document by Svein Erik Storkaas 2008 | www.csstemplatesweb.com */

* {
	margin: 0%;
	padding: 0px;

	
	
}

body{ background-color:#222222;vertical-align: middle;}

#container 
{
	width: 100%;
	height:100%;
	background-color:#ffffff;
	margin: 2px;
	padding: 2px;
	vertical-align: middle;
}

#img1 {
    padding:0;
    margin:0;
    width:29%;
    min-width:150px;   
    vertical-align:bottom;
    display:inline;
    text-align:center
}
#header {
	height: 2pc;
	background: #e2dbaf;
	width: auto;
}

#leftColumn {
	width: 5%;
	height:10%;
	float: left;
	text-align: center;

}

#rightColumn 
{
	width: 60%;
	height:40%;
	float: right;
	background-image:url(images/1960Asia.jpeg);
	background-repeat:no-repeat;
	background-position:right;
}

#footer 
{
	clear: both;
	height:2pc;
	background: #e2dbaf;
	text-align:center;
	background-position: bottom;
	position: bottom;
}

#footer p
{
color:#656363; 
padding-top:1pc;
font-family:Arial;
font-size:10px;
position: bottom;
}

#menucontainer 
{
width:15%;
height:auto;
margin-top:1pc;
margin-left:1pc;
margin-right:1pc;	
}

#logotext 
{
	width:396px;
	height:119px;
	margin-top:0px;
	margin-left:0px;
	font-family:"Times New Roman";
	font-size:16px;
	color:#c12a2d;
	position: inherit;
}

#logotext h2
{
margin-left:70px;
font-family:Times New Roman;
font-size:25px;
color:#dd2b2b;
}

#textbox
{
	width:90%;
	height:auto;
	text-align: justify;
	margin: 1%;
	padding: 1%;
}

#textbox p
{
	padding:0px;

	margin-bottom: 0px;
	white-space: normal;
}

h3{

	padding:0px 0px 0px 10px;
}

a {
	color:#c12a2d;
}
a:visited {color:#434343;}
a:active {color:#434343;}
a:hover {text-decoration:none;}

#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}

#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#000; cursor:pointer;}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#ec0; font-size:11px; font-family: arial, veradana, sans-serif;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #ec0; border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}

#hex li a.inner b {border-bottom-color:#c60;}
#hex li a.inner span {background:#c60;}
#hex li a.inner em {border-top-color:#c60;}

#hex li a:hover {white-space:normal;}
#hex li a:hover b {border-bottom-color:#c90;}
#hex li a:hover span {background:#c90;}
#hex li a:hover em {border-top-color:#c90;}

#hex li a.inner:hover b {border-bottom-color:#a40;}
#hex li a.inner:hover span {background:#a40;}
#hex li a.inner:hover em {border-top-color:#a40;}
