

* { padding: 0px; margin: 0px; }

*, TD { font-family: Arial; font-size: 8pt;}

img { border: 0px; }



a img, a:hover img { text-decoration: none; }

a, a:visited { color: #fff; font-weight:bold; text-decoration: none; }

a:hover { color: #FFF300; font-weight:bold; text-decoration: underline;}



table { border-spacing: 0px; }

TD { vertical-align:top; }

body {

	background: #66CCFF;

	color: #0099D8;

	padding: 2px;

	text-align:center;

}



a, a:visited { color: white; font-weight:bold; text-decoration: none; }

a:hover { color: white; font-weight:bold; text-decoration: underline;}





/* LAYOUT */




#footerDiv {

	font-size: 9pt;

	color: white;

	position: relative;

}

#footerDiv ul { display:inline;}

#footerDiv ul li { display:inline; list-style: square url(http://www.exvotodesign.com/img/gfx/template/footer_bullet.gif) inside; margin :1px;}

/* This is for the footer links */
#footerDiv a {
  color: white;
  
  font-size:11px;

}


/* This is for the copyright message at the bottom of the page */
.copyright {
  font-weight: bold;

  font-size:7pt;

  color: white;
}

#siteWrapDIV {

 	margin: 0px auto;

 	position: relative;

 	text-align:center;

}



#innnerSiteWrapDIV {

	position: relative;

	margin: 0px auto 0px auto;

	width: 750px;

	font-size: 9pt;

	font-weight:bold;

	padding: 5px 3px 5px 3px;

}



#siteNAV {

	position: relative;

	padding: 150px 0 0 0;

}



#siteNAV ul {

	xwidth: 100px;

	xpadding: 0;

	list-style: none;

	display:inline;

}



#siteNAV ul li {

	xbackground: #ddd;

	margin: 1px;

	xheight: 20px;

	display:inline;

}



#siteNAV ul ul {

	padding: 0;

	margin-top: -18px;

	margin-left: 98px;

	width: 202px;

	list-style: none;

	display: none;

}



#siteNAV ul ul li {

	height: 20px;

	width: 200px;

}








#templateIMG1 {

	position: absolute;

	top: 0px;

	left: 100px;

	width: 321px;

	height: 177px;

	xbackground:#66CCFF url(http://www.exvotodesign.com/img/gfx/template/template_logo.gif) no-repeat ;

	//href: url ("http://www.exvotodesign.com/");

}



#templateIMG2 {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 400px;

	height: 472px;

	background:#66CCFF url(http://www.exvotodesign.com/img/gfx/template/template_upper_right.gif) no-repeat;

}



#templateIMG3 {

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 296px;

	height: 331px;

	background:#66CCFF url(http://www.exvotodesign.com/img/gfx/template/template_lower_left.gif) no-repeat;

}





/* Text Alignment */

.txtl { text-align: left; }

.txtr { text-align: right; }

.txtc { text-align: center; }



/* vertical alignment */

.vertt { vertical-align: top; }

.vertm { vertical-align: middle; }

.vertb { vertical-align: bottom; }



/* font changes */

.b { font-weight:bold; }

.i { font-style:italic; }

.u { text-decoration: underline; }



/* margins */

.bm10 { margin-bottom:10px; }

.tm10 { margin-top:10px; }

.tm20 { margin-top:20px; }



/* font sizes */

.fs8 { font-size:8pt; }

.fs9 { font-size:9pt; }

.fs10 { font-size:10pt; }

.fs11 { font-size:11pt; }

.fs12 { font-size:12pt; }

.fs14 { font-size:14pt; }

.fs16 { font-size:16pt; }

.fs18 { font-size:18pt; }



/* padding */

.p1 { padding: 1px 1px 1px 1px; }

.p2 { padding: 2px 2px 2px 2px; }

.p3 { padding: 3px 3px 3px 3px; }

.p4 { padding: 4px 4px 4px 4px; }

.p5 { padding: 5px 5px 5px 5px; }

.p10 { padding: 10px 10px 10px 10px; }

.p15 { padding: 15px 15px 15px 15px; }



.mt5 { margin-top: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.mr5 { margin-right: 5px; }

.m5 { margin: 5px 5px 5px 5px; }



.mt10 { margin-top: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.mr10 { margin-right: 10px; }

.m10 { margin: 10px 10px 10px 10px; }



.mt20 { margin-top: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.mr20 { margin-right: 20px; }

.m20 { margin: 20px 20px 20px 20px; }



.mt50 { margin-top: 50px; }

.mb50 { margin-bottom: 50px; }

.ml50 { margin-left: 50px; }

.mr50 { margin-right: 50px; }

.m50 { margin: 50px 50px 50px 50px; }



/* clean, tabel-less forms */

form.cleanform { text-align:left; position:relative; width: 700px; margin: 0px auto 0px auto; border: 0px solid black; }

form.cleanform h2 { font: normal 18pt Impact; color:#630063; }

form.cleanform div.desc { font: normal 10pt Arial; color:#630063; margin: 5px 20px 10px 20px; }

form.cleanform div.theform { margin: 5px 20px 10px 20px; background-color: #f7f7f7; border: 1px solid silver; }

form.cleanform label { margin: 5px 0px 5px 5px; font: bold 12pt Arial; display:block; color: #4A8E00; }

form.cleanform label span { font: normal 10pt Arial; }

form.cleanform div.input { display: block; margin: 0px 10px 20px 25px; }

form.cleanform div.input input, form.cleanform div.input textarea, form.cleanform div.input select { color:#630063; font: bold 14px Arial; }

form.cleanform div.submit { margin: 5px 20px 10px 20px; }

form.cleanform div.submit input { color:#630063; font: bold 14px Arial; }

form.cleanform div#innerFormWrap {

	padding: 10px 10px 10px 10px;

	position:relative;

    margin: 0px 10px 10px 10px;

    width: auto;

	height:auto;

	overflow:auto;overflow-x:none;

}



h3 { color: #4A8E00; margin-bottom: 0px; }

h3 span { font:normal 10pt Arial; }



