@font-face {
    font-family: 'KaratulaNormal';
    src: url('KARAN___-webfont.eot');
    src: url('KARAN___-webfont.eot?#iefix') format('embedded-opentype'),
         url('KARAN___-webfont.woff') format('woff'),
         url('KARAN___-webfont.ttf') format('truetype'),
         url('KARAN___-webfont.svg#KaratulaNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KaratulaItalic';
    src: url('KARAI___-webfont.eot');
    src: url('KARAI___-webfont.eot?#iefix') format('embedded-opentype'),
         url('KARAI___-webfont.woff') format('woff'),
         url('KARAI___-webfont.ttf') format('truetype'),
         url('KARAI___-webfont.svg#KaratulaItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KaratulaBold';
    src: url('KARAB___-webfont.eot');
    src: url('KARAB___-webfont.eot?#iefix') format('embedded-opentype'),
         url('KARAB___-webfont.woff') format('woff'),
         url('KARAB___-webfont.ttf') format('truetype'),
         url('KARAB___-webfont.svg#KaratulaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KaratulaBoldItalic';
    src: url('KARABI__-webfont.eot');
    src: url('KARABI__-webfont.eot?#iefix') format('embedded-opentype'),
         url('KARABI__-webfont.woff') format('woff'),
         url('KARABI__-webfont.ttf') format('truetype'),
         url('KARABI__-webfont.svg#KaratulaBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LeanderRegular';
    src: url('Leander-webfont.eot');
    src: url('Leander-webfont.eot?#iefix') format('embedded-opentype'),
         url('Leander-webfont.woff') format('woff'),
         url('Leander-webfont.ttf') format('truetype'),
         url('Leander-webfont.svg#LeanderRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TrueCrimesRegular';
    src: url('true-crimes-webfont.eot');
    src: url('true-crimes-webfont.eot?#iefix') format('embedded-opentype'),
         url('true-crimes-webfont.woff') format('woff'),
         url('true-crimes-webfont.ttf') format('truetype'),
         url('true-crimes-webfont.svg#TrueCrimesRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




body		{background:green;}

a,a:visited,a:active {font-family:KaratulaNormal,verdana,arial; color:yellow; text-decoration:none;}
a:hover		{text-decoration:underline;}

.main {position:relative;width:950px;height:600px;background:darkblue;border:10px solid lime;margin:auto;}

.menu {position:absolute;top:0px;left:0px;width:950px;background:lime;font: 22px/22px TrueCrimesRegular,verdana; text-decoration:none;color:red;border-bottom:0px solid lime;height:60px;margin:0px;padding:0px;}
.menu a,.menu a:visited {text-align:center;border-bottom:10px solid lime;font: 22px/30px TrueCrimesRegular,verdana; text-decoration:none;color:white;background:lime;width:170px;padding:15px 10px 5px 10px;height:30px;display:table-cell;margin:0px}
.menu a:hover	{border-bottom:10px solid green;color:green;}
.menu p{text-align:center;border-bottom:10px solid lime;font: 22px/30px TrueCrimesRegular,verdana; text-decoration:none;color:green;background:lime;width:170px;padding:15px 10px 5px 10px;height:30px;display:table-cell;margin:0px;}


h1		{font: normal 50px/60px TrueCrimesRegular,arial,verdana; color:yellow; text-decoration:none;}
h2		{font: normal 30px/40px TrueCrimesRegular,arial,verdana; color:yellow; text-decoration:none; margin-bottom:0px}
p 		{font: 12px/18px KaratulaNormal,arial,verdana; color:white; text-decoration:none;}
li 		{font: 12px/15px KaratulaNormal,arial,verdana; color:white; text-decoration:none; margin-left:10px;padding-bottom:7px;}

.footer {position:absolute;top:600px;left:0px;width:950px;text-align:center;}