/* ie6 png fix */
img, div { behavior: url(images/iepngfix.htc) }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin : 0; 
	padding : 0; 
	border : 0; 
	outline : 0; 
	vertical-align : baseline; 
	background : transparent; 
} 

body { 
	line-height : 1; 
} 

ol, ul { 
	list-style : none; 
} 

:focus { 
	outline : 0; 
} 

table { 
	border-collapse : collapse; 
	border-spacing : 0; 
} 

/* core css */
h1 { /* main headings */ 
	font : 2.0em verdana, arial; 
	color : #336699; 
} 

h2 { /* sub headings */
	font : 1.4em Georgia, serif; 
	color : #555; 
	font-style: italic;
} 

body
{
	background:url(images/bodyBg.jpg) repeat-x #ebebeb;
	font-size: 62.5%;
	font-family: verdana, arial;
	color: #666;
	height: 100%;
	margin: 15px 0;
}

#container #starburstHolder {
	margin-left: 0 auto;
	width: 790px;
	position: absolute;
	top: 40px;
	float: right;
}

#starburst {
	width: 297px;
	height: 227px;
	margin: 0 0 0 350px;
}

/* Containers */
.container
{
	margin: 0 auto;

	width: 790px;
	text-align: left;
}

#top {
	margin: 0 auto;
	width: 790px;
	height: 18px;
	background: url(images/headerTopBg.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#baseline {
	margin: 0 auto;
	width: 790px;
	height: 18px;
	background: url(images/baselineBg.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#main {
	margin: 0 auto;
	width: 790px;
	background: url(images/mainBg.png);
	background-repeat: repeat-y;
	background-position: top center;
}

#header
{
	margin: 0 auto;
	height: 112px;
	width: 779px;
}

.logo {
	float: left;
	padding:  5px 0 0 30px;
	width: 301px;
	height: 89px;
}

.headerRight {
	float: right;
	padding: 5px 30px 0 0;
}

.divider {
	margin: 0 0 0 7px;
	height: 5px;
	width: 777px;

	background: url(images/divider.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

.mainImg {
	margin: 1px 0 1px 7px;
	height: 239px;
	width: 777px;
}

/* navigation */
#nav { 
	width: 777px; 
	height: 43px; 
	margin: 0 0 0 7px;
	float: none; 
	color: #fff; 
	font-size: 1.6em; 
	font-weight: ; 
	line-height: 1em; 
	background: #fff url(images/navBg.jpg) repeat-x; 
} 

#nav ul { 
	list-style-type: none; 
/* 	padding: 0 0 0 160px; */
	padding: 0 0 0 210px;
} 

#nav ul li { 
	display: block; 
	float: left; 
} 

#nav ul li a { 
	float: left; 
	display: block; 
	padding: 14px 15px 13px 15px; 
	color: #fff; 
	text-decoration: none; 
} 

#nav ul li a:hover { 
	background: url(images/navBgOver.jpg) repeat-x; 
} 


#content { 
	float: left;
	margin: 0 0 0 7px;
	width: 777px;
	border-bottom: 1px solid #bbb;
}

.colOne {
	float: left;
	width: 250px;
}

.colTwo {
	float: left;
	width: 525px;
}

.contentContainer {
	padding: 20px 10px 20px 20px;
}

.contentContainer p {
	padding-top: 20px;

	font-size: 1.2em;
	font-family: verdana, arial;
	line-height: 1.6em;
	color: #666;
}

.contentContainer p img {
	padding: 0 0 0 30px;
}

/* Link */

p a {
	text-decoration: underline;
}

p a:link,
p a:visited,
p a:hover,
p a:active, {
	text-decoration: underline;
	color: #336699;
}

p a:hover {
	text-decoration: none;
}

/* Lists */
#list {
	list-style: square;
	margin: 10px 10px 10px 30px;
}

#list li {
	font: 1.2em verdana, arial;
	color: #666;
	margin-left: 20px;
	line-height: 1.6em;
}

#list li a {
	display: block;
}

#list li a:hover {
	text-decoration: none;
}

/* Footer */
#footer {
	margin: 0 0 0 7px;
	width: 777px;
}

.footerContainer { 
	padding: 20px 0 0 30px;
} 

.footerContainer p {
	padding: 10px 0;
	line-height : 1.6em; 
	font-size : 1.0em; 
	color : #666; 
}

.footerContainer a { 
	text-decoration : none; 
	color : #666; 
} 

.footerContainer a:hover { 
	text-decoration : underline; 
}

/* framed images */
.frame
{
	border:1px solid #bbb;
	display:block;
	float:left;  /*for shrink to fit*/
}

.matte,
.frame a
{
	background-color:#fff;
	padding:7px;
	display:block; /*for when attached to anchors*/
}

.frame a:hover
{
	background:#DEDEDE;
}

.frame img
{
	border:1px solid #bbb;
	display:block;  /*to unattach from baseline*/
}

.hide
{
	display:none;
}

.clear
{
	clear: both;
	font-size: 0;
	height: .1px;
}

/* drop shadows */
.wrap1, .wrap2, .wrap3 
{
	display:block;
	float:left;	
}

.wrap1 
{
	background:url(images/shadow_br.jpg) right bottom no-repeat;
}

.wrap2 
{
	background:url(images/shadow_bl.jpg) left bottom no-repeat;
}

.wrap3 
{
	padding:0 20px 20px 0;
	background:url(images/shadow_tr.jpg) right top no-repeat;
}