@media screen {
* {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

html { height: 100%;}

body, form {
	background-image:url(img/side.png);
	color: #666666;
	min-width: 780px;
	height:100%;
	background-color: #333333;
}

body{
	font: 80%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	text-align:center;
}


#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; overflow: hidden; text-indent: -9999px; width: auto; }

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

#content-b h3#siteupdates { background: url('img/header_siteupdates.gif') no-repeat 0 0;
}

#content-b h3#coolsites { background: url('img/header_coolsites.gif') no-repeat 0 0;
}

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

.homepage #pageheader { background: url('img/pageheader_homepage.gif') no-repeat 0 0;
}

/* =Anchors
----------------------------------------------- */

/* =Lists
----------------------------------------------- */
#content ol.site { list-style-position: inside; list-style-type: lower-roman; }

#content ul.site { list-style-type: none; }

#content ul.site li { background: url('img/bullet.gif') no-repeat 0 3px; 
padding-left: 22px; }

#content dt.site { font-weight: bold; }

/* =Forms
----------------------------------------------- */

#contactform table td { padding: 0 10px .5em 0; }

#contactform-name, #contactform-email, #contactform-subject, #contactform-message { width: 200px; }

#contactform-subject, #contactform-message { width: 427px; }

#contactform-message { height: 140px; }

input.imagesubmit { border: none; margin: 0; padding: 0; }

/* =Quotations
----------------------------------------------- */
blockquote { font-style: normal; text-indent: -.7em; }

blockquote cite { display: block; font-style: normal; margin: .8em 0 0 .6em; }

/* =Code
----------------------------------------------- */
code, pre, var { background: transparent; color: #5F5F5F; font: 1em Pragmata, "Courier New", Courier, monospace; }

pre { border: 1px solid #DDDDDD; font-size: .8em; height: auto; /*\*/ overflow: auto; /**/ padding: 4px; width: 443px; }

pre.php { color: #B22222; }

pre.php span.comment { color: #FFA500 !important; }

pre.php var { color: #333333; }

pre.html span.comment { color: #999999 !important; }

/* =Misc. Text Formatting
----------------------------------------------- */
kbd { background: transparent; color: #000000; font: 1em Pragmata, "Courier New", Courier, monospace; }

del { background: transparent; color: #DDDDDD; }

ins { background: transparent; color: #333333; text-decoration: underline; }

/* =Warnings and notes
----------------------------------------------- */
p.note-general, p.note-warning { background: transparent; border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 2px 4px 2px 34px; }

p.note-general { background: url('img/note_general.gif') no-repeat 8px 50%;
}

p.note-warning { background: url('img/note_warning.gif') no-repeat 8px 50%;
}

p.note-general:before { background: transparent; color: #999500; content: 'Note: '; font-weight: bold; }

p.note-warning:before { background: transparent; color: #FF6347; content: 'A word of warning: '; font-weight: bold; }

p.note-general:hover { border: 1px solid #999500; color: #666666; }

p.note-warning:hover { border: 1px solid #FF6347; color: #666666; }

/* =Wrappers
----------------------------------------------- */
#wrapper-a {
	background: url('img/wrapper-a.jpg') repeat-x 0 0;
	width: auto;
}

#wrapper-b {
	margin: 0 auto;
	text-align: left;
	width: 780px;
	height: 100%;
	position:relative;
	background-color:#ffffff;
	text-align:left;
}

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

#heading h1 {
	font: normal normal bold 3em "Arial Black";
	left: 45px;
	position: absolute;
	top: 80px;
	padding-left: 120px;
	color: #8FC2E6;
	background-color: transparent;
}

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

#heading h1 a { background: url('img/heading_branding.jpg') no-repeat 0 0; 
display: block; height: 58px; overflow: hidden; text-indent: -9999px; width: 303px; }

#heading h2 {
	font: 90% Arial, Helvetica, sans-serif;
	left: 170px;
	overflow: hidden;
	position: absolute;
	top: 130px;
	background-color: transparent;
	color: #77B742;
}
#heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }

/* =Content Layout
----------------------------------------------- */
#content-a { float: left; font-size: 1.2em; 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;}

/* =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; }

#nav-a li a{
	background-image:url(img/navBack.jpg);
	color:white;
}

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

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

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

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

/* =Footer
----------------------------------------------- */
#footer { background: url('img/footer.jpg') no-repeat 50% 0; 
padding: 20px 0 15px 0; position: relative;margin-top: -70px}

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

#footer a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #91C1E5; text-decoration: none; }

#footer a:hover, #footer a:focus, #footer a:active { background: transparent; color: #FFFFFF; }

/* =Main Navigation
----------------------------------------------- */
#nav-a {
	left: 220px;
	list-style-type: none;
	position: absolute;
	top: 180px;
}

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

#nav-a li a { font-size:80%; display: block; height: 20px; overflow: hidden; width: 104px; text-decoration:none; text-align:center; font-weight:bold; vertical-align:middle;}


#nav-a li a:hover, #nav-a li a:focus, #nav-a li a:active{ background-position: 0 -20px; color:#333333;}

/* =Quick Navigation
----------------------------------------------- */
ul#quicknav { margin: 0; }

ul#quicknav li { background: none; padding: 0; }

ul#quicknav a { display: block; height: 88px; overflow: hidden; text-indent: -9999px; width: 273px; }

#quicknav-freetemplates a { background: transparent url(img/quicknav_templates.jpg) no-repeat 0 0; }

#quicknav-freepngfiles a { background: transparent url(img/quicknav_pngfiles.jpg) no-repeat 0 0; }

#quicknav-freephpscripts a { background: transparent url(img/quicknav_phpscripts.jpg) no-repeat 0 0; }

#quicknav-freetemplates a:hover, #quicknav-freetemplates a:focus, #quicknav-freetemplates a:active, #quicknav-freepngfiles a:hover, #quicknav-freepngfiles a:focus, #quicknav-freepngfiles a:active, #quicknav-freephpscripts a:hover, #quicknav-freephpscripts a:focus, #quicknav-freephpscripts a:active { background-position: 0 -88px; }

/* =Images and thumbnails
----------------------------------------------- */
#content-randomimage img { border: 1px solid #91C1E5; margin: 0; padding: 1px; }

#content-randomimage p { background: transparent; color: #999999; font-size: .8em; margin: 0 0 .8em 0; padding-right: 4px; text-align: right; text-transform: uppercase; }

.content-thumbnail { border: 1px solid #DDDDDD; padding: 1px; }

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

.float-right { float: right; margin-left: 10px; }

.console{
	width:120px;
	background-color:transparent;
	position:absolute;
	left:650px;
}

.console *{
	background-color:transparent;
}

#zz9_Menu{
	color:white;
}

#zz4_SiteActionsMenu_t{
	width:75px;
}

.form
{
	padding:3px; height:22px;width:690px; vertical-align:middle; border:1px solid #333333; font-size:12pt
	}

.profile input.form
{
	width:600px;
	}


span.profile
{
	width:110px;
	height:35px;
}

.profileErrors span
{
	font-weight:bold;
	font-size:1em;
	margin-left:110px;
	position:relative;
	top:-10px;	

}

input.profile
{
	border:2px solid #65AA44;
	border-left:4px solid #65AA44;
	padding:6px;
	font-size:1.1em;
	width:300px;
	height:30px;
	margin-bottom:10px;
}

textarea.profile
{
	border:2px solid #65AA44;
	border-left:4px solid #65AA44;
	padding:6px;
	font-size:1.1em;
	width:400px;
	height:100px;
}

div.box
{
	background-image:url(/styles/img/box.png);
	width:320px; height:210px;
}

div.boxHeader
{
	height:24px;
	overflow:hidden;
	color:#333333;
	font-weight:bold;
	padding-left:3px;
	font-size:1.1em;
	padding-top:2px;
}

div.boxHeader a
{
	color:#333333;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}

div.boxBody
{
	color:white;
	overflow:hidden;
	margin-top:5px;
	height:160px;
	width:300px;margin-left:10px;
}

ul.box li{
	list-style:none;
	display:inline;
	margin-left:0px;
	float:left;
	padding-left:35px !important;
	background: transparent !important;
	margin-bottom:20px;
}

.formContainer p
{
margin:10px;
}

UL.forumPosts {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 6px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
DIV.forumPost {
	BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; MARGIN: 5px; BORDER-TOP: navy 1px solid; BORDER-RIGHT: navy 1px solid
}

.forumPostHeader {
	BACKGROUND:url(img/heading_background.jpg) no-repeat 0px 0px; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; HEIGHT: 22px; COLOR: white; PADDING-TOP: 1px
}
.forumPostBody {
	PADDING-BOTTOM: 6px; BACKGROUND-COLOR: #eaf2f7; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; PADDING-TOP: 6px
}
.forumPostBodyAlt {
	PADDING-BOTTOM: 6px; BACKGROUND-COLOR: #e4e2cb; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; PADDING-TOP: 6px
}
.forumBreadcrumb {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 5px 5px 20px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px; DISPLAY: inline; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.forumBreadcrumb LI {
	LIST-STYLE-TYPE: none; MARGIN: 0px; DISPLAY: inline; LIST-STYLE-IMAGE: none
}
.forumPostDate {
	DISPLAY: inline; FLOAT: right; COLOR: silver; FONT-SIZE: 0.8em
}
.forumPostName {
	WIDTH: 450px; DISPLAY: inline-block
}
.forumMessage {
	BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; WIDTH: 650px; HEIGHT: 200px; MARGIN-LEFT: 60px; BORDER-TOP: navy 1px solid; BORDER-RIGHT: navy 1px solid;padding:5px;
}
DIV.forumReplyLink A {
	BACKGROUND-IMAGE: url(/_layouts/images/restore.gif); PADDING-LEFT: 18px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px
}
DIV.forumReplyLink {
	PADDING-BOTTOM: 1px; BACKGROUND-COLOR: white; PADDING-LEFT: 3px; WIDTH: 55px; PADDING-RIGHT: 3px; FLOAT: right; MARGIN-LEFT: 5px; 
}
.forumSubmit {
	WIDTH: 100px; margin-left:612px; HEIGHT: 22px; COLOR: black; margin-top:10px; 
}
.arfPageNumbers {
	TEXT-ALIGN: right; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 10px
}
.arfPageNumbers LI {
	BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 3px; DISPLAY: inline; MARGIN-LEFT: 2px; BORDER-TOP: navy 1px solid; BORDER-RIGHT: navy 1px solid; PADDING-TOP: 3px
}
LI.arfCurrentPage {
	BACKGROUND-COLOR: silver
}
.arfForumThreads {
	BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; LIST-STYLE-TYPE: none; MARGIN: 5px; PADDING-LEFT: 0px; LIST-STYLE-IMAGE: none; BORDER-RIGHT: navy 1px solid
}
.arfThreadLink {
	WIDTH: 460px
}
.arfForumThread {
	PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #dfe3cc; PADDING-LEFT: 2px; WIDTH: 658px; PADDING-RIGHT: 2px; BORDER-TOP: navy 1px solid; PADDING-TOP: 2px
}
.arfThreadReplies {
	WIDTH: 55px; FLOAT: right
}
.arfThreadDate {
	WIDTH: 130px; FLOAT: right
}
DIV.forumCreateDiscussion A {
	BACKGROUND-IMAGE: url(/_layouts/images/EDITICON.gif); PADDING-LEFT: 18px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 16px
}
DIV.forumCreateDiscussion {
	PADDING-BOTTOM: 3px; MARGIN: 10px 10px 10px 5px; PADDING-LEFT: 3px; WIDTH: 175px; PADDING-RIGHT: 3px; FONT-SIZE: 0.7em; PADDING-TOP: 3px
}
.forumSubject {
	BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; WIDTH: 600px; DISPLAY: inline; FLOAT: none; COLOR: black; BORDER-TOP: navy 1px solid; BORDER-RIGHT: navy 1px solid
}
.forumSubjectLabel {
	MARGIN-LEFT: 10px; FONT-SIZE: 0.7em
}
.arfForums {
	LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; MARGIN-LEFT: 10px; LIST-STYLE-IMAGE: none
}



@media print {
body { background: #FFFFFF; color: #333333; font: 8pt Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, code, pre { color: #333333; }

h2	{ font-size: 10pt; }

h3	{ font-size: 9pt; }

h4, h5, h6 { font-size: 8pt; }

abbr, acronym { border-bottom: none; }

abbr:after, acronym:after { content: ' (' attr(title) ') '; }

a:after { content: ' (' attr(href) ') '; }

a { color: #333333; text-decoration: none; }

#nav-a, #nav-b, #heading-skipnav, #heading-intro{ display: none; }

#heading { border-bottom: 2px solid #666666; }

}

}