/* CSS Document by Svein Erik Storkaas 2008 | www.csstemplateheaven.com */

* {margin: 0; padding: 0;}

body{ background-color:#222222;}

#container 
{
width: 1024px;
margin: 40px auto; 
height:768px;            
background-color:#ffffff;
}

#header {height: 100px;
background: #e2dbaf;
background-image:url(/images/amoji.jpg);
background-repeat:no-repeat;
background-position:top left;}

#leftColumn {width: 450px;
height:608px;
float: left;
}

#rightColumn 
{
width: 574px;
height:608px;
float: right;
background-image:url(/images/1960Asia.png);
background-repeat:no-repeat;
background-position:bottom right;             
}

#fullColumn {width: 770px;
height:608px;
float: left;
}

#footer 
{
clear: both;
height:80px;
background: #e2dbaf;
text-align:center;                 
}

#footer p
{
color:#656363; 
padding-top:35px;
font-family:Arial;
font-size:10px;
}

#menucontainer 
{
width:400px;
height:400px;
margin-top:30px;
margin-left:0px;	
}

#logotext 
{
width:396px;
height:119px;
margin-top:20px;
margin-left:45px;
}

#logohome{
left:0;
position:absolute;
top:0;
text-decoration:none;
text-indent:1000px;
width:396px;
height:119px;
margin-top:20px;
margin-left:45px;}

#logotext h1
{
margin-left:10px;
font-family:Times New Roman;
font-size:40px;
color:#c12a2d;
}

#logotext h2
{
margin-left:77px;
font-family:Times New Roman;
font-size:20px;
color:#dd2b2b;
}

#logotext h3
{
margin-left:700px;
font-family:Times New Roman;
font-size:20px;
color:#dd2b2b;
}

#admin 
{
width:396px;
height:119px;
margin-top:-100px;
margin-left:450px;
}

#textbox
{
width:320px;
height:auto;
/* border:double 4px #cccccc;	*/
margin:60px 0px 0px 0px;	
}

#textbox p
{
padding:10px 10px 10px 10px;
font-family:Tahoma, "ms Sans-Serif";
font-size:14px;
color:#393939;
}

#moodscroll 
{
width:396px;
height:119px;
margin-top:-50px;
margin-left:45px;
font-family:Tahoma, "ms Sans-Serif";
font-size:14px;
color:#c12a2d;
}

h3{ font-family:Arial;
font-size:17px;
color:#c12a2d;
padding:5px 0px 0px 10px;
}

a {color:#434343;}
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.brown b {border-bottom-color:#c60;}
#hex li a.brown span {background:#c60;}
#hex li a.brown 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.brown:hover b {border-bottom-color:#a40;}
#hex li a.brown:hover span {background:#a40;}
#hex li a.brown:hover em {border-top-color:#a40;}

#hex li a.blue b {border-bottom-color:#1E90FF;}
#hex li a.blue span {background:#1E90FF;}
#hex li a.blue em {border-top-color:#1E90FF;}
#hex li a.blue:hover b {border-bottom-color:#4169E1;}
#hex li a.blue:hover span {background:#4169E1;}
#hex li a.blue:hover em {border-top-color:#4169E1;}

#hex li a.red b {border-bottom-color:red;}
#hex li a.red span {background:red;}
#hex li a.red em {border-top-color:red;}
#hex li a.red:hover b {border-bottom-color:#FF4500;}
#hex li a.red:hover span {background:#FF4500;}
#hex li a.red:hover em {border-top-color:#FF4500;}

#hex li a.green b {border-bottom-color:#00FF7F;}
#hex li a.green span {background:#00FF7F;}
#hex li a.green em {border-top-color:#00FF7F;}
#hex li a.green:hover b {border-bottom-color:#32CD32;}
#hex li a.green:hover span {background:#32CD32;}
#hex li a.green:hover em {border-top-color:#32CD32;}

#hex li a.yellow b {border-bottom-color:yellow;}
#hex li a.yellow span {background:yellow;}
#hex li a.yellow em {border-top-color:yellow;}
#hex li a.yellow:hover b {border-bottom-color:#FFD700;}
#hex li a.yellow:hover span {background:#FFD700;}
#hex li a.yellow:hover em {border-top-color:#FFD700;}

#hex li a.pink b {border-bottom-color:#f0f;}
#hex li a.pink span {background:#f0f;}
#hex li a.pink em {border-top-color:#f0f;}
#hex li a.pink:hover b {border-bottom-color:#e0e;}
#hex li a.pink:hover span {background:#e0e;}
#hex li a.pink:hover em {border-top-color:#e0e;}

#hex li a.gray b {border-bottom-color:gray;}
#hex li a.gray span {background:gray;}
#hex li a.gray em {border-top-color:gray;}
#hex li a.gray:hover b {border-bottom-color:darkgray;}
#hex li a.gray:hover span {background:darkgray;}
#hex li a.gray:hover em {border-top-color:darkgray;}