﻿/* CSS Document */

* {
	padding:0;
	font-size:100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

body{
	background:#ddd;
	text-align:center;
}

img {vertical-align:top;
}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
    font-family: Arial;
    font-size: 0.75em;
    line-height: 1.5em;
    color: #7f7f7f;
}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#92dd00;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* =====================check box hack for ie====================== */
.checkBox {margin:0;width:13px;height:13px;overflow:hidden; margin-top:4px}
.aspcheckBox {width:16px;overflow:hidden; margin-top:0px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}


/* ============================= main layout ====================== */


.link {background:url(images/link-side-bg.gif) top right no-repeat #494949; display:block; float:left; color:#fff; text-decoration:none; margin-top:18px; line-height:1.001em;}
.link span {background:url(images/link-side-bg.gif) top left no-repeat; display:block; padding:2px 11px 5px 10px;}

.link:hover {background:url(images/link-side-bg-hover.gif) top right no-repeat #878787;}
.link:hover span {background:url(images/link-side-bg-hover.gif) top left no-repeat;}

h2 {font-size:1.555em; color:#93DD00;}
h3 {font-size:1.167em; color:#000;}
h4 {font-size:1.1em; color:#000;}
h5 {font-size:1.0em; color:#000;}
.box h3 {margin: 11px 0px 4px 0px;}


.greybox {border:1px solid silver}
.lightblue {color:#3E9DCD;}
.lightgreen {color:#93DD00;}
li { background:url(images/list-bg.gif) no-repeat 0 10px;}
li a {color:#3aafdf; line-height:1.833em;}


.list li { background:url(images/list-bg2.gif) no-repeat 0 12px; padding-left:17px;}
.list li a {color:#000; line-height:2.5em; text-decoration:none;}
.list li a:hover {text-decoration:underline;}
.listBlue {color:#3aafdf; padding-left:10px; text-indent:0px; padding-bottom:6px; background-position:0px 7px}
.listGray {color:#7f7f7f; padding-left:10px; text-indent:0px; padding-bottom:6px; background-position:0px 7px}
.l2  {color:#7f7f7f; line-height:1.833em; text-decoration:none;}
.l3  {color:#7CB900; line-height:1.833em; text-decoration:none;}
.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:16px;}
.title2 {margin-bottom:29px;}
.validator {color:Red}

.new {background-color:#93DD00; color:White; padding-left:5px; padding-right:5px; text-decoration:none}
.cancel {background-color:Red; color:White; padding-left:5px; padding-right:5px;}

/* ============================= header ====================== */

.block1OLD {background:url(images/header-tail-bg1.gif) repeat-x 0 82px; margin:0 56px 0 58px; padding:106px 42px 21px 35px;
    height: 39px;
}
.block1 {margin:0 56px 0 58px; padding:106px 42px 21px 35px; height: 100px;
}

.block1 .right img {margin:16px 0 0 27px;
    height: 13px;
    width: 14px;
}

.menu {background:url(images/menu-bg.gif) top repeat-x; padding:14px 10px 14px 76px; height:26px;}
.menu li {display:inline; background:none; padding:0 36px 0 0; font-size:1.167em;}
.menu li a {text-decoration:none; color:#fff; background:url(images/menu-marker.gif) no-repeat 0 6px; padding-left:17px;}
.menu li a:hover {padding-left:10px; margin-left:7px; color:#ADE700}

.block2 {background:url(images/header-tail-bg2.gif) top repeat-x; margin:0 56px 0 58px;}
.slogan {margin:44px 0 0 41px;}

/* ============================= content ====================== */

.col-padding1 {padding-right:13px;}
.col-padding2 {padding-right:40px;}
.col-padding3 {padding-left:20px;}

.box {border:1px solid #dbdbdb;}
.box .inner {border:1px solid #fdfdfd; background:#f8f8f8; padding:22px 20px 20px 28px;}
.box .indent {padding:22px 21px 20px 22px;}
.box .indent2 {padding:22px 14px 20px 27px;}




#page8 #content {padding:20px 56px 65px 58px;}
.line {border-bottom:1px solid #dddddd; padding-bottom:30px; margin-bottom:33px;}
.line2 {border-bottom:1px solid #dddddd; margin-bottom:10px; padding-bottom:5px; padding-top:8px}
.line3 {border-bottom:1px solid #dddddd; margin:0px;}
.box .line {padding-bottom:19px; margin-bottom:6px;}
.box .h3 {margin:28px 0 0 0;}

/* =============== registraion check boxes =================== */
.box2 {width:15px;overflow:visible}
.box3 {width:175px;}
.box4 {height:5px; padding:0px; margin:0px; line-height:1%}
.box5 {width:223px;
}
.box6 {width:15px; overflow:visible;}

.headerBox {padding:15px 0px 15px 15px; margin-right:55px; background-color:#e8e8e8;}
.photoBox {margin-right:55px;}
.imgBox {display:block; height:100px; width:75px; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px 8px 10px 8px; margin:5px 6px 11px 7px; text-align:center}
.imgBoxWide {display:block; height:100px; width:155px; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px 8px 10px 8px; margin:5px 5px 11px 5px; text-align:center}
.imgBoxWideSmall {display:block; height:58px; width:90px; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px 8px 10px 8px; margin:5px 5px 6px 5px; text-align:center}
.displayImgBox { height:510px; min-height:400px; width:300px; display:block; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px; margin:5px 19px 5px 0px; text-align:center;}
.displayImgBoxWide { height:510px; width:477px; display:block; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px; margin:5px 5px 5px 0px; text-align:center;}
.displayImgBoxWide2 { height:340px; width:500px; display:block; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px; margin:5px 5px 200px 0px; text-align:center;}
.displayImgBoxFull { height:510px; width:500px; display:block; float:left; background-color:#f8f8f8; border:1px solid #9f9f9f; padding:8px; margin:5px 5px 5px 0px; text-align:center;}
.borderRight { border-right: 1px solid #e8e8e8}
.light {color:White;}
.dark  {color:#314800;}
.darkest {color:Black;}

.padding1 {padding-top:23px;}
.padding2 {padding-top:10px;}
.padding3 {padding-right:30px;}
.padding4 {padding-top:30px;}
.padding5 {padding-top:22px;}
.padding6 {padding-left:10px;}
.paddingBigBottom {margin-bottom:200px}
.paddingBotShort {padding-bottom:8px;}
.paddingTopShort {padding-top:5px}
.paddingTopMed {padding-top:8px}
.margin1 {margin-top:10px;}
.mb03 {margin-bottom:9px;}
.mt03 {margin-top:9px;}

/* ============================= footer ====================== */

#footer {color:#fff;}
#footer a {color:#d7d7d7;}
#footer span {color:#d7d7d7;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:49px;}
#ContactForm .link {float:right; margin-left:30px}

#rightCol .rowi {height:49px;}

.input {width:172px; height:19px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; font-size:1em; cursor:text;}
.inputIIIline { height:38px;}
textarea {width:162px; height:165px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; cursor:text;}

.msgbox01{
    position:relative; 
    padding:25px; 
    display:none; 
    top:-500px; 
    margin-left:25px;  
    border:1px solid silver; 
    height:104px; 
    width:223px; 
    z-index:100;
    background-image:url('images/RSVPBackGround.jpg');
    left: 96px;
}

.msgbox02{
    z-index:1000; 
    position:relative; 
    top:-350px; 
    left:96px; 
    height:104px; 
    width:223px; 
    padding:25px; 
    display:none; 
    margin-left:25px; 
    border:1px solid silver; 

    background-image:url('images/RSVPBackGround.jpg'); 
    background-repeat:no-repeat;
}

a.MenuButton
{
    background:url("Images/GenericButton.png");
    background-repeat:no-repeat;
    padding:0px;
    margin:0px;
    height:24px;
    width:100px;
    display:inline-block;
    color:#fff;
    text-decoration:none;
    padding-top:3px;
    text-align:center;
    font-weight:bold;
    outline:0;
}
a.MenuButton:hover
{
    background-position:-100px 0;
    background-repeat:no-repeat;
}

