/*<group=Global Classes>*/

.i {
	font-style: italic;
}

.c {
	text-align: center;
}

.u {
	border-bottom: #aaa solid 2px;
}

.b {
	font-weight: bold;
}

.r {
	text-align: right;
}

.bb {
	border-bottom: #eee solid 1px;
}

.big {
	font-size: 150%;
}



#contentContainer h1, #contentContainer h2, #contentContainer h3, #contentContainer h4, #contentContainer h5, #contentContainer h6 {
	margin: 10px 20px;
}


#contentContainer h1 {
	font-size: 16pt;
}

#contentContainer h2 {
	font-size: 14pt;
}

#contentContainer h3 {
	font-size: 12pt;
	font-weight: normal;
}

#contentContainer a {
	color: #222;
	font-weight: normal;
}


h4 {
	font-size: 10pt;
	font-weight: normal;
}

* html h1 { margin-top: 15px; }


a {	text-decoration: none; }

img { border: none; }

.h1, .h1a, .h1b, .h1c, .h1d, .h1e {
	padding: 0px 0 0 60px;
	background-repeat: no-repeat;
	background-position: left ;
	font-weight: bold;
	background-image: URL(/images/back-h1a.png);
}

.h1a {
}
.h1b {

}
.h1c {

}
.h1d {

}
.h1e {

}




/*	CLASSES for Colors and font controls - used in the content area	*/

.color1 {
/* Edit {{content_font_color1:color: XXX;:This is color #1, used assign by class="color1 ..." throughout your site.;}} << */
	color: #7f683d;
}

.color2 {
/* Edit {{content_font_color2:color: XXX;:This is color #2, used assign by class="color2 ..." throughout your site.;}} << */
	color: #c7aa72;
}

.color3 {
/* Edit {{content_font_color3:color: XXX;:This is color #3, used assign by class="color3 ..." throughout your site.;}} << */
	color: #ddd;
}

strong, .strong {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}
.sizea {
	font-size: 75%;
}

.sizez {
	font-size: 125%;
}


/*</group>*/


/*<group=Layout>*/

.clearer { clear: both; }


/*</group>*/



/*	IMAGE Classes 	*/
.imgr, .imgl {
	margin: 10px;
	padding: 10px;
	border: #ddd solid 5px;
}

.imgr {
	float: right;
}

.imgl {
	float: left;
}

.imgr2, .imgl2 {
	margin: 10px;
	padding: 10px;
}

.imgr2 {
	float: right;
}

.imgl2 {
	float: left;
}

a:hover .imgr , a:hover .imgl {
	border: #ccc 5px solid;
}



/*	content Classes 	*/

.contentheading {
	font-size: 150%; 
	font-weight: bold;
	margin: 10px 20px;
}

.elementheading {
	font-size: 100%; 
	font-weight: bold;
	margin: 10px 20px;
}


.content {
	margin: 20px;
	line-height: 24px;
	font-size: 14px;
}


hr {
	width: 75%;
	text-align: center;
	height: 1px;
	border-bottom: #ccc 1px solid;
	
}



.subtle  {
	color: #888;
	font-style: italic;
	margin: 20px;
	text-align: center;
	padding: 10px;
}

.note {
	border-bottom: #eee 1px solid;
	border-top: #eee 1px solid;
	font-size: 10pt;
	padding: 20px;
	padding-top: 30px;
	margin: 10px;
	color: #333;
	margin-bottom: 25px;
	background: URL(/images/wgwfade_20.png) repeat-x top;

}

.note2 {
	background: #efefef;
	font-size: 10pt;
	padding: 10px 10px 10px 70px; 
	margin: 10px;
	color: #7384A5;
	margin-bottom: 25px;
	font-weight: normal;
	background: #eee URL(/images/note_img2.gif) no-repeat 20px 15px;
	border-right: 2px #ccc solid;
	border-bottom: 3px #ccc solid;
}

.alert {
	color: #565656 ;
	font-size: 10pt;
	margin: 10px;
	padding: 10px 10px 10px 70px; 
	background: #eee URL(/images/alert_img2.gif) no-repeat 20px 15px;
	border-top: 1px #ccc solid; 
	border-bottom: 2px #ccc solid; 
	margin-bottom: 25px;
	font-style: italic;
}

.error {
	background: #F4CCD2;
	color: #BE4254 ;
	font-size: 10pt;
	margin: 10px;
	padding: 10px 20px 10px 80px; 
	background: #F4CCD2 URL(/images/error_img2.gif) no-repeat 20px 15px;
	border-top: 2px #EF847B dashed; 
	border-bottom: 2px #EF847B dashed; 
	font-weight: normal;
	margin-bottom: 25px;
}


.halfleft {
	background: URL(/images/wgwfade_20.png) repeat-x top;
	border-right: #eee 1px solid;
	width: 45%;
	float: left;
	padding: 2px 10px;
	font-size: .8em;
}

.halfright {
	background: URL(/images/wgwfade_20.png) repeat-x top;
	padding: 2px 10px;
	width: 45%;
	float: right;
	font-size: .8em;
}

.box3 {
	margin: 2px;
	width: 30%;
	background: #efefef;
	float: left;
	padding: 0px 7px;
	font-size: .8em;
}

.box3a {
	margin: .5%;
	width: 30%;
	float: left;
	padding: .5%;
	border-top: #eee 2px solid;
	border-right: #eee 2px solid;
}



/* BLOCKQUOTE formatting */

blockquote {
	margin: 20px 10px;
	padding: 20px; 
	background: #efefef ;
	border: #ddd solid 2px;
	line-height: 20px;
}

.blockquote {
	font-size: 10pt;
	margin: 10px;
	padding: 10px 10px 10px 80px; 
	background: #efefef URL(/images/blockquotea.gif) no-repeat 25px 20px;
	margin-bottom: 25px;
	color: #585858;
	border: 0;
}

.blockquote2 {
	border: 0;
	font-size: 10pt;
	margin: 10px;
	padding: 15px 40px; 
	background: none;
	margin-bottom: 25px;
	border-top: 2px #B5B8C0 solid; 
	border-bottom: 2px #B5B8C0 solid; 
	color: #585858;
}


/*	common form setup 	*/

.form {
	width: 350px; 
	background: #efefef; 
	padding: 10px 30px; 
	border-bottom: #ccc 3px solid;
	text-align: left;
}

.form .input, .form .textarea , .form .select {
	border: 3px #ddd solid;
	width: 250px;
	padding: 5px;
	margin-top: 5px;
}

.form .select option{
	background: #eee;
	margin: 2px;
}

.form .required {
	background-image: URL(/images/background/back-required8.png);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-left: 20px;
	width: 235px;
}

.submit {
	padding: 5px; 
	background: #eee; 
	color: #555; 
	font-weight: bold;
	border: 3px #bbb solid; 
}


/*	CLASSES for Tables  */

.table {
	margin: 10px;
	width: 95%;
}

.table td {
	padding: 5px;
	font-size: .9em;
	border-bottom: 1px #ccc dotted;	
}

.table thead {
	text-align: center;
	font-weight: BOLD;
	background: URL(/images/wgwfade_80.png) repeat-x bottom;
	background: URL(/images/wgwfade_80.png) repeat-x top;
	background: URL(/images/wgwfade_80.png) repeat-x center;
}

td.table tbody {
	padding: 5px;
	border-right: 1px #ccc dotted;	
}

td.tabledata {
	font-size:13px;
}

td.tabledata2 {
	text-align: center;
}

.table tfoot {
	padding: 5px;
	border-bottom: 3px #ccc double;	
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
}

/*	UL & OL list class 	*/
UL.c1 {
	list-style-image: url(/images/bullets/check1.gif);
}

UL.c2 {
	list-style-image: url(/images/bullets/check2.gif);
}

UL.d1 {
	list-style-image: url(/images/bullets/diamond.gif);
}

UL.d2 {
	list-style-image: url(/images/bullets/diamond2.gif);
}

UL.d3 {
	list-style-image: url(/images/bullets/diamond3.gif);
}

UL.d4 {
	list-style-image: url(/images/bullets/diamond4.gif);
}

UL.d3a {
	list-style-image: url(/images/bullets/diamond3a.gif);
}

UL.d4a {
	list-style-image: url(/images/bullets/diamond4a.gif);
}

UL.dd1 {
	list-style-image: url(/images/bullets/hand.gif);
}

UL.list {
	list-style-position: outside;
	list-style-type: disc;
	margin: 10px 35px;
	padding: 15px;
	text-align: left;
}

UL.list LI {
	margin-left: 15px;
	margin-top: 5px;
	line-height: 20px;

}

UL.list LI UL {
	margin-left: 5px;
	padding-left: 5px;
}

/*	CLASSES for Tables  */

UL.links {
	list-style-image: url(/images/bullet.gif);
	list-style-image: url(/images/bullet2.gif);
	list-style-image: url(/images/bullet3.gif);
}




span.dropcap {
	display: block;
	font-size: 250%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
}


span.inset-left {display: block;padding: 15px;float: left;width: 20%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;padding: 15px;float: right;width: 20%;font-weight: bold;font-style: italic;}

div#bb {
	background: URL(/images/back-bb.jpg) no-repeat bottom right;
	background: URL(/images/back-bb2.jpg) no-repeat bottom right;

}

#mini-gallery  {
	border: 3px #4671AE solid;
	margin: 10px;
	padding: 5px;
}

#mini-gallery legend {
	font-size: 1.1em;
	margin: 10px 0;
	padding: 5px;
}

#mini-gallery img {
	margin: 5px;
	padding: 3px;
	border: #eee solid 5px;
}