/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, 
ol, ul, li, dl, dt, dd, td, form, fieldset, a,
#wrapper, #banner  
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set the bg color, default font family and size here. */
body {
	background: #003333;
	font-family:"Arial", Verdana, sans-serif;
	font-size: 90%;
	color: #FFFFFF;
}

/* Set the color and font for headings. The bottom margin adds space below the heading. */
h1	{
	font-family: "Lucida Calligraphy", "Edwardian Script ITC", Georgia, "Times New Roman";
	font-size: 22px;
	color: #D2E1F2;
	padding-bottom: 5px;
	font-weight: lighter;
}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #E1E1E1;
	letter-spacing: 2px;
	padding-bottom: 5px;
}


h3	{
	font-size: 18px;
	font-variant: small-caps;
	color: #D2E1F2;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding-bottom: 5px;
}

h4,h5,h6 {
   color: #fff;
   margin-bottom: 0.2em;
}

/* Add a bit of padding below all the paragraphs. */
p { padding-bottom: 0.8em; }

/* No borders on any images. */
img	{
	border: none;
 }

/* Links are white and not underlined. */
a, a:visited {
	color: #D2E1F2;
	text-decoration: underline;
}

/* Visited links are also blue but just a little lighter. 
  { color: #fff; }*/

/* Hovered links are bold and NOT underlined. */
a:hover {
	color: #fff;
	font-weight: bold;
}

/* This div wraps all three columns plus the banner, but doesn't include the footer. */
#wrapper {
  width: 100%;		/* Ensures that we use the entire width of the browser. */
  margin: 10px auto;
}

/* This div has the page's H1 and header image. Note the z-index. */
#banner	{
  width: 100%;		/* Stretches across the entire width of the browser. */
  background: #003333 url(../images/logo.jpg) no-repeat right;	/* This is the image of the  colored shells (right side). */
  height:173px;		/* Needs to be big enough to show the header image that's in the H1. */
  z-index:400; 		/* This z-index is lower than the content's z-index so that the banner always sits behind the content */
}

/* *********************************************************************************
The area between the banner and footer is occupied by 3 div's that sit side-by-side: 
 left-sidebar	Left side. 	Fixed width and absolutely positioned. Contains other divs that act like pods for content.
 content	Center.		Liquid width. Takes whatever is left over after placing the left and right sidebars.
 right-sidebar	Right side.	Fixed width and absolutely positioned. 
***********************************************************************************/

/**************************/
/* This div is fixed width and absolutely positioned. It contains additional div's. Note the z-index. */
#left-sidebar {
	position:absolute;
	width:210px;  
	top: 173px;   	/* Equal to the heights of banner plus banner's border plus 10 */
	left: 0;
	padding: 10px;	/* Adds space around div. */
	font-size: 90%;
    z-index:600; 	/* This z-index higher than the content's z-index so that the left sidebar content always sits above the content */
}

/* All the sidebar div's share these rules. */
.left-sidebar-all {
	margin-top: 5px;
	color: #333;
	line-height: 3em;
	text-decoration: none;
}

/* The title in each of the sidebar div's has a H3. */
.left-sidebar-all h3 {
	color: #FFF;
	padding: 0.2em;
	font-size: 100%;
}

/* The lists and paragraphs in each of the sidebar div's share these rules. */ 
.left-sidebar-all ul,	
.left-sidebar-all p {	
	/*background-color: #003333;	 Need to set the list's bg color to white since the div that the list sits in has a diff bg color. */
	padding: 10px;
}

/* No bullets on our lists. */
.left-sidebar-all ul {	
	list-style: none;
}

/* Make the links block level selectable. */
.left-sidebar-all li a 	{
	width: 100%; 	/* needed by IE6 */
	display: block;
	background-image: url(../images/logo-design-clear.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 45px;
	font-family: "Lucida Calligraphy", "Edwardian Script ITC", Georgia, "Times New Roman";
	font-size: 18px;
	text-decoration: none;
}

/* Background image (shell) appears when the link is hovered over. */
.left-sidebar-1 a:hover {
	background: url(../images/logo-design-inverse-clear.jpg) no-repeat left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.left-sidebar-1 a:visited {
	text-decoration: none;
}

/* 1st div in left sidebar. Green border and bg. 
.left-sidebar-1 {
	background-color: #003333;
}*/

/* 2nd div in left sidebar. Blue border and bg. */
.left-sidebar-2 { 
	border: 2px solid #000099;
	background-color: #000099;
}

/* 3nd div in left sidebar. Red border and bg. */
.left-sidebar-3 { 		
	border: 2px solid #990000;
	background-color: #990000;
}

/* Default link styling overridden for the 3rd sidebar. */
.left-sidebar-3 a,
.left-sidebar-3 a:visited {
	color: #333;
	text-decoration: none;
}
.left-sidebar-3 a:hover {
	text-decoration: none;
}

/**************************/
/* This is the center div. */
#maincontent {
	position:relative; 
	width:auto;						/* This causes the width to be liquid. */
	
	margin: 0 150px 0 190px; 		/* Make the left and right margins big enough  */
	padding: 0 30px 0 35px;			/* Add some space between the border and the text. */
	/*border: 1px solid #000;
	border-bottom: none;			 Don't need this border since the footer is also black. */
	z-index:500;					/* This z-index is lower than for the left and right side bars so the main content sits under the side bars. And this z-index is higher than the banner's z-index so the main content is above the banner. */
	/* height: 500px; */ 			/* Specify a height if your sidebar content is longer than your main content. */
}

#maincontent p {
	top: -30px;	
}

#maincontent ul {
}

#maincontent li {
	font-size: 120%;
	color: #CCCCCC;
	line-height: 25px;
	font-weight: bold;
}





/**************************/
/* The footer div stretches across the page. */
#footer	{
	font-family: "Lucida Calligraphy", Edwardian Script ITC, Georgia, Times New Roman;
	position: relative;
	background: #003333;
	padding: 1em;
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	clear: both;
	margin: 0 150px 0 190px; 		/* Make the left and right margins big enough  */
}

/* The images in the footer act as separators for the links. */
#footer img {		
	vertical-align: bottom;
}
#footer li{
display: inline;/*set the list to display inline*/
}

/* The footer links are green, and underlined when hovered over. */
#footer a,
#footer a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}

#footer a:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}


/**************************/
/* skip link is positioned off the screen, but still allows screen readers to see it */
#skiplinks {
	position: absolute;
  	margin-left: -1000px;
}

/* don't display the title image used for printing */
.printtitle {
	display: none;
}

TABLE.cobtbl{
	background-color: #002222;
	border: thin solid #FFFFFF;
	cellspacing: 0;
	cellpadding: 5px;
} 

TD.cobhl{
background-color: #002222;


}

TD.cobll{
background-color: #002222;

}

.mincart {
	color: #000000;
}
.mincart a {
	color: #000000;
}
/* form styling - do not remove */

fieldset {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 -1em 0;
	padding: 0 0 1em 0;
	border-style: none;
	/*background-color: #fff;*/
	z-index:500;
	}
	
fieldset.alt {
	background-color: #fff;
	}
	
legend {
	margin-left:1em;
	padding: 0;
	color: #00637B;
	font-size:130%;
	font-weight: bold;
	}

legend span {
	position: absolute;
	left: 1.45em;
	top: 0;
	margin-top: 0.5em;
	
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #00637B;
	
	}
	
fieldset ol {
	padding: 1.2em 1em 0 1em;
	list-style: none;
	}
	
fieldset li {
	padding-bottom: 1em;
	}
	
fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-top: 1.5em;
	padding-left: 12em;
	/*background-color: #ffffff;*/
	}
	
label {
	float: left;
	width: 8em;
	margin-right: 1em;
	text-align: right;
	}