/*
---------------------------------------------------------------
	THEME - LEPRECHAUN'S BLACK EYE
	#A8C187
	#39412D
	#A2CB6B
	#30411A
	#7B8E63	
---------------------------------------------------------------
*/

* {
	margin:0px;
	padding:0px;
}
body{
	font:11px Tahoma, Geneva, sans-serif;
	/*font:11px Georgia, "Times New Roman", Times, serif;*/
	/*font:11px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;*/
	background-image: url(../images/test_green.gif);
	/*background-repeat: repeat-x; */
	margin:0px;
	padding:0px;
	behavior:url(csshover.htc);
	}
.img {
	border: 0;
	background-color: none;
	text-decoration: none;
	border: none;
}
#Wrapper p { margin:0 0 1.6em 0; }
#Wrapper p.last { margin:0; }
#Wrapper p.intro, #Wrapper p.intro2 { font-weight:bold; }
#Wrapper .lite { color:#79767c; }
#Wrapper h1 { font-size:24px; font-weight:normal; margin:0 0 .8em 0; color:#30411a; text-align:center; }
body.business #Wrapper h1 { color:#000; font-weight:bold; }
#Wrapper h2 { font-size:16px; font-weight:normal; margin:0 0 1em 0; color:#30411a; text-align:center; }
body.business #Wrapper h2 { font-size:16px; font-weight:normal; margin:0 0 1em 0; color:#ff9600; }
#Wrapper h3 { font-size:12px; margin:0 0 .3em 0; color:#000; }
#Wrapper h4 { font-size:10px; margin:0; color:#000; }
#Wrapper strong { color:#000; }

/* --------------------------New Nav Structure-----------------------------*/
#navbar {
	float:left;
	width:100%;
	height:30px;
	background-image:url(../images/test_nav_bg.gif);
	text-align:left;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*testing*/

ul li ul li ul {
	visibility:hidden;
}

ul li ul li:hover ul {
	visibility:visible;
}


/*---------------------New Nav Styling-----------------------------*/

ul.dropdown {
	font: normal 12px Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
}

	ul.dropdown li {
	 padding: 7px 12px;
	 background-image:url(../images/test_nav_bg.gif);
	 background-color:#666;
	 color: #ffffff;
	}

	ul.dropdown li:hover {
	 background-image:none;
	 background-color:#000;
	 color:#76b900;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #76b900; text-decoration: none; }
	ul.dropdown a:active { color: #fff; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 200px;
	 background-color: #333;
	 color: #fff;
	 font-size: 12px;
	 text-transform: none;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		 background-image:none;
		 color: #000;
		 filter: none;
		}
		
/*-----3rd Tier----*/
	
	ul.dropdown ul li ul{
	 width: 200px;
	 background-color: #333;
	 color: #fff;
	 font-size: 12px;
	 text-transform: none;
	}

		ul.dropdown ul li ul li {
		 font-weight: normal;
		 color: #000;
		 filter: none;
		}
		
/*--------------------------End New Nav------------------------------------*/

.footer
{
	padding: 4px;
	font:9px Tahoma, Geneva, sans-serif;
	
	border-top:1px solid #30411A;
}

ul,ol{
list-style:none;

 }
 /*Added because media list items were going on the same line in IE, even with <li>'s and <br>'s.
 Added right padding so it will push each item down to the next line so it looks like a real list.*/
.media li {
padding-right:40px;
}

.other li {
	margin-left:20px;
	padding-right:20px;
	}



.flft{
	float:left;
}
.flrt{
	float:right;
}
.ctrblock{
	margin-right: auto; 
	margin-left: auto;
}
.clear{
	clear:both;
}
.cntrdiv {
	width:98%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	}
/*Made these to view div's better will remove after development is over <- HA! development is never over!!*/

.grnborder{
	border:1px solid green;
}
.bluborder{
	border:1px solid blue;
}
.blkbrdr{
	border: 1px solid black;
	}
.redborder {
	border:1px solid red;
	}
.strike {text-decoration: line-through; 
}
.nomarg{
	margin-bottom: 0;
	margin-top: 0;
}
.drkgray{
	background-color: #c0c0c0;
}
.bdrbggreen {
	background-color:#A8C187;
	}
.bdrbgblue {
	background-color:#3B5998;
	}
.blueborder{
	border:1px solid #3B5998;
}
.greyborder{
	border:1px solid #A8C187;
}
.athbg{
	background-color: #000066;
}

.lgtgray{
	background-color: #f0f0f0;
}
.lgtgraymarg{
	background-color: #f0f0f0;
	margin: 10px 6px 6px -6px;
	padding-left: 10px;
}
.drkgraybox{
	background-color: #c0c0c0;
	border: 1px ridge #c0c0c0;
	cursor:pointer;
}
.drkgrayboxnopoint{
	background-color: #c0c0c0;
	border: 1px ridge #c0c0c0;
}
.D6box{
	background-color: #d6d6d6;
	border: 1px ridge #c0c0c0;
}
.lgtgraybox{
	background-color: #f0f0f0;
	border: 1px ridge #c0c0c0;
}
.lgtgrayboxitem{
	background-color: #f0f0f0;
	border: 1px ridge #c0c0c0;
	height: 525px;
}
.FFFFCCbox{
	background-color: #FFFFCC;
	border: 1px ridge #c0c0c0;
}
.FFFFCCboxitem{
	background-color: #FFFFCC;
	border: 1px ridge #c0c0c0;
	height: 600px;
}
.FFFFFFbox{
	background-color: #FFFFCC;
	border: 1px ridge #c0c0c0;
}
.CCFFFFbox{
	background-color: #CCFFFF;
	border: 1px ridge #c0c0c0;
}
.CCFFCCbox{
	background-color: #CCFFCC;
	border: 1px ridge #c0c0c0;
}
.FFCCCCbox{
	background-color: #FFCCCC;
	border: 1px ridge #c0c0c0;
}
.CC9999box{
	background-color: #CC9999;
	border: 1px ridge #c0c0c0;
}
.CCCCFFbox{
	background-color: #CCCCFF;
	border: 1px ridge #c0c0c0;
}
.ParkRecBox /* IE Only */
{
	background-color: #7DDBFF;
	border: 1px solid #000;
	width: 726px;
	margin-top: 10px;
	text-align:center;
}
html>body .ParkRecBox /*all other real browsers */
{
	background-color: #7DDBFF;
	border: 1px solid #000;
	width: 726px;
	margin-top: 10px;
	margin-left: 104px;
	text-align:center;
}

.addcursor{
	cursor:pointer;
}

.addpadd{
	padding: 2px 2px 2px 2px;
}
.toppadd {
	padding: 10px 0 0 0;
	}
.topbtmpadd{
	padding-top: 2px;
	padding-bottom: 2px;
}

.rtpadd{
	/*border:1px solid blue;*/
	padding: 2px 10px 2px 2px;
}
.lftpadd{
	/*border:1px solid blue;*/
	padding: 2px 2px 2px 20px;
}
.lftpadd10 {
padding: 0px 0px 0px 10px;
}
.btmbrdr {
	border-bottom: 1px solid #39412D;
	margin:0 10px 10px 0;
}
.dshbtmbrdr {
	border-bottom: 1px dashed #a2cb6b;
	margin-bottom: 10px;
}
.btmbrdrnosp {
	border-bottom: 1px dashed #a8c187;
}

.btmbrdrnospsolid {
	border-bottom: 1px solid #30411A;
}

.rtbrdr{
	border-style: solid;
	border-color: #30411A;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	padding-right:2px;
	margin-right:2px;
	/*margin-right: 10px;*/
	}
.goldheadtxt {
	font-weight: bold;
	color: gold;
}
.greenheadtxt {
	font-weight: bold;
	color: #006200;
}

.athformtxt {
	color: #000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.errtxt {
	font:1.5em/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: red;
}

.smerrtxt {
	font:smaller;
	color: red;
}
.medredtxt {
	font-size:10pt;
	font-weight: bold;
	color: red;
}
.smredtxt {
	font-size: 9px;
	color: red;
}
.smblutxt {
	font-size: 9px;
	color: blue;
}
.dkgreentxt {
	color: #30411A;
	}
.noerrtxt {
	font:1.5em/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: green;
}
.othertxt
{
	font-size: 12px;
	color: #30411A;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
}
.smtxt  {
	font-size: 9px;
}
.medtxt {
	font-size:10px;
	}
.lgtxt {
	font-size:12px;
	}
.exlgtxt{font-size:14px;}
.bld {
	font-weight: bold;
}
.leftmargin {
	margin-left: 2px;
}
.leftmargin5 {
	margin-left: 5px;
}
.leftmargin10 {
	margin-left: 10px;
}
.leftmargin20 {
	margin-left: 20px;
}
.leftmargin30 {
	margin-left: 30px;
}
.leftmargin40 {
	margin-left: 40px;
	}
.leftmargin55 {
	margin-left: 55px;
	}
.leftmargin60 {
	margin-left: 60px;
	}

.rightmargin {
	margin-right: 2px;
}
.rightmargin5 {
	margin-right: 5px;
}
.rightmargin10 {
	margin-right: 10px;
}
.rightmargin20 {
	margin-right: 20px;
}
.topmargin {
	margin-top: 2px;
}
.topmargin5 {
	margin-top: 5px;
}
.topmargin10 {
	margin-top: 10px;
}
.topmargin40 {
	margin-top: 40px;
}
.bottommargin {
	margin-bottom: 2px;
}

.bottommargin5 {
	margin-bottom: 5px; 
}

.bottommargin10 {
	margin-bottom: 10px;
}
.allmargin {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.allmargin5 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.allmargin10 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.topbtmmargin5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.allpadding2 {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	}
.allpadding {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.allpadding10 {
	padding: 10px;
	}
.topbtmpadding {
	padding-top: 10px;
	padding-bottom: 10px;
}

/*.athallmargin {  This is for Firefox margins to make the forms look correct, however then they look wrong in IE so...
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-right: 3px;
}*/
.greybckgrnd {

    background: #f0f0f0;
    /* background: #FAF7D4; */
}

.rttxt{ 
	text-align: right;
	} 

.lfttxt{
	text-align: left;
	}
	
.ctrtxt{
	text-align: center;
	}

.a100perc{
	width:100%;
}
.a99perc{
	width:99%;
}
.a98perc{
	width:98%;
}
.a97perc{
	width:97%;
}
.a96perc{
	width:96%;
}
.a95perc{
	width:95%;
}
.a90perc{
	width:90%;
}
.a85perc{
	width:85%;
}
.a80perc{
	width:80%;
}
.a75perc{
	width:75%;
}
.a70perc{
	width:70%;
}
.a66perc{
	width:66%;
}
.a65perc{
	width:65%;
}
.a60perc{
	width:60%;
}
.a55perc{
	width:55%;
}
.a51perc{
	width:50%;
}
.a50perc{
	width:49%;
}
.a49perc{
	width:48%;
}
.a45perc{
	width:44%;
}
.a44perc{
	width:43%;
}
.a40perc{
	width:39%;
}
.a35perc{
	width:34%;
}
.a33perc{
	width:33%;
}
.a32perc{
	width:32%;
}
.a30perc{
	width:30%;
}
.a28perc {
	width:28%;
	}
.a27perc{
	width:26%;
}
.a25perc{
	width:24%;
}
.a22perc{
	width:21%;
}
.a20perc{
	width:19%;
}
.a17perc{
	width:16%;
	}
.a15perc{
	width:14%;
}
.a12perc{
	width:11%;
}
.a10perc{
	width:9%;
}
.a5perc{
	width:4%;
}
.a2perc{
	width:2%;
}
/* Ok apparently you can't use a % in height because IE doesn't recognize it.  Thanks to the internet not telling me things, I spent a few days on this.*/
.a5hi{
	height:30px;
}
.hidden {
   	/*margin-top: -4px;*/
    border: 1px solid #c93;
    padding: 10px 12px;
    background-color: #ffc;
}

.graybr {
	width: 90%;
	border: 0 0 1px 0 solid #CCCCCC;
	margin: 2px 10px 0 20px;
	height:1px;
	}
/* Form Elements */

#Form dl {
	float:left;
	font:normal 12px/15px Arial;
    position: relative;
    width: 300px;
}
#Form dt {
    clear: both;
    float:left;
    width: 90px;
    padding: 4px 0 2px 0;
    text-align: left;
}
#Form dd {
    float: left;
    width: 100px;
    margin: 0 0 8px 0;
    padding-left: 6px;
	text-align:left;
}


/* The hint to Hide and Show */
#Form .hint {
   	display: none;
    position: absolute;
    right: -210px;
    width: 180px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background-color: #ffc;
}

/* The pointer image is hadded by using another span */
#Form .hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
	 
}
/*End Form Elements */
/*Contact Us form to go 100% across */

#Form_contact dl {
	float:left;
	font:normal 12px/15px Arial;
    position: relative;
    width: 100%;
}
#Form_contact dt {
    clear: both;
    float:left;
    width: 90%;
    padding: 4px 0 2px 0;
    text-align: left;
}
#Form_contact dd {
    float: left;
    width: 90%;
    margin: 0 0 8px 0;
    padding-left: 6px;
	text-align:left;
}


/* The hint to Hide and Show */
#Form_contact .hint {
   	display: none;
    position: absolute;
    right: -210px;
    width: 180px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background-color: #ffc;
}

/* The pointer image is hadded by using another span */
#Form_contact .hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
	 
}

.SSPRField {
    background-color: #30411A;
    border-color: none;
    border-style: beveled; /*also beveled, double, ridge, and solid */
    border-width: 1;
    color: #FFFFFF;
    font-size: 8pt;
    font-family: arial;
    font-weight: bold;
	cursor: pointer;
	text-align:center;
}

/* NEWSLETTER FORM */
#contactForm  {margin:15px 0; background:#FFF; padding:10px;}
#contactForm fieldset { }
#contactForm legend { padding:0 10px; margin-left:20px;color:#666;}
#contactForm dl { margin:0;  list-style:none;}
#contactForm dl dd {clear:both; background:none; padding: 0.5em }
#contactForm dl label { display:block; float:left; width:100px; padding:3px, 0; margin-top:7px;}
#contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font:11px Tahoma, Geneva, sans-serif;color:#000;border:2px solid #30411a;outline:none;}
#contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#67a800; background:#edffd1;}
em {font-size:0.9em; color:#000; font-style:normal;}
#contactForm .send {display:block;
	float: left;
	margin:10px 20px 20px 210px;
    background-color:#C8D7B3;
    border:1px solid #7B8E63;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	
    font-family: Tahoma, Geneva, sans-serif;
    font-size:10px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */}
/*#contactForm .send { width:174px; height:35px; background:url(images/send.gif) no-repeat; padding-bottom:10px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }*/
#contactForm .send:hover {background-color:#7B8E63;
    border:1px solid #eee;
    color:#FFF;
	text-decoration:none;}

/*Some Buttons of love */
/*#buttonA {

    font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;

    font-size: 10px;

   width: 100%;

    text-align:center;
	/*margin-left:10px;  Stupid IE6 and Eric Roberts, always ruining things like movies and margins!!!*/



#buttonA a {

    height: 100%;

    width: 30%;

    display: inline;

    text-decoration: none;

    border-width: 2px;
	padding:2px 5px 2px 5px;
	margin-right:10px;

}
* html #buttonA a {
	width: 30%;
	w\idth: 30%;
	display: inline;
    text-decoration: none;
    border-width: 2px;
	padding:2px 5px 2px 5px;
	margin-right:10px;
	}

#buttonA a:link {

    color: #FFFFFF;

    font-weight: normal;

    background-color: #30411A;

    border-style: outset;

}

#buttonA a:visited {

    color: #FFFFFF;

    font-weight: normal;

    background-color: #30411A;

    border-style: outset;

}

#buttonA a:hover {

    font-weight: normal;

    color: #000000;

    background-color: #7B8E63;

    border-style: outset;

}

#buttonA a:active {

    font-weight: normal;

    color: #FFFFFF;

    background-color: #666666;

    border-style: inset;

}
*/

/* End Application test styles */
.regOff {
	font-weight: bold;
	color: gold;
	background-color: #333366;
	}
.posOff {
	font-weight: bold;
	color: gold;
	background-color: #336699;
	}
.crmOff {
	font-weight: bold;
	color: gold;
	background-color: #006400;
	}
.facOff {
	font-weight: bold;
	color: gold;
	background-color: #E86903;
	}
.homeOff {
	font-weight: bold;
	color: gold;
	background-color: #B32400;
	}
.athOff {
	font-weight: bold;
	color: #000000;
	background-color: #A8C187;
	}
.gldBG {
	font-weight: bold;
	color: #000066;
	background-color: gold;
	}
.windowstatus
	{
	position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		float: right;
		width: 800px;
		height: 420px;
		background-color:#ffffff;
		filter:alpha(Opacity=95);
		overflow: auto;
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		text-align: left;
		vertical-align: middle;
		color: #A30000;
		font-size: 10pt;
		font-weight: bold;
		font-family: Verdana, arial;
		z-index: 1;
	}
.teamschedwindow
	{
	position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		float: right;
		width: 100%;
		height: 100%;
		background-color:#000000;
		overflow: auto;
		padding-top:0;
		padding-bottom:0;
		padding-left:0;
		padding-right:0;
		text-align: left;
		vertical-align: middle;
		color: #A30000;
		font-size: 10pt;
		font-weight: bold;
		font-family: Verdana, arial;
		z-index: 1;
	}

/*-----------------------------------.event Styles------------------------------------------*/

.event {
	width:100%;
	float:left;	
	font:Tahoma, Geneva, sans-serif;
	text-align:left;
	padding-bottom:20px;
}

.event h5 {	
	font:.9em Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#666;
	padding-bottom:4px;
	padding-top:4px;
	display:block;
}

.event h5 span{	
	font:.9em Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#009900;
}

.event p {	
	font-size:1em;
	display:block;
}

.event a:link {	
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0 0 4px 0;
}

.event a:hover {	
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0 0 4px 0;
}

.event a:visited {	
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	margin:0;
	padding:0 0 4px 0;
}

.event img {
	border:none;
	float:left;	
	padding-right:6px;
	margin:0px;
}

/*-----------------------------------End .event Styles------------------------------------------*/

/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

#Wrapper {
	padding: 0 30px 0 30px;
	width:92%; /*Have to specify for IE 7 to work otherwise it is all small like the winds of war small*/ 
	min-width: 950px;
	margin: auto;
	}

* html #Wrapper {  /* This is the IE hack */

width:expression((document.body.clientWidth<=970)?'970px':'auto');
	 }
	
	
.Container {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 100%;
	
	}


.colleft {
/*position: relative;*/
	float: left;
	width: 30%;
	          
  }

.colcenter
{
/*position: relative;*/
	float: left;
	width: 30%;
	}

.colright
{
/*position: relative;*/
	float: left;
	width: 30%;         
}
.carthead {
	color:#FFFFFF;
	background-color:#090;
	text-align:center;
	font-weight:bold;	
	}
.producthead {
	color:#000000;
	background-color:#E8F1DA;
	text-align:center;
	font-weight:bold;
	}
.btnField {
	color:#FFFFFF;
	background-color:#090;
	font:11px Tahoma, Geneva, sans-serif;
	padding:2px;
	cursor:pointer;
	}
.remBtnField {
	color:#FFFFFF;
	background-color:#FF0000;
	font:11px Tahoma, Geneva, sans-serif;
	padding:2px;
	cursor:pointer;
	}

/*Volunteer form stuff*/

.volunteer {
	text-align:left;
}

.volunteer h7 {
	font:14px Tahoma, Geneva, sans-serif;
	font-weight:bold;
	padding:10px;	
}

.volunteer ol{
	list-style-type:square;
}

.volunteer li {
	margin:10px;
}

/*lists fo social media*/

.social {
	list-style:square;
	color:#666666;
	display:block;
	float:center;
}

ul.social li {
	float:none;
	width:100%;
}



/*BDAYS!!!*/

.error {
	display:block;
	width:99%;
	border:1px solid red;
	background-color:#FFC;
	font:1.5em/1.2 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: red;
}

.bday {
	background-repeat:repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
}

.grey {
	color:#999;
	border-bottom:2px solid #000;
	height:30px;
	vertical-align:middle;
	background-image:url(../images/circles.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}


.grey2 {
	background:#CCC;
	width:100%;
	min-height:18px;
}

.on {
	display:block;
	width:99%;
	background-image:url(../images/arrow2.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	font:1.1em/1.1 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#000;
	height:30px;
	text-align:center;
}

.addpaddbig {
	padding:12px 12px 12px 12px;
}

.borderbottom {
	border-bottom:1px solid #000;
}

.a700wide {
	width:800px;
	height:500px;
	background:#ccff33;
	margin-left:auto;
	margin-right:auto;
}

.block { 
	display:block;
}

.bdaywrap {
	width:99%;
	background-image:url(../images/desk.jpg);
}

.envelope {
	width:943px;
	background-image:url(../images/envelope.png);
	margin-left:auto;
	margin-right:auto;
	padding-top: 40px;
	padding-bottom: 30px;
	background-repeat:no-repeat;
}


.bdaytext {
	font:14px Tahoma, Geneva, sans-serif;
	color:#ff6633;
}

.bdaytext span {
	font:14px Tahoma, Geneva, sans-serif;
	color:#000000;
	text-decoration:underline;
}

.bdayimg {
	height:180px;
	display:block;
}

.h320 {
	min-height:320px;
}