/*
parts based on: 
Gordonmac dot com | Version 11.0.
*********************************
These style-sheets, accompanying graphics and design are copyrighted.
That means YOU NAY NOT USE THEM!! If you are looking for free stuff please visit
the templates and PNG sections of the site instead. 
----------------------------------------------- */
/* =General page settings
----------------------------------------------- */
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background:#fff url(back_all.gif) repeat-x 0 0; color: #666666; font: 10pt/1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; min-width: 780px; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 .8em 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; color: #5F5F5F; font-weight: normal; letter-spacing: .1em; }

#content h2 { font-size: 1.4em; }

#content h3 { font-size: 1.2em; }

#content h4 { font-size: 1em; }

#content h5{ font-size: 1em; }

#content h6 { font-size: 1em; }

#content-b h3 { height: 15px; width: auto; }

/* =Headings - IR
----------------------------------------------- */
/*#content-b h3#sidesnips { background: transparent url(gm11_header_sidesnips.gif) no-repeat 0 0; }*/

#content-b h3#siteupdates { background: transparent url(gm11_header_siteupdates.gif) no-repeat 0 0; }

#content-b h3#coolsites { background: transparent url(gm11_header_coolsites.gif) no-repeat 0 0; }

#pageheader { height: 15px; overflow: hidden; text-indent: -9999px; width: auto; }

.homepage #pageheader { background: transparent url(gm11_pageheader_homepage.gif) no-repeat 0 0; }

/* =Anchors
----------------------------------------------- */
a img { border: none; }

a:link { background: transparent; color: #91C1E5; }

a:visited, a:hover, a:focus, a:active { background: transparent; color: #91C1E5; }

#content-b a, #content-b a:link, #content-b a:visited, #content-b a:hover, #content-b a:focus, #content-b a:active {color:#666; text-decoration:none;}

/* =Lists
----------------------------------------------- */
#content ol { list-style-position: inside; list-style-type: decimal; }

#content ul { list-style-type: image; list-style-image:url(gm11_li_bullet.gif); margin-left:1.5em;}

#content ul li { /* background: transparent url(gm11_li_bullet.gif) no-repeat 0 6px;  padding-left: 22px; */}

#content ul.download { list-style-type: none; list-style-image:none; margin-left:0;}

#content dt { font-weight: bold; }

/* =Forms
----------------------------------------------- */
label { background: transparent; color: #999999; display: block; font-size: .9em; }

label span { background: transparent; color: #a2912e; font-size: .8em; text-transform: uppercase; }

input, textarea, select { background: transparent url(gm11_form_inputtext.jpg) repeat-x 0 0; border: 1px solid #DDDDDD; color: #666666; font: .8em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

/* =Wrappers
----------------------------------------------- */
#wrapper-a { background: transparent url(back_wrapper-a.jpg) repeat-x 0 0; width: 900px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0;}

#wrapper-b { background: transparent url(gm11_wrapper-b.gif) repeat-y 0 0; margin: 0 auto; text-align: left; width: 780px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: url(gm11_heading_background.jpg) #FFFFFF no-repeat 0 0; height: 222px; position: relative; width: 780px; }

#heading h1 { left: 45px; position: absolute; top: 104px; }

#heading-intro { background: transparent; border-left: 1px solid #91C1E5; color: #EEEEEE; left: 500px; padding-left: 10px; position: absolute; top: 104px; width: 200px; }

#heading h1 a { display: block; height: 58px; overflow: hidden; text-indent: -9999px; width: 303px; }

#heading h2, #heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }

/* =Content Layout
----------------------------------------------- */
#content-a { float: left; font-size: 1em; width: 480px; }

#content-b { float: left; font-size: 1em; width: 300px; }

#content-c { clear: both; }

#content-a-inner { padding: 8px 9px 8px 18px; }

#content-b-inner { padding: 8px 18px 8px 18px; }

#content-b-inner div { margin-bottom: .8em; }

#content-c-inner { margin: 0 0 .5em 0; padding: 0 18px; text-align: center; }

#content-a-inner b, #content-a-inner strong, #content-a-inner em {color: #91C1E5;}

/* =Top Of Page etc
----------------------------------------------- */
ul#nav-b li { background: none; display: inline; margin-left: 5px; padding: 0; }

#nav-b li a { border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 3px 4px 3px 20px; text-decoration: none; }

#nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active { color: #666666; }

#totop a { background: url(gm11_totop.gif) no-repeat 4px 50%; }

#tonavigation a { background: url(gm11_tonavigation.gif) no-repeat 4px 50%; }

#accessibility a { background: url(gm11_accessibility.gif) no-repeat 4px 50%; }

#colophon a { background: url(gm11_colophon.gif) no-repeat 4px 50%; }

/* =Footer
----------------------------------------------- */
#footer { margin-top:20px;}

#footer p { background: transparent; color: #000; font-size: .8em; line-height: 1em; margin: 0 0 .4em 0; text-align: center; text-transform: uppercase; font-weight:normal;}

#footer a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #000; color: #000; text-decoration: none; font-weight:normal;}

#footer a:hover, #footer a:focus, #footer a:active { background: transparent; color: #000; font-weight:normal;}

/* =Main Navigation
----------------------------------------------- */
#nav-a { left: 320px; list-style-type: none; position: absolute; top: 15px; font-size: 12px; font-weight: bold; }

#nav-a li { float: left; margin: 0 1px 0 0; width: 104px; }

#nav-a li a { display: block; height: 20px; color: #ffd900; }

/* =Floats
----------------------------------------------- */
.float-left { float: left; margin-right: 10px; }
.float-right { float: right; margin-left: 10px; }

/** special styles */

.infobox {
	/* width:248px; */
	font-size:0.9em;
	width:186px;
	border:3px solid #91c1e4;
	background-color:#e9e9e9;
	padding:5px;
	margin-bottom:1em;
}

.illubox {
	/* width:248px; */
	width:200px;
	margin-bottom:1em;
}

.illubox img {
	border:5px solid gold;
}

p.imagedescription {
	font-size:0.9em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	line-height:normal;
	font-size:80%;
}

.leftcol {
	float:left;
	width:50%;
}
.rightcol {
	float:right;
	width:49%;
}

.fullsizeillu {
	border:0;
	margin:0;
	padding:0;
	margin-bottom:0.5em;
	margin-top:0.5em;
}