BODY {font-family: Arial}

H1 { font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-size: 14px;}
#invitStyles {
	width: 802px;
	margin-left: 15px;
	background-color: #EFF5F8;
	border: 1px solid #333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.formText {
	font-family: Arial;
	font-size: 14px;
}

#col1 {
	float: left;
	height: 275px;
	width: 200px;
	text-align: center;
}
#col2 {
	float: left;
	height: 275px;
	width: 200px;
	text-align: center;
}
#col3 {
	float: left;
	height: 275px;
	width: 200px;
	text-align: center;
}
#col4 {
	float: left;
	height: 275px;
	width: 200px;
	text-align: center;
}
#postcard1 {
	float: left;
	width: 266px;
	text-align: center;
}
#postcard2 {
	float: left;
	width: 266px;
	text-align: center;
}
#postcard3 {
	float: left;
	width: 266px;
	text-align: center;
}

#formCol1 {
	float: left;
	width: 300px;
	margin-left: 90px;
}
#formCol2 {
	float: left;
	width: 300px;
}


.Toplink {COLOR: #ffffff; font-family: arial; font-size: 10pt; font-weight: bold; TEXT-DECORATION: none;}

.Sidelink {
	COLOR: #FFFFFF;
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}
.Btmlink {COLOR: #FFFFFF; font-family: arial; font-size: 9pt; font-weight: bold; TEXT-DECORATION: none;}
.BuyLink {COLOR: #FFFFFF; font-family: arial; font-size: 12pt; font-weight: bold; TEXT-DECORATION: none;}

a:link.Toplink  {color : #ffffff; font-weight: bold; TEXT-DECORATION: none;}
a:visited.Toplink  {color : #ffffff; font-weight: bold; TEXT-DECORATION: none;}
a:active.Toplink  {color : #cccccc font-weight: bold; TEXT-DECORATION: none;}
a:hover.Toplink  {color : #cccccc; font-weight: bold; TEXT-DECORATION: none;}

a:link.Sidelink  {color : #ffffff}
a:visited.Sidelink  {color : #ffffff}
a:active.Sidelink  {color:cccccc}
a:hover.Sidelink  {color:cccccc}

a:link.Btmlink  {color : #ffffff; font-weight: bold; TEXT-DECORATION: none;}
a:visited.Btmlink  {color : #ffffff; font-weight: bold; TEXT-DECORATION: none;}
a:active.Btmlink  {color : #cccccc; font-weight: bold; TEXT-DECORATION: none;}
a:hover.Btmlink  {color : #cccccc; font-weight: bold; TEXT-DECORATION: none;}

a:link.Buylink  {color : #FFFFFF; font-weight: bold; TEXT-DECORATION: none;}
a:visited.Buylink  {color : #FFFFFF; font-weight: bold; TEXT-DECORATION: none;}
a:active.Buylink  {color : #000000; background:EEEEEE; font-weight: bold; TEXT-DECORATION: none;}
a:hover.Buylink  {color : #000000; background:EEEEEE; font-weight: bold; TEXT-DECORATION: none;}
.breadcrumfont {
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;


}

.parahead {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
}
.WhiteText {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 18px;
}
.WhiteTextSmall {

	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.PageTitles {
	font-family: Arial;
	font-size: 20px;
	color: D99D47;
	font-weight: bold;
	line-height: 25px;
}


.Text {
	font-family: Arial;
	font-size: 14px;
	color: 000000;
	line-height: 18px;
	text-align: left;
}

a:link.Text  {color : #0000FF}
a:visited.Text  {color : #0000FF}
a:active.Text  {color:999999}
a:hover.Text  {color:999999}

.bluebox {
	background-color: #eff5f8;
	padding: 10px;
	border: #d3e2e5 1px solid;
	text-align: center;
}

ul.quotes{
	list-style-image: url(images/quotes.gif);
	font-family: Arial;
	font-size: 14px;
}
ul.quotes li {margin-top:10px;}

.transparent {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #cccccc 1px solid;
	DISPLAY: none;
	PADDING-LEFT: 5px;
	FONT-SIZE: 14px;
	;
	FILTER: alpha(opacity=90);
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: black;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #cccccc 1px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	POSITION: absolute;
	BACKGROUND-COLOR: #f4f4f4;
	opacity: 0.9;
	moz-opacity: 0.9;
	khtml-opacity: 0.9;
	left: 358px;
	top: 1216px;
}



/* jqm */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (in jqModal.js). 
   You can change this value by either
   a) supplying one via CSS
   b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
	display: none;
	position: fixed;
	top: 17%;
	left: 50%;
	background-color: #fff;
	border: 10px solid #ddd;
	padding: 20px;
	margin-left: -275px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.jqmOverlay {
	background-color: #000;
}

/* Fixed posistioning emulation for IE6.
   Star selector used to hide definition from browsers other than IE6.
   For valid CSS, use a conditional include instead. */

* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.centerImage {
	text-align: center;
}
.redfont {
	color: #F00;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:1;
	line-height: 1px;
}