/* CSS Author's Document */
/* This body selector will allow you to see the final size of your page... As it will look on the server. This should allow you to judge page breaks more accurately as well as remind you that images should not be wider than 450-500px */
body{
	margin: 5em 2em 2em 11.5em;
	color: #363636;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
p{
	font-size: 0.8em;
	line-height:130%;
}
a:hover, a:focus {
	background-color: #DBE4F2;
	text-decoration : none;
}
/* header styles */
h1{
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #036; 
	margin-bottom: 0px;
}
h2{
	font: Bold 1em Arial, Helvetica, sans-serif;
	color: #036;
	margin-top: 40px; 
}

h3{
	background-color: transparent;
	color: #036;
	font: bold 0.9em arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 20px 0px 0px 0px;
}
h4{
background-color: transparent;
	color: #036;
	font: bold 0.8em arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 20px 0px 0px 0px;
}
h5{
	background-color: transparent;
	color: #036;
	margin: 5px 0;
	font: normal 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

.outerdiv h4 {
	margin-top: 0;
	}

h2.itemhead {
	padding: 3px 10px 3px 10px;
	color: #FFF;
	font-size: 1.2em;
	border: solid #036 1px;
	background: #036 url(/images/headlg.jpg) repeat-x;
}

#borderdiv{ 
	height: auto;
	width: auto;
	border: 1px solid #036;
	padding: 20px;
	margin-bottom: 50px;
	margin-top: 50px;
}

/* list styles */
dl{
	background-color: transparent;
	color: #000;
	font-size: 0.8em;
	list-style: outside;
	padding: 5px;
}

dt{
	color: #4C7099;
	font-size: 1.0em;
	list-style: outside;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color: transparent;
}

li{
	padding-top: 5px;
}

ul, ol {
	font: 0.8em  Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

ul ul, ul ol, ol ol, ol ul {
	font-size: 100%;
	}

ol li{
	background-color: transparent;
	list-style: decimal outside;
}
ul li{
	background-color: transparent;
	list-style: square outside;
}
li p {
	font-size: 1em;
}

/* table related selectors */
caption{
	background-color: #DBE4F2;
 	border: 1px solid #036;
	color: #036;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	width: 95%;
	/*margin: 10px 0 10px 0;*/
	padding: 3px 0 3px 0;
}

table{
	width: 95%;
	margin-bottom: 5px;
}

.tableborder{
	border: 1px solid #036;
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tabulartable{
 	border: 1px solid #036;
 	border-collapse: collapse;
	border-bottom-width: 0;
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
     /*padding: 3px;*/
}

.tabulartable td{
	border: 1px solid #036;
	border-collapse: collapse;
}

.tabulartable p{
	font-size: 1.0em;
}

td{
	/*background-color: #FFF;*/
	color: #363636;
	font: .9em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 3px;
}

th{
	background-color: #CEDBED;
    border-bottom: 1px solid #036;
	color: #036;
	font: .9em Arial, Verdana, Geneva,Helvetica, sans-serif;
	font-weight: 500;
	padding: 4px;
}
.colth{
	border-right: 1px solid #036;
	width: 18%;
 }
fieldset{
	padding: 10px;
}

legend{
	background-color: transparent;
	color: #036;
	font: 1.0em bold Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
/* misc selectors */
.smalltext{
	background-color: transparent;
	color: #000;
	font-size: 0.7em;
}
em{
	font-style: italic;
}

/* The following are content specific selectors for tips, warnings, code blocks, etc */
/* The first three selectors will create a block with a border */
/* Apply this class to to the P element that is a note or a tip */
.tip{
	background-color: #99B5E1;
	border: 1px solid #036;
	color: #000;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 5px;
	width: auto;
}
/* Apply this to any P element that is a warning */
.warning{
	color: #F00;
	border: 1px solid #F00;
	background-color: #EFF2F8;
	font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-right: 0px;
	padding: 5px;
	width: auto;
}
/* Apply this class to any blocks of code you want to show */
.code{
	background-color: #FEFCF5;
	border: 1px solid #036;
	color: #333;
	font: 0.9em "Lucida Console", "Courier New", Courier, monospace;
	letter-spacing: 1px;
	margin: 15px 0px 15px 0px;
	padding: 15px;
	line-height: 130%;
	width: auto;

/*the following 3 styles prevent text, or text in code blocks and tips that are within lists from being too small*/
}
li .code{
	font-size: 1.0em;
}
li .tip{
	font-size: 1.0em;
}
li p {
	font-size: 1.0em;
}
/*These four selectors can be applied inline and have no borders */
/* Apply this class to any code you want to show inline, monospaced */
.plaincode{
	color: #333;
	font: 1.1em  "Courier New", "Lucida Console", Courier, monospace;
	background-color: #FCF7E2;
	letter-spacing: .1em;
}
/* Apply this class if you need to emphasize code within the .code block */
.impcode{
	background-color: #DBE4F2;
	padding: 2px;
	margin-top: 40px;
	position: relative;
}
/* Apply this class to any tip inline or to a portion of a codeblock */
.inlinewarning {
	color: #F00;
	background-color: #EFF2F8;
	}
/* Apply this class to text/code you want to emphasize inline and without the Courier font */
.inlineimp {
	color: #036;
	background-color: #DBE4F2;
}

/* These two classes are for use ONLY during the edit process. Do not go live with these. */
.editorsuggestions{
	background-color: #ADD8E6;
	color: #036;
	font-weight: bold;
}	
.authorresponse{
	color: #FFF;
	background-color: #036;
	font-weight: bold;
}

/* apply this class to anything that must have a white
background this prevents the item from looking odd as
it scrolls past the watermark on the site.*/
.edging{
	border: 1px solid #333;
}
pre {
	font: 13px "Courier New", Courier, mono;
	color: #333333;
}