body { font-family: sans-serif, Helvetica; font-size: 13px;}
h3 { 
	padding: 0 7px;
	margin-bottom: 0em;
	font-size: 13px;
	margin-top: 0em;
}
h4 { 
	padding: 0 7px; 
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 0em;
}

p {
	margin-bottom: 13px;
}

.subpara
{	
	padding: 2px 0 0 0;
	margin: .5em 7px 0 7px;
	border-top: 1px solid #6a83c8;
	text-align: center;
	
}

/* .col2-set:after,
.col3-set:after,
.col2-content:after,
.clear:after 
	{
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
	}
*/

/* Column positions */

.col2-setup .col-1 { float:left; width:310px; padding-right:0px; margin-right:auto; }
.col2-setup .col-2 { float:left; width:524px; }

.col3-setup .col-1 { float:left; width:310px; padding-right:0px; margin-right: auto;}
.col3-setup .col-2 { float:left; width:310px; padding-right:0px; margin-right: auto;}
.col3-setup .col-3 { float:left; width:276px; }

.col1-setup .col-1 { float:left; width:958px; padding-right:0px; margin-right:auto; }


/* HEADER */
#toplogo1
{
	position: absolute;
	top: 5px;
	left: 35%;  
/*	margin-left: auto;
	margin-right: auto;*/
	z-index:15;
}

#toplogo1 a:visited img {border-style: none;}
#toplogo1 a:link img {border-style: none;}

.topgradient1
{
	width:auto;
	height: 100px;
	background-image: url(topbackground.jpg); 
	background-repeat: repeat;
}

#main
{
	margin: inherit;
	width: 100%;
	text-align:center;
}

#container
{ 
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#subheader
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd50.jpg); 
	background-repeat: repeat;
	height: 50px;
	border-top: none;
	width: 954px;
	margin-right: 1px; 
	margin-left: 1px;
}

#subheader h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox956aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
#subheader p
{
	padding: 0 3px 0 7px;  
	font-size: 14px;
	margin-top: 0px;
}
#subheader li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
	
}

#subheaderbig
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 954px;
	margin-right: 1px; 
	margin-left: 1px;
}

#subheaderbig h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox956aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
#subheaderbig p
{
	padding: 0 3px 0 7px;  
	font-size: 14px;
	margin-top: 0px;
}
#subheaderbig li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
	
}
/* r1=row1  p1=position1 c1=one column wide color=color of headerbar */
/* p2 can be used in position 2 or 3 in a 3-column set up */
/* row1 and row2 styles are used when the subheader style is NOT used */
/* row3 and row4 styles are used when the subheader is used (row1) */

/* small header for iphone application */
.smheader
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd50.jpg); 
	background-repeat: repeat;
	height: 50px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 1px;
}

.smheader h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox300aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
.smheader p
{
	padding: 0 3px 0 7px;  
	font-size: 14px;
	margin-top: 0px;
}
.smheader li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
	
}

/* single column with aqua header for iphone 300px height*/
.r1p1c1aqua
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 1px;
}

.r1p1c1aqua h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox300aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
.r1p1c1aqua p
{
	padding: 0 3px 0 7px;  
/*	font-size: 13px; */
	margin-top: 0px;
}

.r1p1c1aqua .p2
	{
	padding: 0 3px 0 7px;  
	font-size: 14px;
	margin-top: 0px;
}

/* single column with blue header for iphone 300px height*/
.r1p1c1blue
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 1px;
}

.r1p1c1blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
.r1p1c1blue p
{
	padding: 0 3px 0 7px;  
/*	font-size: 13px; */
	margin-top: 0px;
}

.r1p1c1blue .p2
	{
	padding: 0 3px 0 7px;  
	font-size: 14px;
	margin-top: 0px;
}


/*iphone footer options */
#footerlow2
{	
	clear: both;
	top: 140px;
	position: relative;
/*	top: 810px;*/
	height:70px; width:300px;
	margin: 0px auto 0px auto;
	text-align:center;
	background:url(footergrad960x70.jpg) no-repeat 50% 0;
}

#footerup2 p
{
	position:relative;
	top: 10px;
	padding: 0px 5px 0 10px;  
	font-size: 12px; color:#adb8bd;
	margin-top: -1px;
	vertical-align: middle;
}

#footerup2 p a:link{color:#adb8bd}

#footerlow2 p
{
	position:relative;
	top: 10px;
	padding: 0px 5px 0 10px;  
	font-size: 12px; color:#adb8bd;
	margin-top: -1px;
	vertical-align: left;
}

#footerlow2 p a:link{color:#adb8bd}

/* row1 style options */

/* single column with aqua header, first position */
#r1p1c1aqua
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 1px;
}

#r1p1c1aqua h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox300aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
#r1p1c1aqua p
{
	padding: 0 3px 0 7px;  
/*	font-size: 13px; */
	margin-top: 0px;
}

#r1p1c1aqua .p2
	{
	padding: 0 3px 0 7px;  
	font-size: 14px;
	margin-top: 0px;
}

/* single column with blue header, second position  */
#r1p2c1blue
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 28px;
}

#r1p2c1blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r1p2c1blue p
{
	padding: 0 5px 0 10px;  
	font-size: 14px;
	margin-top: 0px;
}

#r1p2c1blue li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
	
}

/* alt. style for 3rd position--if you use two single column boxes and need unique ID */
#r1p3c1blue
{
	position: relative; 
	top : 45px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 28px;
}

#r1p3c1blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r1p3c1blue p
{
	padding: 0 5px 0 10px;  
	font-size: 14px;
	margin-top: 0px;
}

#r1p3c1blue li
{
	font-size: 12px;
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 5px;
	margin: 0;
}

/* row2 style options */
/* single column with blue header, first position */
#r2p1c2blue
{
	position: relative; 
	top : 85px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 626px;
	margin-right: 1px; 
	margin-left: 1px;
}

#r2p1c2blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox628.jpg) no-repeat 0 0;
	font-weight: bold; 
	font-size: 16px;
}

#r2p1c2blue p
{
	padding: 0px 3px 0px 7px; 
	-webkit-text-size-adjust:none;
	font-size: 12px;
	margin-top: 0px;

}

/* single column with aqua header, second/third position, depending on size of preceding columns  */
#r2p2c1aqua
{
	position: relative; 
	top : 85px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 28px;
}

#r2p2c1aqua h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox300aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r2p2c1aqua p
{
	padding: 0 5px 0 10px;  
	font-size: 12px;
	margin-top: 0px;	
}

#r2p2c1aqua h3
{
	padding: 0 0 0 10px;
	font-weight: bold; font-size: 14px;
	color: #4f8bb2;
}
#r2p2c1aqua li
{
	font-size: 12px;
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 5px;
	margin: 0;
}

#r2p2c1aqua .news
{
	border: 2px ridge #6a83c8;
	margin: 0 25px;
	padding: 0px;
	background-image:url(gradientbkgrd100rev.jpg);
	background-repeat:repeat;
	height: 100px;
	font-size: 12px;

}
#r2p2c1aqua .news p
{
	padding-left: 25px;
	text-align:left;
	margin-bottom: 5px;
	
}

#r2p2c1aqua .links
{
	padding: 0 0 0 10px;
	font-size: 12px;
	text-align:center;
}

#r2p1c1blue
{
	position: relative; 
	top : 85px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 1px;
}

#r2p1c1blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r2p1c1blue p
{
	padding: 0 5px 0 10px;  
	font-size: 14px;
	margin-top: 0px;
}

#r2p1c1blue li
{
	font-size: 12px;
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 5px;
	margin: 0;
}

/* can also use this style in the first row below a subheader */
#r2p2c1blue
{
	position: relative; 
	top : 85px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 28px;
}

#r2p2c1blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r2p2c1blue p
{
	padding: 0 5px 0 10px;  
	font-size: 14px;
	margin-top: 0px;
}

#r2p2c1blue li
{
	font-size: 12px;
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
}

/* row 3 style options -- use in conjunction with subheader style  */
#r3p1c1aqua
{
	position: relative; 
	top : 85px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 1px;
}

#r3p1c1aqua h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox300aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
#r3p1c1aqua p
{
	padding: 0 3px 0 7px;  
/*	font-size: 13px;*/
	margin-top: 0px;
}

#r3p1c1aqua li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 2px 0 7px;
	margin: 0;
}
/*  use style #r2p2c1blue for single column first row apps after subheader style */
/* use the following for double column box, first row after subheader style,  */
#r3p2c2blue
{
	position: relative; 
	top : 85px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 626px;
	margin-right: 1px; 
	margin-left: 28px; 
}

#r3p2c2blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox628.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r3p2c2blue p
{
	padding: 0 5px 0 10px;  
/*	font-size: 13px;*/
	margin-top: 0px;
}

#r3p2c2blue li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
}
/* row4 style options -- use in conjunction with subheader style  */
/* use the following for double column box, second row after subheader style, position 1 */

#r4p1c2blue
{
	position: relative; 
	top : 125px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 626px;
	margin-right: 1px; 
	margin-left: 1px;
}

#r4p1c2blue h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox628.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}

#r4p1c2blue p
{
	padding: 0 5px 0 10px;  
/*	font-size: 13px;*/
	margin-top: 0px;
}

#r4p1c2blue li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
}
/* use the following for single column box, second row after subheader style, position 2, following a double column box */
#r4p2c1aqua
{
	position: relative; 
	top : 125px;
	z-index : 12;
	color: #364366;
	border: 1px solid #6a83c8;
	background-image: url(gradientbkgrd300.jpg); 
	background-repeat: repeat;
	height: 300px;
	border-top: none;
	width: 298px;
	margin-right: 1px; 
	margin-left: 28px;
}

#r4p2c1aqua h2
{
	height: 30px;
	padding: 3px 0px 0 12px;
	margin: -26px -1px 0 -1px; 
	border: 0px;
	color: #ffffff; 
	background: url(titlebox300aqua.jpg) no-repeat 0 0;
	font-weight: bold; font-size: 16px;
}
#r4p2c1aqua p
{
	padding: 0 3px 0 7px;  
/*	font-size: 13px;*/
	margin-top: 0px;
}

#r4p2c1aqua li
{
/*	font-size: 13px;*/
	list-style-image: url(blueorb10x10.png);
	list-style-type:disc;
	list-style-position: inside;
	padding: 3px 0 0 7px;
	margin: 0;
}
#r4p2c1aqua .news
{
	border: 2px ridge #6a83c8;
	margin: 0 25px;
	padding: 0px;
	background-image:url(gradientbkgrd100rev.jpg);
	background-repeat:repeat;
	height: 100px;
	font-size: 12px;

}
#r4p2c1aqua .news p
{
	padding-left: 25px;
	text-align:left;
	
}

#r4p2c1aqua .links
{
	padding: 0 0 0 10px;
	font-size: 12px;
	text-align:center;
}

/* fix ME!!!!!!!!!    try using the ID to position it and then use a class for the rest of the stuff, like #footerupper class=footerstyles and "reuse"
in each footer on the html????? */

#footerup
{
	clear: both;
	top: 100px;
	position: relative;
/*	top: 710px;*/
	height:70px; width:960px;
	margin: 0px auto 0px auto;
	text-align:center;
	background:url(footergrad960x70.jpg) no-repeat 50% 0;
}

#footerlow
{	
	clear: both;
	top: 140px;
	position: relative;
/*	top: 810px;*/
	height:70px; width:960px;
	margin: 0px auto 0px auto;
	text-align:center;
	background:url(footergrad960x70.jpg) no-repeat 50% 0;
}

#footerup p
{
	position:relative;
	top: 10px;
	padding: 0px 5px 0 10px;  
	font-size: 12px; color:#adb8bd;
	margin-top: -1px;
	vertical-align: middle;
}

#footerup p a:link{color:#adb8bd}

#footerlow p
{
	position:relative;
	top: 10px;
	padding: 0px 5px 0 10px;  
	font-size: 12px; color:#adb8bd;
	margin-top: -1px;
	vertical-align: middle;
}

#footerlow p a:link{color:#adb8bd}

#footerlogo
{
	text-align: left;
	vertical-align:-90%;
}

#footerlogo a:visited img {border-style: none;}
#footerlogo a:link img {border-style: none;}

#rightsideboxabout
{
	position : absolute;
	left : 89%;
	top : 130px;
	width : 160px;
	padding-left : 10px;
	z-index : 2;
	padding : 3px;
}

#leftsideboxabouttop
{
	position : absolute;
	left: 0%;
	top : 130px;
	width : 280px;
	padding-left : 10px;
	z-index : 2;
	padding : 3px;
}

#leftsideboxaboutbottom
{
	position : absolute;
	left: 0%;
	top : 430px;
	width : 280px;
	padding-left : 10px;
	z-index : 2;
	padding : 3px;
}


/* sub column positioning */

#sub-col-left-top
{
	position: relative; 
	top : 0px;
	z-index : 12;
	height: 200px;
	border: none;
	width: 298px;
	padding: 0 7px 0 5px;
	margin-top: -15px;
}

#sub-col-right-top
{
	position: relative; 
	top : 0px;
	z-index : 12;
	height: 200px;
	border: none;
	width: 298px;
	padding: 0 7px 0 5px;
	margin-top: -15px;
}