/* Style Sheet for Viking-Resources Website */

/* Global body Settings */
/* Select Sans-Serif Font and scale so that 1em = 10pt */
html {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;}
body {background-color:#FFFF99;vertical-align:middle;font-size:1.4em;}

/* Reset Margins & Padding as not all browsers are the same*/
* {margin:0; padding:0;}

/* Alsett Clearing fix */
.clearfix:after {content:".";display:block;visibility:hidden;clear:both;height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}

/* Set up navigation pane */
div#navigation {position:absolute;top:0;left:0;width:175px;height:100%;padding-top:2px;border-right:2px solid red;font-size:0.8em;text-align:center;}

/* Alignment and indentation of menu */
div#navigation ul {padding:.25em 0 .25em 1em; text-align:left;}

/* Get rid of bullets on list items */
div#navigation li {list-style-type:none;}

/* Hide Level 2 and below menu levels*/
div#navigation ul li ul {display:none;}
div#navigation ul li ul li ul li{display:none;}

/* Display Level 2 when level 1 hovered  - NOT IE */
div#navigation ul li:hover ul {display:block;}

/* Display Level all level 3 when level any 2 hovered  - NOT IE */
div#navigation ul li ul:hover li ul li {display:block;}

/* IE Fix - Always show first & second levels until Hover property is sorted */
* html div#navigation ul li ul {display:block;}
* html div#navigation ul li ul li ul {display:none;}

/* remove underlines from links */ 
div#navigation * a {text-decoration:none;}

/* Stylise Page Title */
div#navigation h2 {margin-top:.5em;	margin-bottom:.5em;	clear:left;	text-decoration:underline;}

/* Head of Navigation Image Size */
.titleimage {width:150px;}

/* Set up main page body container*/
div#content {margin:0 0 0 175px;padding:0 0 0 .5em;border:none;border-left:2px solid red;}

/* Container for generic picture menu inline like main menu */
div#picmenu {margin:0; padding:0;}
div#picmenu li {list-style-type:none;float:left;margin:.25em .25em 0 0;font-size:.75em;}

/* 2 Column Menu made up of picture alongside text */
div#two_column_menu {margin:0; padding:0;}
div#two_column_menu li {list-style-type:none; margin:.25em .25em 0 0; clear:left;}
div#two_column_menu li img {float:left; margin:.25em 1em 0 0;}

/* Main Menu Thumbnail Size */
.main_menu {width:165px; height:112px;}

/* Menu Image Sizes */
.thin_image {width:100px;}
.small_image {width:200px;}
.medium_image {width:400px;}
.big_image {width:600px;}
.full_image {width:800px;}

.gytha_tw {height:326px;}
.image300w {width:300px;}
.image150w {width:150px;}

/* Set up link appearance & rollover - NOT IE */
a img {border:#0000FF solid 2px;}
a:hover {color:#FF0000; font-weight:bolder;}
a img:hover {border:#FF0000 solid 2px;}

/* other stuff */
h1 {font-size:2em; text-decoration:underline; margin:.25em 0;}
h2 {font-size:1.5em;text-decoration:underline; margin:.25em 0;}
h3 {font-size:1.2em;font-weight: bold;}
p {padding:.5em 0;}
p#paypal {border-top:#000 1px solid; border-bottom:#000 1px solid; margin: 1em 0;}

.justalist {list-style-type:none; padding:.25em 0;}

/* Main Page links Area Formatting */
.main_page_links {float:left; margin-right:.5em;}
.ukreenactmentwebring {border:black solid 1px; background:#FF8080; width:350px; text-align:center; margin-right:.5em; padding:.25em; vertical-align:top; float:left;}