/* Internet and E-Commerce Society Design (C) David Passingham 2005 onwards */


/* Page */

html, body		{margin:0; font-family:arial,helvetica,sans-serif; font-size:90%; cursor:default;}
body			{color:#223; background:#ddd url("../images/back.png") top left repeat-x;}
/* IE font hack \*/	* html	{font-size:84%;} /* End */


/* Links */

a			{text-decoration:none;}
a:link			{color:#30a;}
a:visited		{color:#60a;}
a:hover, a:focus	{text-decoration:underline;}

a.No-Style, a.No-Style:visited, a.No-Style:hover, a.No-Style:focus
			{color:#223; background:none; text-decoration:none;}

/* Layout */

.Body				{margin:0 0 2em 12.5em; padding:0 0.5em; min-height:300px; background:url("../images/body.jpg") top right no-repeat;}

.Nav.Top			{width:100%; display:block; overflow:visible; background:#fff url("../images/nav.png") repeat-x bottom; border-top:solid 1px #000; border-bottom:solid 1px #000; font-size:90%; padding:0; min-height:35px;}
.Nav.Top ul, .Nav.Top li	{padding:0px; border:0px; margin:0px; list-style:none;}
.Nav.Top li			{float:left;}
.Nav.Top a, .Nav.Top div	{text-decoration:none; font-weight:bold; padding:11px 1.2em 10px 1.2em; float:left; display:block; color:#336;}
.Nav.Top div			{width:7.1em; font-size:150%; padding:8px 2em 0 0.5em; color:#336; font-style:italic;}
.Nav.Top a:hover		{text-decoration:none; color:#003; background:url("../images/nav-over.gif") repeat-x bottom;}
.Nav.Top .Inset			{margin-top:3px;}
.Nav.Top .Inset a		{padding-top:8px; padding-right:1.2em; padding-left:1.2em; color:#cdf;}
.Nav.Top .Inset.L a		{padding-left:1.5em;}
.Nav.Top .Inset.R a		{padding-right:1.5em;}
.Nav.Top .Inset a:hover,
.Nav.Top .Inset a:focus,
.Nav.Top .Inset a.Current	{background:url("../images/nav-inset-over.png") repeat-x bottom; color:#fff;}
.Nav.Top .Inset.L a:hover,
.Nav.Top .Inset.L a:focus,
.Nav.Top .Inset.L a.Current	{background:url("../images/nav-insetleft-over.png") repeat-x bottom left;}
.Nav.Top .Inset.R a:hover,
.Nav.Top .Inset.R a:focus,
.Nav.Top .Inset.R a.Current	{background:url("../images/nav-insetright-over.png") no-repeat bottom right;}
.Nav.Top .Inset			{background:url("../images/nav-inset.gif") repeat-x bottom;}
.Nav.Top .Inset.L		{background:url("../images/nav-insetleft.gif") no-repeat bottom left;}
.Nav.Top .Inset.R		{background:url("../images/nav-insetright.gif") no-repeat bottom right;}
.Nav.Top .Inset a.Current	{color:#9cf;}

/* Try out a different type of side-menu when you have time */

.Nav.Side			{float:left; clear:left; margin:1.8em 0 1em; padding:80px 0.5em 0; width:11em; background:url("../images/logo.jpg") top left no-repeat;}
.Nav.Side ul, .Nav.Side li	{margin:0; padding:0; list-style:none;}
.Nav.Side ul			{margin-bottom:1.5em;}
.Nav.Side a:link, 
.Nav.Side a:visited		{display:block; width:100%; text-decoration:none; font-weight:normal; color:#224; padding:0.03em 0.3em;}
.Nav.Side a:hover,
.Nav.Side a:active		{background:url("../images/nav-side-hover.png") left repeat-y; color:#fff; border-color:#000;}
.Nav.Side a:link.Current,
.Nav.Side a:visited.Current	{background:url("../images/nav-side-current.png") left repeat-y; color:#fff; border-color:#000; color:#cdf;}
.Nav.Side div div		{padding: 0.5em 0.3em; color:#444;}
.Nav.Side a, .Nav.Side div div,
.Nav.Side div			{border-left:solid 1px #369;}
.Nav.Side div			{margin:0.5em 0 0; padding:0 0.25em 0.3em; font:1.1em verdana,helvetica,sans-serif; font-weight:bold; color:#069;}

.Nav.Bottom			{background:#fff url("../images/nav.png") repeat-x bottom; font-size:90%; padding:0.6em; border-top:solid 1px #000; text-align:right; clear:both;}
.Nav.Bottom div			{float:left;}

/* Test Menu */

.Nav.T ul		{clear:both; width:100%; margin:0; padding:8px 0; list-style:none; background:#fff url("../images/nav.gif") repeat-x bottom; border-top:solid 1px #000; border-bottom:solid 1px #000;}
.Nav.T ul li		{display:inline; font-size:110%; font-weight:bold;}
.Nav.T ul a:link, 
.Nav.T ul a:visited	{margin:0 -0.1em; padding:8px 2em; color:#446;}
.Nav.T ul a:hover, 
.Nav.T ul a:active	{color:#acf; text-decoration:none; background:#c2c2cf url("../images/nav-hover.png") repeat-x bottom;}
.Nav.T ul a.Current	{color:#abd; background:#aeaebb url("../images/nav-current.png") repeat-x bottom;}


/* Headings */

h1,h2,h3,h4,h5,h6	{color:#369; padding:0;}
h1,h2			{margin:1em 0 0.5em; border-bottom:solid 1px #369; letter-spacing:-1px;}
h1 span, h2 span	{display:block; font-size:0.5em; font-weight:normal; border-top:solid 1px #369; background:#ddf; color:#000;}
h3,h4,h5,h6		{margin:0.5em 0 0.2em;}
h1			{font-size:2.0em;}
h2			{font-size:1.6em;}
h3			{font-size:1.4em;}
h4			{font-size:1.2em;}
h5			{font-size:1.1em;}
h6			{font-size:1.0em;}


/* Tables */

table			{margin:1em 0; border:none;}
td			{vertical-align:top; border-left:solid 1px #bbb;}
th			{font-weight:bold; background:#eee; border-left:solid 1px #bbb;}


/* Formatting */

p			{margin:0.6em 0;}
li			{margin-top:0.3em;}

div.Box			{margin:0.5em 0; padding:0;}

div.Info		{margin:0.5em 0; padding:0.4em; padding-left:40px; background:#ccc; min-height:30px; border:solid 1px #369; border-width:0.3em 0.1em;}
div.Info div		{font-weight:bold; font-size:110%; margin:0.2em 0 0.5em;}
div.Info.Notice		{background:#ffd url("../images/icon-exclamation.png") 4px 6px no-repeat; color:#b50; border-color:#fa6;}
div.Info.Warning	{background:#fca url("../images/icon-cross.gif") 6px 6px no-repeat; color:#733; border-color:#c66;}
div.Info.Tip		{background:#cef url("../images/icon-info.gif") 6px 6px no-repeat; color:#369; border-color:#69c;}

.Access			{position:absolute; left:-100px; width:1px; height:1px; border:none; overflow:scroll;}


/* Objects */

img			{border:none;}
img.Padding		{padding:0.3em;}
img.Inline		{vertical-align:middle;}

.Floaty			{border:none; vertical-align:top; margin:1em 1em;}
.Floaty.Left		{float:left; margin-left:0; padding-left:0.5em; border-left:solid 1px #369;}
.Floaty.Right		{float:right; margin-right:0; padding-right:0.5em; border-right:solid 1px #369;}
.Floaty.Left.Clear	{clear:left;}
.Floaty.Right.Clear	{clear:right;}
.Floaty.Clean		{padding:0; border:none;}
.Clear-Both		{clear:both;}

form			{margin:0; padding:0;}
acronym			{border-bottom:dashed 1px #c60; cursor:help;}
a acronym		{cursor:pointer;}
hr, div.hr		{clear:both; margin:1em 0; width:100%; height:2px; border:none; background:transparent url("images/hr.png") no-repeat center;}
dt			{margin:1em 0 0; color:#000; font-weight:bold; border-bottom:dotted 1px #999;}
dd			{margin:0 0 1em 0; padding:0; }

textarea		{font-family:arial,verdana,sans-serif; font-size:100%;}