/************** Default Elements *******************/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */

body {
	background: #b02739;
	font: 100.01%/120% Arial, Helvetica, sans-serif;
	color: #040404;
}

img {
    border: 0;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	}


/************** Layout Elements *******************/

#wrapper { 
	width: 800px;  
	margin: 0 auto 30px auto; 
	text-align: left;
	font-size: 80%;
	/*background: #b02739 url(../images/flowers.jpg) 0 5px no-repeat;*/
	padding-top: 60px;
	position: relative;

} 

#wrapper ul.header {
	list-style-type: none;
	position: absolute;
	top: 0;
	right: 0;
	border-right: 2px solid #999;
	margin-right: 2px;
}

#wrapper li.header {
	display: inline;
	float: right;
	margin: 0;
	background: url(../images/off.gif) left bottom no-repeat;
	margin-right: -1px;
}


#innerwrapper {
	margin:0;
	padding:0;
}
#inner_main {
	padding: 0 1px 1px 38px;
	width: 800px;
	height:auto;
	margin: -10px 0px 0px 2px;
	background: transparent url(../images/ds_main2_bg.jpg) repeat-y;
	/*border: 1px solid #f00;
	border: none;*/
	}
#inner_bottom {
	width: 838px;
	height: 22px;
	margin: 0px 0px -5px 2px;
	background: transparent url(../images/ds_bottom_bg.gif) no-repeat;
	/*border-top: 1px solid #0f0;
	border: none;*/
}
#inner_top {
	width: 838px;
	height: 38px;
	margin: 0;
	background: transparent url(../images/ds_top_bg.jpg) no-repeat;
	/*border: 1px solid #00f;*/
	border: none;

}
#header img {
	/*float: left;*/
}

#strap {
	width: 738px;
	height: 198px;
	background: url(../images/veilBG.jpg) 0 0 no-repeat;
	margin: 10px auto 15px 5px;
	clear: right;
	/*border: 1px solid #0e2111;*/
}


#LeftCol {
	float: left;
	width: 150px; 
	min-height: 200px;
		/*border: 1px solid #00f;*/

}
#mainContent {
	/*border: 1px solid #f00;*/
	margin-left: 5px;
	width: 738px;
	height: auto;
}
#LeftCol ul {
	list-style-type: none;
	border-top: 1px solid #363c3c;
	border-left: 1px solid #363c3c;
	border-right: 1px solid #363c3c;
	width: 150px;
	margin-top: 3px;
	position: static; /*Overrides the absolute positioning on the wrapper ul*/
}

#LeftCol li {
	display: block;
	float: none;
	margin: 0;
}


#RightCol {
		/*border: 1px solid #0f0;*/
	float: right;
	width: 180px; 
	
	min-height: 200px;
}

#RightCol img {
	display: block;
	margin: 10px auto 10px auto;
	border: 1px solid #0e2111;
}

#content {
	width: 370px;
	margin: 0 auto 0 auto;
	min-height: 300px;
	padding: 1px;
	color: #333;
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: inherit;
	/*border: 1px solid #f00;*/
}

#profile {
	width: 570px;
	margin: 0 0px 0 170px;
	min-height: 300px;
	padding-top: 1px;
	color: #333;
	font: .95em/150% Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
}

#profile ul, #content ul {
	padding: 0; /* Removes default padding and margin to create a level playing field between browsers. */
	margin: 0;
	list-style-image: url(../images/bullet.gif);
	color: #333;
	/*font: .75em/155% Verdana, Arial, Helvetica, sans-serif;*/
	line-height: 20px;
	margin-left: 30px;
}

#profile ol, #content ol {
	padding: 0; /* Removes default padding and margin to create a level playing field between browsers. */
	margin: 0;
	/*list-style-image: url(../images/bullet.gif);*/
	color: #333;
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	margin-left: 30px;
}

#contentAdmin{
	width: 550px;
	margin: 0 20px 0 170px;
	min-height: 300px;
	padding-top: 1px;
}

#footer {

	min-height: 25px;
}

#BottomFooter {
	margin:-25px auto 0 33px;
	width: 770px;
	background-color: #0e2111;
}

#BottomFooter p.logo{
	float: left;
	margin: 0;
	padding: 10px;
	color: #999;
	font-size: 75%;
	/*border: 1px solid #ff0000;*/
}

#BottomFooter a{
	color: #999;
	/*font-size: 75%;*/
	text-decoration:underline;
	/*border: 1px solid #ff0000;*/
}

/************** Text Elements *******************/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	color: #040404;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 130%;
	font-weight: bold;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
	font-weight: bold;
}

h6 {
	font-size: 100%;
	font-weight: bold;
}

p {
	margin: 10px 0;
}

#BottomFooter p.company {
	margin: 0;
	padding: 10px;
	color: #999;
	font-size: 75%;
	float: right;
}

.Title{
font-size: 150%;
	font-family: Arial, Helvetica, sans-serif;
	color: #cc3300;
	font-weight: bold;
}

.Code{
	/*background-color:#FFFF99;
	border: 1px solid #000;*/
	font-size: 125%;
	/*padding: 25px;*/
	background-image: url(../images/yellow.gif);
	
}

/************** Form Elements *******************/
#header form {
	float: right;
	width: 280px;
}

input.log {
	width: 100px;
	font-size: 120%;
	border: 1px solid #999;
}

#RightCol form {
	width: 180px;
}

/************** Generic Classes *******************/

.right {
	float: right;
	margin-left: 8px;
}

.left {
	float: left;
	margin-right: 8px;
}

.clearfloat {
	clear: both;
   height: 0;
   font-size: 0;
   line-height: 0;
}

/************** Link Styles *******************/

#LeftCol li a {
	display: block;
	padding: 2px 2px 2px 6px;
	background-image:url(../images/button_active.jpg);
	/*background: #BD636F;*/
	color: #FB98a4;
	text-decoration: none;
	/*border-bottom: 1px solid #363c3c;*/
	font-size: 95%;
	font-weight: bold;
}

#LeftCol li a:hover, #LeftCol li a:focus {
	background: #343645;
	color: #c1d4de;
	font-weight:bold;
}

#LeftCol li.current a {
  display: block;
  background-image:url(../images/button_current.jpg);
  /*background: #F0354E;*/
  padding: 2px 2px 2px 6px;
  text-decoration: none;
  color: #fff;
  /*border-bottom: 1px solid #363c3c;*/
  font-weight: bold;
}

#wrapper a.header {
  float: left;
  display: block;
  padding: 3px 10px 8px 10px;
  text-decoration: none;
  font-weight: bold;
  color: #ccc;
}

#wrapper a.header2 {
  float: left;
  display: block;
  padding: 3px 10px 8px 10px;
  text-decoration: none;
  font-weight: bold;
  color: #fbed52;
}
  
  
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#wrapper a.header {
float: none;
}
/* End IE5-Mac hack */


#wrapper a:hover.header, #wrapper a:focus.header {
  color: #fff;
}
  
#wrapper #current {
  background-image: url("../images/on.gif");
  color: #000;
 }
  
 /*\*//*/
#LeftCol a {
	float: none;
}
#footer {
	height: 25px;
}

/**/

a img {
	border: none;
}

#content a {
	display: inline;
	padding: 0;
	color: #711924;
	text-decoration: underline;
}

#content a:hover {
	color: #ff6347;
	text-decoration: none;
}

#profile a {
	display: inline;
	padding: 0;
	color: #711924;
	text-decoration: underline;
}

#profile a:hover {
	color: #ff6347;
	text-decoration: none;
}

#contentAdmin a {
	display: inline;
	padding: 0;
	color: #711924;
	text-decoration: underline;
}

#contentAdmin a:hover {
	color: #ff6347;
	text-decoration: none;
}

#contentAdmin a.action {
	padding: 0;
	color: #ff6347;
	text-decoration: underline;
	font-size: 9px;
}



hr{
	border-color: #B02739;
	border: 1px;
	border-style: dashed;
	width: 350px;
}


/* The following selectors are the form styles for contact.htm */
#content form {
	margin: 0; /* Removes the margin some browsers add by default. */
	padding: 0 0 10px; /* Creates 10px of padding at the bottom of the form. */
  	float: left; /* Keeps the internal clearing BR's within the form from clearing the external floated side column. */
	width: 100%; /* Makes form take up whole width of content div so that content following the form will not wrap on its right side. */
}	
#content fieldset {
	border: 1px solid #B02739; /* Defines a border around each fieldset. */
	margin: 0 0 10px; /* Keeps the fieldset's bottom border 10px away from the next element */
	padding: 5px 0 15px 15px; /* Keep the elements inside away from the edge of the fieldset. */
}
#content legend {
	border: 1px solid #CFE5F5; /* Creates a defined box/border around the legend */
	color: #fff; /* Sets contrasting text color from background color. */
	background: #ce2f45 url(../images/sidehead.jpg) repeat-y; /* Gives the legend the same background image as the feature headings, plus backup background color in case images aren't loaded. */
	padding: 1px 5px 2px; /* Keeps the borders away from the text by these specified amounts. */
	margin-bottom: 5px; /* Creates 5px of space below the legend. */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* Styles the text within. */
}
#content label {
	float: left; /* Allows labels to be placed on the left with their inputs following on their right sides. */
 	width: 130px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em; /* Sets same font size as that used on main content text. */
	text-align: right; /* Aligns text to the right so that all form elements create an even middle gutter. */
	margin-top: 3px; /* Moves the text of the label down slightly to align with the top of the input to its right. */
	}
#content input, #content textarea {
	color: #000; /* Creates the text color inside the inputs. */
	border: 1px solid #FEDEEF; /* Sets a border. */
	padding: 1px; /* Keeps the text from touching the borders. */
	background: #FFF4FB; /* Creates a background color. */
	margin: 3px 5px 2px; /* Creates the space around the inputs and textareas so they don't stack on top of each other. */
	width: 280px; /* Creates a consistent width between all inputs and textareas. */
	float: left; /* Floated next to their labels. */ 
}

/* The following hack can only be read by Mac IE and removes the floats from the inputs and textareas to avoid bugs. Luckily, Mac IE is good without floating. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to Mac IE. */

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#content input.sminp {
	width: 110px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

/* The following changes the colors of the inputs and textareas when the cursor is inside, in supported browsers. */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #FEDEEF;
}



/* The following selectors are the form styles for contact.htm */
#profile form {
	margin: 0; /* Removes the margin some browsers add by default. */
	padding: 0 0 10px; /* Creates 10px of padding at the bottom of the form. */
  	float: left; /* Keeps the internal clearing BR's within the form from clearing the external floated side column. */
	width: 100%; /* Makes form take up whole width of content div so that content following the form will not wrap on its right side. */
}	
#profile fieldset {
	border: 1px solid #B02739; /* Defines a border around each fieldset. */
	margin: 0 0 10px; /* Keeps the fieldset's bottom border 10px away from the next element */
	padding: 5px 0 15px 15px; /* Keep the elements inside away from the edge of the fieldset. */
}
#profile legend {
	border: 1px solid #CFE5F5; /* Creates a defined box/border around the legend */
	color: #fff; /* Sets contrasting text color from background color. */
	background: #ce2f45 url(../images/sidehead.jpg) repeat-y; /* Gives the legend the same background image as the feature headings, plus backup background color in case images aren't loaded. */
	padding: 1px 5px 2px; /* Keeps the borders away from the text by these specified amounts. */
	margin-bottom: 5px; /* Creates 5px of space below the legend. */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* Styles the text within. */
}
#profile label {
	float: left; /* Allows labels to be placed on the left with their inputs following on their right sides. */
 	width: 130px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em; /* Sets same font size as that used on main content text. */
	text-align: right; /* Aligns text to the right so that all form elements create an even middle gutter. */
	margin-top: 3px; /* Moves the text of the label down slightly to align with the top of the input to its right. */
	}
#profile input, #profile textarea, #profile select{
	color: #000; /* Creates the text color inside the inputs. */
	border: 1px solid #FEDEEF; /* Sets a border. */
	padding: 1px; /* Keeps the text from touching the borders. */
	background: #FFF4FB; /* Creates a background color. */
	margin: 3px 5px 2px; /* Creates the space around the inputs and textareas so they don't stack on top of each other. */
	width: 280px; /* Creates a consistent width between all inputs and textareas. */
	float: left; /* Floated next to their labels. */ 
}

/* The following hack can only be read by Mac IE and removes the floats from the inputs and textareas to avoid bugs. Luckily, Mac IE is good without floating. Be sure you do not add any comments INSIDE the hack or it will close. */
/*\*/ /*/
#profile input, #content textarea {
	float: none;
}
/* End show to Mac IE. */

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#profile input.sminp {
	width: 110px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

#profile input.contact {
	width: 81px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

#profile input.register {
	width: 94px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}


#profile input.update {
 	text-align: right;
	width: 62px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

#profile input.submit {
 	text-align: right;
	width: 75px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}



#profile select.sminp {
	width: 90px; /* Smaller width. */
	/*margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

#profile input.sminp2 {
	
	width: 90px; /* Smaller width. */
	text-align: right;
	/*margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}


#profile input.refer {
	width: 94px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}


/* The following changes the colors of the inputs and textareas when the cursor is inside, in supported browsers. */
#profile input:focus, #profile input:active, #profile textarea:focus, #profile textarea:active {
	color: #000;
	background: #FEDEEF;
}

#profile body { font-family: sans-serif; font-size: 13px;}

#profile td { font-family: sans-serif; font-size: 13px; }

/*#profile a { color: #000000; }*/

#profile a.navmonth { color: #FFFFFF; font-weight: bold;}

.day-current { background-color: #b02739; }

.day-event { background-color:  #F07D8C; }

.calheader { background-color: #660033; color: #FFFFFF; font-size: .95 em; font-weight: bold; text-align: center; }

.subcalheader { background-color: #b02739; color: #FFFFFF; font-weight: bold; text-align: center; }

/*Hide our wedding information if it's not the bride or groom*/
.hideWedding {
	display: none;
}

.showWedding {
	display: block;
}

.required {
	font-size : 11px;
	color : #933;
}

/*
.featuredName {
 font-size : 12px;
 color:#990000;
 font-weight: bold;
 text-decoration: underline;
}
*/
#RightCol .featuredCopy{
 font-size: 10px;
 color:#666666;	
}

#RightCol a {
  font-size : 12px;
  color:#990000;
  font-weight: bold;
  text-decoration: underline;
}

#RightCol a.linked {
  font-size : 10px;
  color:#996600;
  text-decoration: none;
}

.small{
font-size: 70%;
}

.notesOn{
display:inline;
}

.notesOff{
 display:none;
}