@charset "utf-8";
/* CSS Document */

body {
	font-family:"Century Gothic", Arial;
	font-size:.8em;
	color:#666666;
	background: #a8937c url(/savethedate/images/background.gif) repeat-x;
	background-repeat: repeat-x; 
}

a:visited {
	color: #5289b7;
}
a:hover {
	color: #23527a;
}
a, a:active {
	color: #5289b7;
	text-decoration:none;
}

/************** LAYOUT ****************/
#container { 
	width: 720px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top:none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
} 

/*******************************************************************/
/************************** HEADER STYLES **************************/
/*******************************************************************/
.banner {
	height:50px;}

#siteName {
	display: none;
	margin: 0;
	padding: 0;
}

/************** MAIN NAVIGATION BAR ****************/
#topNavMain{

	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;	
	height:25px;
	margin:auto;
}

/************** MAIN NAVIGATION LINKS ****************/
#globalLink{
	list-style: none; 
	margin: 0px;
}

#globalLink a {
	text-decoration: none;
	color:#FFF;
}

#globalLink a:hover {
	text-decoration: none;
	color:#FFF;
	font-size:1.1em;
}
#globalLink li { 
	width:16%;
	text-align:center;
	float: left; 
	display: block; 
	margin: 0px; 
	padding: 5px 10px 4px 10px;
	/*border-right:1px solid #978674;*/
}
#mainContent {
  overflow:hidden;
  padding:1em;
} 
#sidebarLeft {
	float: left; 
	width: 200px; /* since this element is floated, a width must be given */
	background: #deecf8; /* the background color will be displayed for the length of the content in the column, but no further */
}
#sidebarRight {
	float: right; 
	width:250px; /* since this element is floated, a width must be given */
	background: #deecf8; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0; /* top and bottom padding create visual space within this div */
}
#homeRight{
	float: right; 
	width: 210px;
	padding: 5px 15px 5px 5px;
}

.subTable{
	border-collapse:collapse; 
	border-right:none; 
	border-left:none; 
	border-top:1px solid #53483c; 
	border-bottom:1px solid #53483c;
} 
#homeMain{
	background:url(/savethedate/images/homeFull.jpg); 
	width:710px; 
	height:390px; 
	border:5px solid #FFF;
}
.borderedLinkBox{
	margin:0;
}

.borderedLinkBox a {
	display:block; 
	text-decoration:none;
	color:#53483c;
	padding:10px;
	margin:5px;
	border:5px solid #FFF;
	background-color: #deecf8;
	width:190px;
}

.borderedLinkBox h2{
	color:#53483c;
	font-size:1.2em;
	font-weight:bold;
	margin:-.2em;
}

.borderedLinkBox a:hover {
	text-decoration: none;
	background-color:#cee6f3
}
.borderedBox{
	border:5px solid #FFF;
	margin-top:5px;
	background:#F5F0ED;
}

.h4{
	font-size:.8em;
	color:#53483c;
}

/*******************************************************************/
/************************* FOOTER STYLES ***************************/
/*******************************************************************/
#footer { 
	padding: 1em 0;
	color: #53483c;
	clear:both;
} 
#footer a{
	color: #53483c;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footer p {
	font-size:.8em;
	text-align: left;
	color: #53483c;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}


#clmLeft {
	float: left; 
	width: 220px; /* since this element is floated, a width must be given */
	padding:0; 
}
#clmRight {
	float: right; 
	width:480px; /* since this element is floated, a width must be given */
	padding:0; 
}

.whiteTextBox{
	color:#FFF; 
	margin-top:1em;
}

.whiteTextBox a:link {
	color: #FFFFFF;
}
.whiteTextBox a:visited {
	color: #CCCCCC;
}
.whiteTextBox a:hover {
	color: #deecf8;
}

.subhead{
	font-family:"Times New Roman", Times, serif;
	font-size:1.3em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}
.heading{
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	color:#53483c;
}

.lnkDate a, .lnkNames a, .lnkColors a, .lnkPhoto a, .lnkDetails a{
	width:176px;
	height:55px;
	display:block;
}

.lnkDate a, .lnkDate a:active{
	background:url(/savethedate/images/Date.gif);
}
.lnkDate a:hover{
	background:url(/savethedate/images/Date-over.gif);
}

.lnkNames a, .lnkNames a:active{
	background:url(/savethedate/images/Names.gif);
}
.lnkNames a:hover{
	background:url(/savethedate/images/Names-over.gif);
}

.lnkColors a, .lnkColors a:active{
	background:url(/savethedate/images/Colors.gif);
}
.lnkColors a:hover{
	background:url(/savethedate/images/Colors-over.gif);
}

.lnkPhoto a, .lnkPhoto a:active{
	background:url(/savethedate/images/Photo.gif);
}
.lnkPhoto a:hover{
	background:url(/savethedate/images/Photo-over.gif);
}

.lnkDetails a, .lnkDetails a:active{
	background:url(/savethedate/images/Details.gif);
}
.lnkDetails a:hover{
	background:url(/savethedate/images/Details-over.gif);
}

.lowerBoxForm{
	padding:1em;
}
.buttonStyle{
	background-color: #53483c;
	border:1px solid #FFF;
	color: #FFF;
	font-size: .8em;
	cursor:pointer;
	padding:.5em;
}

/***** LEFT NAV ********/
#leftnav {
	margin: 0 0px 10px auto; /* center for now */
}
#leftnav .boxbody {
	font-size:1em;
	text-align:left;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
#leftnav ul{
	margin-left: 0px;
	padding-left: 0px;
}
#leftnav li{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height:1.4em;
}
#leftnav span{
	padding:5px;
	display:block;
	}
#leftnav a{
	display: block;
	width: 100%;
	border-bottom: 1px solid #FFF;
	color: #53483c;
}
#leftnav a:link, 
#navlist a:visited{
	color: #53483c;
	text-decoration: none;
}

#leftnav a:hover{
	background-color: #6ea6d5;
	color: #FFF;
}
.current {
	font-weight:bold;
}