/*
Theme Name: myXMLProject
Theme URI: http://www.myxmlproject.com/
Description: 
Author: Jan B Thomas


*/

/* Remove focus rings in Firefox */
tab:focus > .tab-middle { -moz-outline: none !important }

* {margin:0; padding:0;} /* removes defaults of all elements */

body {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
}

a {
	color: #333399;
	outline: none;
	text-decoration: none;
	line-height: 18px;
}

a img {
	border: 1px solid #666666;
}

a:visited {
	color: #333399;
}

a:hover {
	color: #3366FF;
	text-decoration: underline;
}

ul {
	margin-bottom: 15px;
	margin-top: 15px;
}

li {
	padding-bottom: 5px;
	list-style-type: none;
	list-style-position: outside;
}
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	line-height: 16px;
}
img {
	margin-right: 10px;
	margin-bottom: 10px;
}

/***************** myXMLProject ********************/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, .boxcontent:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix, .boxcontent {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix, * html .boxcontent {height: 1%;}
.clearfix, .boxcontent {display: block;}

div#mainwrap {
	width: 600px;
	text-align:left;
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	position: relative;
	}

div#contactbtn {
	position: absolute;
	left: 0px;
	top: 8px;
}

div#banner {
	position: relative;
	padding-top: 10px;
}
div#logo {
	float: left;
	position: relative;
}
div#bannerphoto {
	float: left;
	position: relative;
}

/************** Contact Form and Success Dialog **************/
div#successDlg {
	background-color: #FFFFFF;
	padding: 120px 120px 120px 100px;
	width: 800px;
	height: 700px;
}

div#close {
   margin-top: 50px;
}

#contactContent {
	margin: 15px 13em 0 3em;
	padding-right: 50px;
}

a.postLink {
	color: #FF6600;
}

.uline {
	text-decoration: underline;
}

a.rssLink {
	font-variant: small-caps;
	font-weight: bold;
	line-height: 30px;
}

div.rssItem {
	position: relative;
	visibility: visible;
}

