/* ---------------------------------------------------------*/
/* CSS Development by LinxSmart - http://www.linxsmart.com/ */
/* ---------------------------------------------------------*/

a {
	text-decoration:none;
	cursor:pointer;
}

input, textarea, select {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	color:#000000;
	background:url(../images/inputBg.png) no-repeat top left;
	border:1px solid #DEDEDE;
}

#captcha {
		border:1px solid #D90C8D;
}

#captchaContainer a{color:#EB8C2B;}

body {
	background:#d90c8d;
	
	font-size:14px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
}

/* -----PAGEWRAPPER---------------------------------- */
div#pageWrapper {
	width:932px;
	margin:0 auto;
}
/* -----HEADER--------------------------------------- */
div#pageWrapper div#header {
	position:relative;
	height:180px;
	background:url(../images/logo.gif) top left no-repeat;
	z-index:2;
}
/* -----TOPNAV--------------------------------------- */
ul#topNav.dropdown {
	position:absolute;
	top:123px;
	left:0px;
	
}
/* -----BOTNAV--------------------------------------- */
ul#bottomNav.dropdown li a {
	width:153px;	
}


/* -----NAV------------------------------------------ */
ul.dropdown li {
	position:relative;
	display:inline-block;
	float:left;
}

ul.dropdown li a {
	float:left;
	display:block;
	font-size:18px;
	width:154px;
	padding:10px 0px;;
	background:url(../images/NavBg.gif) left repeat-x;	
	color:#666;
	text-align:center;
	border-top:1px solid #9f0a68;
	border-left:1px solid #9f0a68;
	border-bottom:1px solid #9f0a68;
}

ul.dropdown li a:hover {
	background:#f1f1f1;
	color:#a8cc35;
}

ul.dropdown li a.download:hover {
	background:#f1f1f1;
	color:#328FC8;
}

ul.dropdown li a.selected {
	background:url(../images/navSelectedState.gif) left repeat-x;
	color:white;
}

ul.dropdown ul {
	width:115px;
	float:left;
	position:relative;
}
ul.dropdown ul {
	display:none;
}

ul.dropdown li:hover ul {
	display:block;
} 
ul.dropdown li ul li {
	float:left;
	display:block;
}

ul.dropdown li ul li a {
	float:left;
	display:block;
	font-size:18px;
	width:115px;
	padding:10px 0px;;
	background:#f1f1f1;
	color:#666;
	text-align:center;
	border-left:1px solid #9f0a68;
	border-right:1px solid #9f0a68;
	border-bottom:1px solid #9f0a68;
	border-top:none;
}

/*--------*/
div#popupComment {
	width:600px;
	
}
form.formInOverlay h1, h1.formTitle
{
	display:block;
	height:32px;
	margin:0;
	padding:3px;
	color:#FFFFFF;
	font-size:18px;
	background: #4D9ED3;
	background: url("../images/overlayHeaderBg.jpg") repeat-x scroll 0 0 transparent ;
}

form.formInOverlay p
{
	color:#838383;
	font-size:14px;
}

form.formInOverlay p.note
{
	color:#b8d859;
	font-size:10px;
}

form.formInOverlay div
{
	margin-top:10px;
	margin-bottom:10px;
}

form.formInOverlay label
{
	display:block;
	font-size:14px;
	color:#838383;
}

form.formInOverlay input, form.formInOverlay textarea
{
	display:block;	
	border:1px solid #D90C8D;
}


/* ---BIGBUTTONS------------------------------------- */
div#pageWrapper div#bigButtons {
	height:500px;	
	position:relative;
	/*z-index:1;*/
}

div#pageWrapper div#bigButtons .boxgrid {
	width: 184px;
	height: 482px;
	float:left;
	background:#F6E9BD;
	border-top: solid 1px #9f0a68;
	border-left: solid 1px #9f0a68;
	border-bottom: solid 1px #9f0a68;
	overflow: hidden;
	position: relative;
}

div#pageWrapper div#bigButtons .boxgrid img {
	position: absolute;
	top: 0px;
	left: 0px;
	border: none;
}

div#pageWrapper div#bigButtons .boxgrid .cover {  
     position:absolute;
	 width:184px;
	 top: 420px;  
     left: 0px; 
	 height:150px;
	 background:url(../images/paperNavBg.jpg) top left repeat-x;
}  

div#pageWrapper div#bigButtons .boxgrid .black {  
     position:absolute;
	 width:184px;
	 top: 420px;  
     left: 0px; 
	 height:150px;
	 background-image: none !important;
	 background-color: #000;
	 color: #A24076;
} 

div#pageWrapper div#bigButtons .boxgrid .cover p {
	text-align:center;
	font-size:18px;
	color:#a24076;
	padding-top:22px;
}

div#pageWrapper div#bigButtons .boxgrid .cover p.infoText {
	font-size:14px;
	color:#666;
	padding-left:5px;
	padding-right:5px;
}


/* ---FOOTER-------------------------------------- */
div#pageWrapper div#footer {
	position:relative;
	height:75px;
}

div#pageWrapper div#footer div#footerText {
	color:white;
	position:absolute;
	top:50px;
	left:0px;
	font-size:14px;
}

/*div#pageWrapper div#footer div#socialIcons {
	position:absolute;
	top:45px;
	right:5px;
}

div#pageWrapper div#footer div#socialIcons a#facebook {
	margin-left:15px;
	display:inline-block;
	width:25px;
	height:25px;
	text-indent:-99999px;
	background:url(../images/facebookIcon.jpg);
}

div#pageWrapper div#footer div#socialIcons a#twitter {
	display:inline-block;
	width:25px;
	height:25px;
	text-indent:-99999px;
	background:url(../images/twitterIcon.jpg);
}*/
div#pageWrapper div#header div#socialIcons {
	position:absolute;
	z-index:1000000;
	top:95px;
	right:5px;
	width:340px;
}

div#pageWrapper div#header div#socialIcons a.becomeAFriend {
	display:inline-block;
	float:left;
	font-size:14px;
	font-weight:bold;
	width:70px;
	height:25px;
	background:url(../images/blueButtonBackground.jpg) repeat-x;
	color:#FFFFFF;
	padding-left:3px;
	/*padding-top:10px;*/
	line-height:20px;
	padding-top:2px;
	vertical-align:top;
	margin-right:10px;
}

div#pageWrapper div#header div#socialIcons a.ourblog {
	margin-right:10px;
	display:inline-block;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:151px;
	height:25px;
	background:url(../images/blog.jpg) no-repeat;
	color:#FFFFFF;
	text-indent:-9999px;
	/*padding-top:10px;*/
	line-height:20px;
	padding-top:2px;
	vertical-align:top;
}


div#pageWrapper div#header div#socialIcons a#facebook {
	margin-right:10px;
	display:inline-block;
	float:left;
	width:25px;
	height:25px;
	text-indent:-999999px;
	background:url(../images/facebookIcon.jpg);
}

div#pageWrapper div#header div#socialIcons a#twitter {
	margin-right:10px;
	display:inline-block;
	float:left;
	width:25px;
	height:25px;
	text-indent:-99999px;
	background:url(../images/twitterIcon.jpg);
}

div#pageWrapper div#header div#socialIcons a#youtube {
	display:inline-block;
	float:left;
	width:25px;
	height:25px;
	text-indent:-999999px;
	background:url(../images/youtube-icon.png);
}

/* ---CONTENT---------------------------------------- */
div#pageWrapper div#bigButtons div#content {
	width:738px;
	height:482px;
	float:left;
	background:white;
	border:1px solid #df0a68;
	overflow:hidden;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent {
	height:452px;
	width:708px;
	padding:15px;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent h1 {
	background:url(../images/navSelectedState.gif) repeat-x;	
	color:white;
	padding:10px;
	display:inline-block;
	font-size:20px;
	font-weight:normal;
	width:260px;
	margin-bottom:10px;
	border:1px solid #98c40c;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent p {
	background:#ffffff;
	color:#666666;
	padding:5px 10px;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent a {
	color:#EB8C2B;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent ul {
	background:#ffffff;
	color:#666666;
	padding:5px 10px;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent ul li {
	list-style:disc;
	list-style-position:inside;
	padding-bottom:10px;
	padding-left:20px;
}



div#pageWrapper div#bigButtons div#content div#scrollableContent #storyArchives {
	float: left;
	border:1px solid #ffffff;
	border-right: 0;
	padding: 10px;
	width: 120px;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyArchives h2{
	color: #EB8C2B;
	font-size: 16px;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyArchives ul {
	background:#ffffff;
	color: #EB8C2B;
	padding: 5px;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent #storyArchives ul li {
	list-style:disc;
	list-style-position:inside;
	padding-bottom:10px;
	padding-left:5px;
	color: #666666;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent #storyArchives ul li a{
	color: #666666;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent #storyListings {
	float: left;
	width: 550px;
	background-color: #ffffff;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyListing {
	padding: 5px 10px;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyListing h2 {
	color: #666666;
	font-size: 16px;

}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyListing h3 {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyListing p {
	color: #666666;
	font-size: 14px;
	padding: 0px 0px 5px 0px;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent #storyListing hr {
	color: #fff;
	background-color: #666666;
	border: 0;
	height: 1px;
}

/* ---MENU ITEMS------------------------------------- */
div#pageWrapper div#bigButtons div#content div#scrollableContent div.item {
	width:700px;
	display:inline-block;
	margin-bottom:15px;
}

div#pageWrapper div#bigButtons div#content div#scrollableContent div.item h2 {
	color:white;
	font-size:16px;
	padding:10px;
}
div#pageWrapper div#bigButtons div#content div#scrollableContent div.item p {
	background:none;
}
div#scrollableContent div#menuHeading div.blueButton{
	background:url(../images/overlayHeaderBg.jpg) repeat-x;	
	color: #fff;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	width: 150px;;
	height: 27px;
	border: none;
	text-align: center;
	padding-top: 2px;
}

div#scrollableContent div#menuHeading div.blueButton2{
	background:url(../images/overlayHeaderBg.jpg) repeat-x;	
	color: #fff;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	width: 150px;;
	height: 27px;
	border: none;
	text-align: center;
	padding-top: 2px;
}


button.pinkButton{
	background:url(../images/submitBTN.jpg) repeat-x;	
	color: #fff;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	width: 100px;;
	height: 27px;
	border: none;
	text-align: center;
	color: #fff;
	padding-bottom:4px;
}

div#scrollableContent div#menuHeading div.blueButton a{
	color: #fff;
}

/* -------------------------------------------------- */


/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------- Standard Button Styles -------------------------------*/

div.buttons {
	float:left;
}

div.buttons button {
	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;
	border:1px solid #989495;
	color:#6D7369;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.5px;
	padding:5px 10px 5px 10px;
	*padding:3px 0px 2px 0px;
	margin:10px;
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

/* hack for safari/chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.buttons button { 
		padding:4px 10px 4px 10px;
	}
}

div.buttons a {
	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;
	border:1px solid #989495;
	color:#6D7369;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.5px;
	padding:4px 10px 4px 10px;
	margin:10px 10px;
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

div.buttons a:hover, div.buttons button:hover {
	background:#F2F0F1;
	-moz-box-shadow:0px 0px 5px #989495;
	-webkit-box-shadow: 0px 0px 5px #989495;
	box-shadow: 0px 0px 5px #989495;
}

/* -------------------------- Positive Button Styles -------------------------------*/

div.buttons .positive {
	color:#60a020;
	border:1px solid #60a020;
}

div.buttons .positive:hover {
	color:#60a020;
	border:1px solid #60a020;
	-moz-box-shadow:0px 0px 5px #60a020;
	-webkit-box-shadow: 0px 0px 5px #60a020;
	box-shadow: 0px 0px 5px #60a020;
}

div.buttons .positive:active {
	background:#D7FFD7;
}

/* -------------------------- Negative Button Styles -------------------------------*/

div.buttons .negative {
	color:#d12f19;
	border:1px solid #d12f19;
}

div.buttons .negative:hover {
	-moz-box-shadow:0px 0px 5px #d12f19;
	-webkit-box-shadow: 0px 0px 5px #d12f19;
	box-shadow: 0px 0px 5px #d12f19;
}

div.buttons .negative:active {
	background:#FFD7D7;
}

/* -------------------------- Overlay Styles -------------------------------*/

.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

address {
	font-style:normal;
}


.blackButton {
	background-color: #000 !important;
	color: #A24076 !important;
	background-image: none !important;
}