/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	background-repeat: repeat-x;
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
	background-image: url(../images/body_bg.gif);
	background-position: 0px 0px;
}

/***** Begin laying out the wrappers *****/

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 768px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background-image: url(../images/outercontent_bg.jpg);/*shadow drop bg image*/
	background-repeat: repeat-y;
}

#outercontent {
	margin-left: 1px;
}


/***** Ends the wrappers *****/

/***** Begin laying out the headers *****/
#topbanner {
	background-image: url(../images/header_bg.gif);/*Main image*/
	background-position: 0px 0px;
	height: 92px;
	margin: 0 auto;
	width: 768px;
}

#topbanner .left {
	margin-left: 20px;
}

#topbanner .dish {
	width: 180px;
	float: right;
	margin-right: 19px;
	display: inline;
}

#subheader {
	background-image: url(../images/subheader_image.gif);/*shadow drop bg image*/
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 124px;
	width: 768px;
}

/***** Ends banners **************/

/******* Begins content layout ***********/

#content {
   margin-left: 230px;
	padding: 7px 0 10px 0;
	width: 510px;
}

#content h2 {
	font-size: 95%;
	margin: 12px 0 0 5px;
	color: #0D1448;
}

#content p {
	font-size: 80%;
	padding: 5px 5px;
}

#content .printheader, #content .handheldheader {
	display: none;/*hide the header for the print style sheet*/
}

#content ul {
	padding-left: 20px;
	font-size: 80%;
}

/****** Ends the content layout ********/

/***** Nav layout ******/

#skip {
	position: absolute; 
	top: -500px;/*places the skip nav off screen*/
}

/* positions the navigation column*/
#sidebar {
	float: left;
	width: 191px;
	margin-left: 15px;
	}
#sidebar h2 {
	min-height: 20px;
	margin-top: 0;
	padding: 10px 3px 3px 33px;
	background: url(../images/header-link-bg.jpg) no-repeat;
	font-size: 100%;
	}
#content-nav {
	padding: 0;
	list-style: none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 15px;
	}
#content-nav li {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE gap caused by display: block on inner a's */
	}
#content-nav a {
	display: block;
	border: 1px solid #000;
	background: url(../images/page-icon.gif) no-repeat 5px;
	background-color: #CC0000;
	text-decoration: none;
	color: #FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 35px;
	}
#content-nav a:hover {
	border: 1px solid #FFF;
	text-decoration: underline;
	}
	
#sidebar img {
padding-left: 10px;
}

/***** Ends the navigation *****/

/***** footers *****/

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0 9px 0 9px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 81px;
	width: 768px;
}


#footer p {
	font-size: 70%;
	float: left;
	margin: 0 0 0 5px;
	width: auto;
	color: #FFF;
}

#footer .jkd {
	float: right; /* Moves list to right side of #footer. */
	margin: 3px 25px 0px 0px; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0px 0px 0px 0px; /* Removes default padding added to lists by some browsers. */
	width: 191px;
}

#footer p, #footer .jkd {
	display: inline;
}

#footer p, #footer .jkd {
	display: block;
}
/***** Ends the footers ********/


/*style the inputs*/
#content text {
	color: #000000;/*set a colour for the text that is added to the inputs*/
	border: 1px solid #000000;/*set a border on the inputs - gives them a flat appearance*/
	margin: 0;/*zero off any margins*/
	width: 150px;/*set a width*/
}

/*style the textarea*/
#content textarea {
	color: #000000;/*set the text colour*/
	border: 1px solid #000000;/*add a border to give it a flat appearance*/
	margin: 0 25px 0 0;/*set a 25 pixel margin to the right zero off any remaining borders*/
	height: 200px;/*set a hegiht for the textarea*/
}

/* shows focus in the form inputs and textarea */
#content input:focus, #content textarea:focus {
	background-color: #FFFF66; /*set the background colour of the input and textarea when the cursor is inside*/
   color: #000; /*set the text colour to white*/
}

/*position the textarea by floating its containing lable*/
.labelfloat {
	float: right;/*float to the right*/
	width: auto;
	padding-top: 20px;/*level it off with the inputs to the left by adding 20 pixels of padding to the top of the label*/
}

/*style the form element labels*/
#content label {
	color: #000;/*set the text colour*/
	font-size: 75%;/*scale the font size off the body selector*/
	padding-top: 5px;/*set a little padding to the top*/
	display: block;/*set the display to block to ensure each input is shown on a different line i.e. they do not run horizontally*/
}

/*style the parent fieldset*/
#content fieldset {
	margin: 0;/*zero off the margins*/
	border: 1px solid #CC0000;/*add a border to define it's edges*/
	text-align: left;/*align the text to the left*/
	padding: 5px 5px 20px 20px;/*set the padding*/
	width: 475px;/*give it a width*/
}

/*style the nested fieldset*/
#content fieldset fieldset {
	width: 225px;/*give it a width*/
	padding: 0;/*remove any default padding*/
	border: none;/*add border none to prevent inheriting a border from the parent*/
}

/*style the form legend - "Contact My COmpany" */
#content legend {
	color: #FFF;/*set the text colour*/
	font-weight: bold;/*set the font weight to bold*/
	font-family: Georgia, "Times New Roman", Times, serif;/*set the font family*/
	background-color: #454545;/*set a background colour*/
	border: 1px solid #000;/*set a border around the legend*/
	padding: 2px;/*set alittle padding to give it some space against the border*/
	font-size: 90%;/*scale the font size against the body selector*/
}

/* our buttons take on the input style, we need to change that and we'll do it with this button class*/
#content .button {
   background-color: #CC0000;/*set the background colour of your form buttons*/
   color: #fff;/*set the text colour to white*/
   width: 80px;/*provide a width*/
   margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
}

/* LINKS --------------------------------------------------- */
/* --------------------------------------------------------- */
a {
	padding: 1px 3px;
	color: #000000;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}