/* CSS Document */

/*******************************************************************************************************************/
/* Redefined Tags  */
/*******************************************************************************************************************/

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

body {margin: 0; padding: 0; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color:#251633; background-image:url(../images/main-bg.gif); }

h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; margin: 40px 0px 0px 18px; padding: 0px 0px 0px 0px; font-weight:bold; color:#331F40;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin: 50px 0px 0px 18px; padding: 0px 0px 0px 0px; font-weight:bold; color:#331F40; }

a {color:#623A75; text-decoration:underline;}

.red {color:#891227;}



/*******************************************************************************************************************/
/* Template  */
/*******************************************************************************************************************/

.wrapper {margin: 30px auto; width:935px; }
.top-nav {width:935px; background-color:#23142A; height:70px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.page {width:912px; background-color:#D8C4EA; background-image:url(../images/page-bg.jpg); background-repeat:repeat-x; float:left; padding: 0px 0px 0px 23px; }
.home-top {width:912px; float:left; height:225px; }
.rosie-top {width:305px; float:left; height:225px; }
.favorites {width:562px; height: 36px; float: left; padding-right:30px;}
.logo {width:516px; height:189px; float: left;}

.home-mid {width:912px; float:left; height:270px; }
.rosie-mid {width:378px; float:left; height:270px; }
.quote {width:534px; float:left; height:72px; background-color:#E5D5F3;}
.home-content {width:470px; height:173px; float:left; padding: 25px 0px 0px 20px;}
.home-content p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#331F40; text-align:right; line-height:20px;}

.home-bot {width:894px; height:208px; float:left; background-image:url(../images/home-bot-bg.gif); background-repeat:repeat-x;}
.home-box1 {float:left; width:269px;  height:192px; background-image:url(../images/box1-bg.jpg); background-repeat:no-repeat; }
.home-box2 {float:left; width:260px;  height:192px; background-image:url(../images/box2-bg.jpg); background-repeat:no-repeat;}
.home-box3 {float:left; width:365px;  height:208px; background-image:url(../images/box3-bg.jpg); background-repeat:no-repeat; background-position: top right;}

.home-box-title {font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color:#A77951; text-align:left;  padding: 30px 0px 0px 20px; margin: 0px 0px 18px 0px;}
.home-box1 marquee {height: 70px; width:260px; float: left; margin: 0px 0px 0px 0px;}
.home-box1 marquee p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#D7C3E9; text-align:left; padding: 30px 0px 0px 20px; margin: 0;}

.more-link {width: 250px; float:left; text-align:right; margin:15px 0px 15px 0px; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;}
.more-link a {color:#A77951; text-decoration:underline;}
.more-link a:hover {color:#B2A0C2; text-decoration:underline;}
.divider {width:1px; height:145px; float:left; margin: 32px 0px 0px 0px; }

.home-box2-text { padding: 0px 0px 0px 20px; margin: 0; width: 220px; height: 40px; }
.home-box2-text p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#D7C3E9; text-align:left;}

.home-box3-text { padding: 0px 0px 0px 20px; margin: 0; width: 175px; height: 70px;}
.home-box3-text p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#D7C3E9; text-align:left;}
.home-box3-text .more-link {text-align:left; width:120px; padding: 18px 0px 0px 0px;}

.page-content {margin: 10px 30px 10px 18px !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#331F40; padding: 0px 0px 0px 0px; line-height:20px;}

.cta {float:right; width:221px; margin: 0px 40px 40px 40px; padding: 0px 0px 0px 0px; background-color:#23142A;}
.cta p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#D7C3E9; text-align:left; padding: 10px 10px 0px 18px; margin: 0px 0px 0px 0px;}
.cta-title {font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#A77951; text-align:left;  padding: 20px 0px 0px 18px; margin: 0px 0px 0px 0px;}

.cta-link {float:left;  margin:15px 0px 0px 0px; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; padding: 0px 10px 10px 18px;}
.cta-link a {color:#A77951; text-decoration:underline;}
.cta-link a:hover {color:#B2A0C2; text-decoration:underline;}




.heading {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; margin: 30px 0px 0px 18px; padding: 0px 40px 0px 0px; font-weight:bold; color:#331F40; line-height: 35px;}

.signup { margin: 10px 0px 0px 20px;}
.signup input {padding:2px; width:102px; background-color:#E5D5F3; margin: 0px 8px 5px 0px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.buttons {width:81px !important; padding:0 !important; margin: 5px 8px 0px 0px !important;}

.copyright {float:left; margin: 0px 0px 0px 18px; }

/*.copyright {float:left; height: 90px; margin: 0px 0px 0px 18px; background-image:url(../images/pen.gif); background-position:right; background-repeat:no-repeat; width:860px;}*/

.copyright p {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8B7A9B; padding-bottom:20px;}


/*******************************************************************************************************************/
/* Top Nav  */
/*******************************************************************************************************************/

/*.clearboth{clear:both; height:0px; line-height:0px; font-size:0px;}*/
/*ul.horizontalNav .dropdown{ background-image:url(../images/template/menu-drop-down.gif);  background-repeat:no-repeat; padding-right:20px;}*/

/* entire navigation */

ul.horizontalNav  {
	                
	cursor: default;             
	margin: 0px 0px 0px 0px;            
	/* font-size:0.8em;	*/
	clear: left; 
	list-style-type: none;
	padding: 0px 0px 0px 40px;
}

/* entire drop down lists */

ul.horizontalNav ul {                     
	/*font-size:0.85em;*/
	clear:both;	
	margin-top: 13px;
	margin-left:-9px;
	padding: 13px 0px 13px 0px;
	background-color:#23142A;

}

/* each item in top level navigation - normal and drop downs*/

ul.horizontalNav li {
	list-style-type: none;  
	margin: 15px 0px 0px 0px;            
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item the lack of offset makes these appear normal, but it will make a difference to the absolutely positioned child blocks */
	color:#B08054;
	float: left;
	padding:0px 26px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:29px;

}

/* each item in drop down lists*/

ul.horizontalNav li ul li{
	margin: 2px 10px 2px 10px; 
	padding: 0px 0px 0px 0px;   
	list-style-type: none;            
	position: relative;      
	width:157px;
	font-size:17px;
	line-height:23px;
}

/* orange rollover colour on bottom border */
/*ul.horizontalNav li:hover {border-bottom: 5px solid #E6891A;}*/
 
ul.horizontalNav li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}

/* top level links*/
ul.horizontalNav li a { color:#B08054; display: block; width:auto; text-decoration: none; }
 
ul.horizontalNav li a:hover {color:#B2A0C2; }

/* drop down link text */
ul.horizontalNav li ul li a { color:#999; display: block; text-decoration: none;  /*padding:4px 10px;*/}

ul.horizontalNav li ul li a:hover { color: #B2A0C2; }

/* drop down link */
ul.horizontalNav li ul li:hover {}

ul.horizontalNav ul {  
	display: none; position: absolute; top: 21px; left: 0px;
}