@charset "utf-8";
/* CSS Document */

/*<group=Global Classes>*/

#content {
	padding: 15px 0px 0px;
	line-height: 1.5em;
	width: 585px;
	margin: 15px auto;
}

/* - start - this is the default content formats */
#content h1 {/*rich: added on 9-16-09 (for default content format)*/
	color: #db8b23;
	font-weight: bold;
	margin: 0px 0px 15px;
}

#content h2 {
	margin: 5px 0px 0px;
	color: #db8b23;
	font-weight: bold;
}

#content h3 {
	color: #f6e364;
	font-weight: bold;
}

#content h4 {
	color: #db8b23;
	font-weight: bold;
	margin: 5px 0px 0px;
}

#content p {
	color: #db8b23;
	margin: 5px 10px;
	line-height: 20px;
	font-size: 100%;
}

/* - end - */

.space {
	margin-bottom: 20px;
}

.b {
	font-weight: bold;
}

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

.i {
	font-style: italic;
}

.center {
	text-align:center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

#contentContainer h1 {
	font-size: 28px;
}

#contentContainer h2 {
	font-size: 22px;
}

#contentContainer h3 {
	font-size: 14px;
}

#contentContainer h4 {
	font-size: 24px;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

/*	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: #db8b23;
}

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

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

.color4 {
	color: #cf8448;
}

.color5 {
	color: #DFB47D;
}

.b {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.font-size1 {
	font-size: 16px;
}

/*</group>*/


/*<group=Layout>*/

.clearer { clear: both; }


/*</group>*/



/*	IMAGE Classes 	*/

.imgr, .imgl {
	margin: 5px;
	padding: 5px;
}

.imgr {
	float: right;
	width: auto;
}

.imgl {
	float: left;
	width: auto;
}

.imgr2, .imgl2 {
	margin: 0px 30px 0px 0px;
	padding: 0px;
}

.imgr2 {
	float: right;
	width: auto;
}

.imgl2 {
	float: left;
	width: auto;
}

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

/*	content Classes 	*/

.contentheading {
	font-size: 150%; 
	font-weight: bold;
	padding:0px 0px 0px 10px;
}

.elementheading {
	font-size: 100%; 
	font-weight: bold;
	padding:0px 0px 0px 10px;
}

.content, .content2, .content3 {
	margin: 5px 10px;
	line-height: 20px;
	font-size: 100%;
}

.content2 {
	margin: 5px 0px 0px;
}

.content3 {
	margin: 0px 0px 15px;
}

.content4 {
	line-height: 30px;
	margin: 5px;
}

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: #666666;
	margin-bottom: 25px;
	background: URL(none) 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(http://yourownsite.com/_templates/_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(http://yourownsite.com/_templates/_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(http://yourownsite.com/_templates/_images/error_img2.gif) no-repeat 20px 15px;
	border-top: 2px #EF847B dashed; 
	border-bottom: 2px #EF847B dashed; 
	font-weight: normal;
	margin-bottom: 25px;
}

/* BLOCKQUOTE formatting */

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

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

.blockquote2 {
	margin: 20px;
	border: 0;
	font-size: 10pt;
	padding: 25px 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;
	margin: 10px auto;
}

.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(http://yourownsite.com/_templates/_images/background/back-required8.png);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-left: 20px;
	width: 235px;
	background-color:#FFFFFF;
}

.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(http://yourownsite.com/_templates/_images/wgwfade_80.png) repeat-x bottom;
	background: URL(http://yourownsite.com/_templates/_images/wgwfade_80.png) repeat-x top;
	background: URL(http://yourownsite.com/_templates/_images/wgwfade_80.png) repeat-x center;
}

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

.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(http://yourownsite.com/_templates/_images/bullets/check1.gif);
}

UL.c2 {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/check2.gif);
}

UL.d1 {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/diamond.gif);
}

UL.d2 {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/diamond2.gif);
}

UL.d3 {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/diamond3.gif);
}

UL.d4 {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/diamond4.gif);
}

UL.d3a {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/diamond3a.gif);
}

UL.d4a {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/diamond4a.gif);
}

UL.h1 {
	list-style-image: url(http://yourownsite.com/_templates/_images/bullets/hand.gif);
}

ul.d5a {
	list-style-image: url(http://yourownsite.info/_imgshare/bullets/arrow-bullet-2.gif);
}

UL.list {
	list-style-position: outside;
	list-style-type: disc;
	margin: 10px;
	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  */

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

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;}


/* start STYLING for the site search page */

div.searchresult {
	margin-bottom: 25px;
	padding: 3px 15px;
	cursor: pointer;
	border-bottom: #ddd solid 2px;
} 

div.searchresult:hover {
	background-color: #fff;
	background-image: url(http://yourownsite.info/_imgshare/images/site-search/back-divarrow2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: #efefef solid 2px;
	
}

div.searchresult h3, div.searchresult h3 a {
	font-size: 16px;
	padding: 0 0 0 5px;
	margin: 0;
	color: #999;
}

div.searchresult .description {
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #999;
	line-height: 1.4em;
}

div.searchresult img.starsimg {
	margin: 0 0 2px 5px;
}

div.searchresult span.ttl {
	line-height: 1.8em;
	margin: 8px 0 0 0;
	font-weight: bold;
	color: #888;
	font-size: 14px;

}

div.searchresult .date {
	margin: 0 0 0 4px;
	color: #777;
	font-style: italic;

}
div.searchresult a.link {
	margin: 0 0 0 4px;
	color: #888;

}

blockquote {
	padding:0px;
	float:left;
	margin-left:10px;
}

/* END STYLING for the site search page */

div#intro-img {
	width: 573px;
	margin: 0px;
	padding: 0px;
	clear: left;
	height: 380px;
}

.content-divider {
	background: url(../images/content-divider.png) no-repeat;
	width: 885px;
	height: 18px;
	padding: 0px;
	margin: 10px auto 10px;
}

.bottom-links-master {
	width: 885px;
	margin: 0px auto;
}

.bottom-links, .menus {
	width: 275px;
	float: left;
	height: 176px;
	padding: 0px;
	margin: 0px 8px 0px 11px;
}

.menus {
	background: url(../images/menus-btn.png) no-repeat top;
	margin: 0px 0px 0px 0px;
}

.menus-link {
	width: 230px;
	padding: 0px;
	margin: 55px auto 0px;
}

.menus img {
	float: left;
	padding: 0px;
	margin: 0px 5px;
}

/* start: jquery intro image fade*/

#intro-img {/*#gallery*/
	float: left;
	width: 573px;
}

#intro-img a {/*#gallery*/
	float: left;
	position: absolute;
}

#intro-img a img {/*#gallery*/
	border: none;
}

#intro-img a.show {/*#gallery*/
	/*put z-index: 500; here*/
}

/* end: jquery intro image fade*/

/* - start - this goes around text in the home page*/
.content-block {
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.content-block span.content {
	line-height: 30px;
	margin: 5px;
	color: #cf8448;
	font-size: 16px;
}

/* - end - */