﻿/* Default Styles */

* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; font-family: Georgia, Times New Roman, Sans-Serif; font-size: 11px; color: #370b00; background-color: #f3eed8; }
h1 { font-size: 17px; letter-spacing: 1px; font-family: "Lucida Grande", Lucida Sans, Verdana, Sans-Serif; }
h2 { font-size: 15px; letter-spacing: 1px; font-family: "Lucida Grande", Lucida Sans, Verdana, Sans-Serif; color: #7F8B51; }
h3 { font-size: 12px; letter-spacing: 1px; font-family: "Lucida Grande", Lucida Sans, Verdana, Sans-Serif; color: #7F8B51; }
a { text-decoration: none; color: #5C80B1; }
/*a[href^="\/file.axd"] { font-weight: bold; background: url(images/download.png) no-repeat right center; padding-right: 15px; } */
a:hover { text-decoration: underline; color: #577B0D; }
img { border: none; }
.activities p {margin-bottom: 10px; }
.activities h2, h1 {padding: 5px 0 10px 0; }
.activities ul { list-style-type: disc; padding-left: 25px; }

/* Layout */

.wrapper { margin-top: 0px; width: 950px; height: 100px; background: url(../Images/branding-bg.jpg) no-repeat; }
.mainwrapper { margin: 0px auto 0px auto; width: 950px; height: auto; position: relative; vertical-align: middle; background: url(../images/bg.jpg) repeat-y; }
.footerwrapper { margin: 0px auto 0px auto; width: 950px; height: 165px; position: relative; }
.imagewrapper { margin: 0px auto 0px auto; width: 950px; height: 300px; position: relative; background: url(../images/bg.jpg) repeat-y; vertical-align: middle; z-index: 0; }
.photo-border { border: solid 1px white; padding: 4px; background-color: #7f8b51; display: block; }
.mainwrapper ul { list-style-type: disc; padding-left: 25px; }
.hr-container { width: 950px;	clear:both;	height: 5px; position: relative; margin: 10px auto auto auto; padding-bottom: 10px; }
.phone { }
.details { cursor: hand; text-decoration: underline; }
.repeaterPanel { height: 0; overflow: hidden; }
#subscribe {float: right; padding-right: 10px; padding-top: 10px; }
#crown { width: 950px; height: 110px; position: relative; vertical-align: middle; clear: both;}

#content { float:left; width: 655px; padding: 15px 0px 5px 10px; }
#sidepanel { float: right; width: 260px; padding: 15px 5px 5px 10px;}
#sidepanel-background { background:url(images/sidepanel_bkgd.png) repeat-y; }
#nav { margin: 0px auto 0px 10px; width: 930px; padding: 5px 0px 0px 0px; position: relative; z-index: 5; }
#copyright { float: left; width: 450px; margin: 90px auto 0px 5px; position: relative; display: block; color: #555555; }
#footernav { float: right; width: 400px; margin: 55px 10px auto 0px; position: relative; text-align: right; }
#socialmedia { float: right; padding: 5px 10px 0px 0px; width: 200px; position: relative; }
#contentcontainer { margin: 0px 0px 0px; width: 950px; position: relative; vertical-align: middle; z-index: 1; }
#defaultcontainer { width: 900px; position: relative; text-align: justify; vertical-align: middle; background: url(../Images/default-content-bg-trans.png) no-repeat; height: 140px; }
.column1 { float: left; padding: 25px 5px 5px 20px; width: 355px; height: 100px; line-height: 1.7em; text-align: justify; }
#defaultcontainer.img { width: 89px; height: 100px; vertical-align: middle; }
.column2 { float: right; padding: 25px 20px 5px 5px; width: 355px; height: 100px; line-height: 1.7em; }

.loginbox { margin: 0 auto; }

#postnavigation { margin-bottom: 10px; text-align: center; color: Gray; border: 1px solid #BAAA8F; padding: 3px; }
#postPaging { color: Gray; border: 1px solid #BAAA8F; padding: 3px; overflow: auto; display:block; }

.clear { clear:both; }

#text-left { position: relative; float: left; width: 165px; height: 75px; }
#text-right { position: relative; float: right; width: 35px; height: 75px; }

/* Header */

#header { margin: 10px auto 0px auto; position: relative; vertical-align: middle; width: 950px; height: 137px; z-index: 5;}
#header h1 { font-family: Arial; font-size: 40px; margin: 0px; padding-right: 10px;  }
#header h2 { font-weight: normal; letter-spacing: 4px; color: #9E9E9E; margin: 0px; padding-right: 10px; }
/*#header a { text-decoration: none; color: #FFFFFF; } */

/* Content */

#content-header { background: url(../Images/new-content-top-bottom-2.gif) no-repeat; height: 11px; width: 930px; position: relative; z-index: 1; clear: both; }
#content-footer { background: url(../Images/new-content-top-bottom-2.gif) no-repeat; height: 11px; width: 930px; position: relative; clear: both; }
#content-header-whole { background: url(../Images/new-content-top-bottom-3.gif) no-repeat; height: 11px; width: 930px; position: relative; z-index: 100; clear: both; }
#content-footer-whole { background: url(../Images/new-content-top-bottom-3.gif) no-repeat; height: 11px; width: 930px; position: relative; clear: both; }
#content-main { background: url(../Images/new-content-bg-2.gif) repeat-y left top; width: 930px; padding: 10px 0 10px 0; display: block; overflow: hidden; z-index: 1;}
#content-main-whole { background: url(../Images/new-content-bg-3.gif) repeat-y left top; width: 930px; padding: 10px 0 10px 0; display: block; overflow: hidden; z-index: 1;}
#content-main-whole1 { width: 900px; padding: 10px 0px 10px 0px;}
#content-main-left { float: left; width: 600px; padding: 10px 0px 10px 15px; text-align: justify; }
#content-main-right { float: right; width: 275px; padding: 10px 15px 10px 10px; }
#content-main-right img.refine {display: block; position: relative; padding: 5px; background-color: #7f8b51; border: 1px solid #fff; }
#content-main-right img {display: block; position: relative; margin: 10px auto; }

/* Flash Content */

#flashcontent {	display: block;	position: relative;	margin: 0 auto; width: 773px; height: 282px; background-color: #7f8b51;	padding: 5px; border: 1px solid #fff; z-index: 0; }

/* Menu */
#menu { margin-top: 0px; background: url(../images/nav1.jpg) no-repeat; height: 37px; width: 950px; position: relative; z-index: 5; }
#menu ul { list-style: none; }

.menuleft { margin: 0; z-index: 100; position: relative }
.menuright { float: right; position: relative; color: #ffffff; }

.menuleft li, .menuright li { float: left; margin: 0; padding: 0; position: relative; }
.menuleft li a, .menuright li a { color: white; padding: 7px 9px; display: block; }
.menuleft li a:hover, .menuright li a:hover { text-decoration: none; color: white; background: url(../images/nav-background-hover.gif) center center repeat-x; }
.menuleft li a img, .menuright li a img { margin-right: 3px; margin-bottom: -2px; }

/* Footer */

#footer { margin: 0px auto 0px auto; width: 950px; height: 200px; background: url(../images/footer-bg-bottom.jpg) no-repeat; position: relative; vertical-align: middle; z-index: 0; }
#subfooter { margin: 0px auto 0px auto; width: 950px; height: 80px; position: relative; vertical-align: middle; background: url(../Images/footer-bg-top.jpg) no-repeat; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LIGHTBOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64;AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Rad Editor */

.reToolbar.Sunset .SaveChanges {background-image: url(../Images/SaveChanges1.jpg) }

/*ul { margin:0; padding:0; }
li { list-style: bullet;	list-style-type: disc;	margin-left:2.5em; }
ol.numbered-list li { list-style: number; margin-left: 1em; } */


/* Gallery Wrapper */

#gallerywrapper { width: 610px; height: 140px; }
#rightarrow { float: right; cursor: hand; width: 35px; }
#leftarrow { float: left; cursor: hand; width: 35px; }
#imgwrapper { width: 540px; height: 140px; border: solid 1px black; }
#radwrapper {padding-top: 8px; }
.rotator { }


