/* This is the Box Model.  Change this area to adjust column widths */
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 970px;
}

#navBar {
	float: left;
	width: 246px;
	position: relative;
}

#sideBar {
	float: right;
	width: 124px;
	position: relative;
}

#content { 
	float: left;
	width: 600px;
	position: relative;
}

/* This is the Panel Model.  This area governs the panel images and logos */

.logoPanel{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
}

div.navPanel{
	height: 488px;
	width: 246px;
	background-image:url(/images/navPanel.png);
}

div.topPanel{
	height: 127px;
	width: 600px;
	background-image:url(/images/topPanel.png);
}


div.frontText{
	height: 240px;
	width: 360px;
	background-image:url(/images/frontText.png);
	float:left;
}

.frontTextAlign{
	padding-top: 13px;
	padding-left: 17px;
	width: 320px;
}

div.frontImageOne{
	height: 240px;
	width: 240px;
	background-image:url(/images/frontImageOne.png);
	float:right;
}

.imageOneAlign{
	padding-top: 13px;
	padding-left: 13px;
}

div.frontImageTwo{
	height: 240px;
	width: 240px;
	background-image:url(/images/frontImageOne.png);
	float:left;
}

div.kickerBarOne{
	height: 120px;
	width: 600px;
	background-image:url(/images/kickerBarOne.png);
	float:left;
	font-size:1.2em;
}

.kickerBarOneFirst{
	height: 90px;
	width: 210px;
	float:left;
	margin-bottom: 13px;
	left: 13px;
	top: 13px;
	position: relative;
}

.kickerBarOneSecond{
	height: 90px;
	width: 210px;
	float:left;
	left: 44px;
	top: 13px;
	position: relative;
}

.kickerBarOneThird{
	height: 90px;
	width: 90px;
	float: left;
	left: 74px;
	top: 13px;
	position: relative;
}

div.kickerBarTwo{
	height: 240px;
	width: 360px;
	background-image:url(/images/kickerBarTwo.png);
	float:left;
	font-size:1.2em;
}

.kickerBarTwoFirst{
	height: 210px;
	width: 90px;
	float:left;
	margin-bottom: 13px;
	left: 13px;
	top: 13px;
	position: relative;
	}

.kickerBarTwoSecond{
	height: 90px;
	width: 210px;
	float:left;
	left: 44px;
	top: 13px;
	position: relative;
}

.kickerBarTwoThird{
	height: 90px;
	width: 90px;
	float: left;
	left: 44px;
	top: 43px;
	position: relative;
}

.kickerBarTwoFourth{
	height: 90px;
	width: 90px;
	float: left;
	left: 74px;
	top: 43px;
	position: relative;
}

.innerPageText{
	background-color: #FFFFFF;
	padding-right: 6px;
	padding-left: 6px;
	margin-top: 2px;
	margin-right: 6px;
	margin-left: 5px;
	background-image: url(/images/greenTeaPot.png);
	background-repeat: no-repeat;
	background-position: left bottom;

}

/* The CSS that puts a border around images, if desired */
.imageBorder{
	padding: 7px;
	margin: 5px;
	background-color:#c85247;
}

/* This is the CSS that governs the colours and fonts */
body{
	background-color:#f8842d;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
		color: #333333;
}

h1{
	color:#c85247;
	margin:0px;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 2.0em;
}

h2{
	color:#c85247;
	font-size: 1.6em;
	margin:0px;
}

h3{
	color:#c85247;
	font-size: 1.4em;
}
ul{
	list-style-type: square;
	color: #666666;
	}

/*Getting table cells to display more neatly*/
td{clear:both;}


/* For controlling a span to make inline text larger */
.largeFont{font-size: larger}

/* Navigation menu, fully CSS styled. */
#navMenu ul
{
	list-style: none;
	margin: 0;
	padding-top: 13px;
	padding-left: 13px;
	font-weight: bold;
	line-height: 14px;
}

#navMenu li {
/* make the list elements a containing block for the nested lists */
position: relative;

} 


#navMenu li a
{
	height: 2em;
	/*width: 224px;*/
	line-height: 2em;
	display: block;
	color: #336600;
	text-decoration: none;
	text-align: left;
	text-indent: 18px;
	background-image: url(/images/liDot.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#navMenu li a:hover
{
	height: 2em;
	/*width: 224px;*/
	line-height: 2em;
	display: block;
	color: #c85247;
	text-decoration: none;
	text-align: left;
	background: url(/images/liDot.png) #daf1a2 center left no-repeat;
	text-indent: 18px;
}

#navMenu li ul {
  display: none;
  position: absolute;
  top: -12;
  left: -45; /* to position them to the right of their containing block */
  width: 90%; /* width is based on the containing block */
  z-index: 1000;
}

#navMenu li:hover ul { 
   position: relative;
   display: block; 
   z-index: 1000;
   background: white;
   border: thin solid #666699;
   padding-bottom: 6px;
   width: 90%;
} 

/* Fix for IE 7 Menu*/
.sfhover {
   z-index: 950;
   position:relative;
}


/* Link Styles for the Main Text */
.MainText a:link {text-decoration: none; color:#999d40; font-weight: bold;}
.MainText a:visited {text-decoration: none; color:#999d40; font-weight: bold;}
.MainText a:active {text-decoration: underline; color:#c85247; font-weight: bold;}
.MainText a:hover {text-decoration: underline; color:#c85247; font-weight: bold;}

/* Link Styles for the Panel Text */
.PanelText a:link {text-decoration: none; color:#802D26; font-weight: bold;}
.PanelText a:visited {text-decoration: none; color:#802D26; font-weight: bold;}
.PanelText a:active {text-decoration: underline; color:#616428; font-weight: bold;}
.PanelText a:hover {text-decoration: underline; color:#FFFFFF;font-weight: bold;}