@import url(../css/xSmall.css);

body, body div, body p, body th, body td, body li, body dd	{
	font-family:"Trebuchet MS", "Luxi Sans", verdana, sans-serif;}


/* makes vert scrollbar visible on FF */
:root {
 overflow-y: scroll !important;}

html, body {
  border:0;
  margin:0;
  padding:0;}

body {
  position:relative;
  padding:0 385px; /* Half of wrapper minimum */
  margin:0;
  text-align:center;}

#sizer {
  margin:0 auto;
  padding:0;
  width:50%;                     /* any value from 0% (full rigid) to 100% (full liquid) */
  max-width:224px;}               /* wrapper maximum - wrapper minimum */

#expander {
  position:relative;
  margin:0 -385px;      				/* Half of wrapper minimum */
  min-width:770px;              /* Wrapper minimum */
  }

  * html #expander { height:0; }

#wrapper { width: 100%; }

h1 {
  font-size:130%;}

h2 {
	font-size:125%;}

h3 {
	font-size:120%;}

h4 {
	font-size: 115%;}


a.tooltip {
  position:relative;
	z-index:24;
	text-decoration:none;}

a.tooltip:hover {
	z-index:25;}

a.tooltip span {
	display:none}

a.tooltip:hover span {
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:15em;
	padding:2px;
	border:1px solid #4d4d4d;
	background-color:#be2e1a;
	color:#fff;
	text-align:center}




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


.roundedCorner {
	background:#a7a9ac;}

	.roundedCorner div {
		overflow:hidden;
		height:.05em;  /* 0.05em == 1px */
		font-size:105%;
		border-style:solid;
		border-color:#fff;}

	.r1 { border-width:0em .5em 0em .5em;}
	.r2 { border-width:0em .35em 0em .35em;}
	.r3 { border-width:0em .2em 0em .2em;}
	.r4 { border-width:0em .14em 0em .14em;}
	.r5 { border-width:0em .12em 0em .12em;}
	.r6 { border-width:0em .08em 0em .08em; }
	.r7 { border-width:0em .05em 0em .05em; }

	.roundedRight div {
		border-left-width:0em;}


body {
  font-family: "Trebuchet MS", "Luxi Sans", verdana, sans-serif;
	background:#be2e1a;}

#expander {
	background:#fff url(/images/index_wrapper_bg.png) no-repeat 0px 270px;}

#header {
	width:100%;
	height:270px;
	text-align:left;
	background-position:top left;
	background-repeat:no-repeat;}

	#header div {
		position:relative;}

	#header .logo {
		height:115px;
		padding-top:43px;
		margin:0 0 0 25px;
		z-index:10;}

	#navigation {
		position:relative;
		z-index:10;
		float:left;
		display:inline;
		text-align:left;
		z-index:10;
		margin:4px 0px 0px 28px;
		width: 775px;}


    .ulNav ul {
  		padding:2px 0 3px 0;
  		margin:0;
  		list-style:none;}

			.ulNav li {
				float:left;
				clear:left;}

	  	.ulNav a {
				width:95px;
				display:block;
	  		padding:5px 25px 5px 5px;
	  		margin:0;
	  		color:#231f20;
	  		text-decoration:none;
	  		font-size:90%;}

	  		.ulNav a:hover {	}

			.ulNav a.expandsLeft {
				background:transparent url(/images/arrow_left.png) no-repeat 95% 50%;}

			.ulNav a.expandsRight {
			  background:transparent url(/images/arrow_right.png) no-repeat 95% 50%;}

			.ulNav a.emptyPage{
				cursor:default;}

      .ulNav li.lev0 {
				color:#fff;
				font-size:90%;
				float:left;
				clear:none;
				display:inline;}

	  	.ulNav a.lev0 {
	  		width:auto;
	  		float:left;
	  		padding:3px 3px;
	  		margin:0px;
	  		font-size:90%;
	  		color:#fff;}

	  		.ulNav li a.lev0:hover {
	  			/*background:#231f20;*/}


	    /* SUB MENUS */

	  	.ulNav li ul {                   /* first level */
			  position:absolute;
			  clear:left;
			  padding:0;
			  left:-999em;
			  background:transparent url(/images/menu_bg.jpg) repeat-y;}

				.ulNav li ul ul {              /* second level expands to left of current item */
					margin:-24px 0 0 125px;}

				.ulNav li:hover,
				.ulNav li.hover {
				  background:transparent url(/images/menu_bg_over.jpg) repeat-y top left;}

				.ulNav li.lev0:hover,
				.ulNav li.hover {
				  background:transparent url(/images/menu_bg_over.jpg) repeat-y top left;}

				/*.ulNav li:hover ul ul,
				.ulNav li:hover ul ul ul,
				.ulNav li:hover ul ul ul ul,*/

				.ulNav li.hover ul ul,       /* msie */
				.ulNav li.hover ul ul ul,
				.ulNav li.hover ul ul ul ul {
					left:-999em;}

				/*.ulNav li:hover ul,
				.ulNav li li:hover ul,
				.ulNav li li li:hover ul,*/
				.ulNav li.hover ul,            /* msie */
				.ulNav li li.hover ul,
				.ulNav li li li.hover ul {
					left:auto;
					}



	#announcement { /* Only on splash/welcome - see splash.css */
		display:none;}



#left {
  float:left;
  width:26%;
  display:inline;
  text-align:left;
  margin:0 1% 0 0;}

		#left .ulNav h1 {
			width:95px;
			margin:45px 0 10px 25px;
			font:bold 103%/103% "Trebuchet MS", sans-serif;}

			#left .color1 { color:#ce8419; }
			#left .color2 { color:#00447d; }
			#left .color3 { color:#546d11; }
			#left .color4 { color:#4e3a08; }
			#left .color5 { color:#7a7a7a; }
			#left .color6 { color:#b34014; }
			#left .color7 { color:#928370; }
			#left .color8 { color:#7b1900; }

		#left .ulNav ul {
		  padding:0;}

      #left .ulNav li.lev0 {
      	float:none;}

			#left .ulNav li ul {
				float:left;
				clear:none;
				margin:-22px 0 0 120px;}

			#left .ulNav li:hover,
			#left .ulNav li.hover {
				background:none;}

			#left .ulNav li ul li:hover,
			#left .ulNav li ul li.hover {
				background:transparent url(/images/menu_bg_over.jpg) repeat-y top left;}



		  #left .ulNav a.lev0 {
		    display:block;
		    float:none;
		    width:95px;
		    font-size:105%;
		    color:#58595b;
		    text-decoration:none;
		    margin:3px 0;
		    padding:3px 0 5px 25px;}

		    #left .ulNav a.lev0:hover, #left .ulNav a.current {
		      background:transparent url(/images/arrow_right.png) no-repeat 10px 50%;}

	#left .donate {
		clear:left;
		float:left;
		width:140px;
		margin:30px 0 30px 1px;
		background:#a7a9ac;}

		#left .donate a {
			display:block;
			widtH:134px;
			font-size:120%;
			line-height:19px;
			padding:7px 0 5px 6px;
			color:#fff;
			text-decoration:none;}

			#left .donate a span {
				display:block;
				font-size:110%;
				text-align:right;
				color:#58595b;
				margin:4px 4px 0 0;}

			#left .donate a:hover, #left .donate a:hover span {
				background:none;
				color:#be2e1a;}

		#left .contact {
			clear:left;
			margin:30px 0 0 1px;}

			#left .contact .top {
				width:100%;
				height:18px;
				font-size:0px;
				background:transparent url(/images/contact_top_bg.png) no-repeat top left;}

		  #left .contact .content {
		    padding:0 0 0 22px;
		  	background:transparent url(/images/contact_bg.png) repeat-y;}

				#left .contact .content h1 {
					width:90%;
					color:#231f20;
					margin:0 0 4px 0;
					padding:10px 0 0 0;
					font:bold italic 102%/102% "Trebuchet MS", Arial, "Luxi Sans", sans-serif;
					background:none;}


		  	#left .contact .content p {
		  		font-size:95%;
		  		color:#58595b;
		  		margin:0;
		  		padding:0 0 5px 0;}

		  	#left .contact .content a {
		  		font-size:95%;
		  		color:#be2e1a;}

			#left .contact .bottom {
				width:100%;
				height:18px;
				font-size:0px;
				background:transparent url(/images/contact_bottom_bg.png) no-repeat top left;}





#content {
  float:left;
  width:72.8%;
  text-align:left;
	padding-bottom:15px;
  min-height:650px; /*set so bgimage will tile properly */}

  #content .contentHeader {
  	float:left;
	width:100%;
	margin:0;
  	padding:0;}

  #content h1 {
  	margin:15px 0 0 0;
  	font:normal 19px/19px Times, "Times New Roman", serif;
  	color:#58595b;
  	padding:3px 0 16px 0px;
  	background:transparent url(/images/page_title_bg.png) no-repeat top right;}

	#content .contentHeader .contentHeaderTop a, #content .contentHeader .contentHeaderTop p {
		display:inline;
		font-size:95%;
		margin:0 .5em;
		text-decoration:none;}

		#content .contentHeader .contentHeaderTop a:hover {
			text-decoration:underline;}


  #content .contentHeader .contentHeaderLeft {
  	float:left;
	width:50%;
	background:red;
	margin:0;}

	#content .contentHeader .contentHeaderLeft h1 {
      margin:0;
	  padding:0;
  	  font-family: Times, "Times New Roman", serif;
  	  color:#58595b;}

  #content .contentHeader .contentHeaderRight {
  	float:right;
	width:auto;
	margin:.45em 25px 0 2.5%;}

  #content .contentHeader .contentHeaderBottom {
	float:left;
	clear:left;
	width:100%;
	background:transparent url(/images/page_title_bg.png) no-repeat top right;}

  #content .contentHeader .contentHeaderBottom a {
  	text-decoration:none;
	font-size:smaller;
	padding: 0 0 0 25px;
	background:transparent url(/images/arrow_right.png) no-repeat 2% 50%}

	#content .contentHeader .contentHeaderBottom a:hover {
  		text-decoration:underline;}



  /* ONLY FOR THE ACCOUNT, STORE, AND USERS MODULES */
  #content .shopBorderRight, #content .shopBorderCorner {
  	display:none;}


  #content h2, #content h3, #content h4, #content h5, #content h6 {
		padding:0;
		margin:28px 20px 7px 0;
		color:#58595b;}

	#content p, #content li, #content ul {
    color:#58595b;
    font:normal 102%/107% Arial, "Luxi Sans", sans-serif;}

  #content p {
    padding:0;
    margin:0 20px 10px 0;}

	#content p.date {
		margin:0;
		font-weight:bold;}

	#content p.author {
		font-size:102%;}

	#content a {
		color:#be2e1a;}


	#content div.inlinePhoto {
		float:right;
		margin:12px 15px 20px 20px;}

    #content div.inlinePhoto img {
    	display:block;
    	padding:0;
    	margin:0;}

		#content div.inlinePhoto span {
			display:block;
			margin:0;
		  padding:3px 0;
		  background:#f3f4f4;
			font:normal 102%/102% "Trebuchet MS", Arial, "Luxi Sans", sans-serif;}

		#content div.inlinePhoto span span {
			margin:0 3px;
			background:transparent;}

		#content div.inlinePhoto span.morePhotos a {
			display:block;
			margin:0;
			padding:4px;
			color:#58595b;
			font-weight:bold;
			text-decoration:none;
			background:transparent url(/images/arrow_right.png) no-repeat 96% 53%;}

		  #content div.inlinePhoto span.morePhotos a:hover {
				color:#000;
				background-color:#e47e00;}


  /* Standalone */
	#relatedDocs {
	  float:right;
	  width:20%;
	  text-align:left;
	  margin:0 0 50px 25px;}

		#relatedDocs .content {
			padding:0 16px 10px 0;
			font:normal 102%/102% "Trebuchet MS", Arial, "Luxi Sans", sans-serif;
			background:transparent url(/images/related_docs_bg.png) repeat-y top right;}

		#relatedDocs h1 {
			width:90%;
			color:#231f20;
			margin:0 0 4px 0;
			padding:10px 0 0 0;
			font:bold italic 102%/102% "Trebuchet MS", Arial, "Luxi Sans", sans-serif;
			background:none;}

	  #relatedDocs a {
			display:block;
	  	color:#231f20;
	  	font:normal 102%/102% "Trebuchet MS", Arial, "Luxi Sans", sans-serif;
	  	margin:0 0 8px 0;
	  	padding:4px 0 4px 4px;
	  	text-decoration:none;
	  	overflow:hidden;}

			#relatedDocs a.pdf {
				padding-left:25px;
				background:transparent url(/images/icon_pdf.png) no-repeat 2px 50%;}

	  	#relatedDocs a:hover {
	  		background-color:#d3cab7;}

		#relatedDocs p {
			margin:4px 4px 4px 0;
			font:normal 85%/102% "Trebuchet MS", Arial, "Luxi Sans", sans-serif;}

	  #relatedDocs .bottom {
	    height:11px;
	    margin:0 15px 0 0;
	  	background:transparent url(/images/related_docs_bottom_bg.png) no-repeat top right;}




#topOfPage {
	clear:both;
	margin:0 0 0 27%;
	padding:10px 0 15px 0;}

	#topOfPage .content {
		padding:0 0 3px 0;
		background:transparent url(/images/top_of_page_bg.png) no-repeat bottom right;}

	  #topOfPage .content a {
			display:block;
			text-align:right;
			font-size:100%;
    	color:#bF311a;
    	margin:0;
    	padding:0 43px 0 0;
    	text-decoration:none;
    	background:transparent url(/images/arrow_up.png) no-repeat 95% 50%;}

    	#topOfPage .content a:hover {
    		font-weight:bold;}


#footer {
	clear:both;
	background:#fff url(/images/footer_left_bg.png) no-repeat bottom left;}

  #footer .top {
  	width:710px;
    padding:0 0 2px 0;
  	margin:0 auto;
  	background:#fff url(/images/footer_links_bg.png) no-repeat bottom center;}

    #footer .content .top a {
      display:block;
      text-align:right;
      font-size:100%;
    	color:#bF311a;
    	margin:0;
      padding:0 30px 0 0;
    	text-decoration:none;
    	background:transparent url(/images/arrow_up.png) no-repeat 98% 50%;}

    	#footer .top a:hover {
    		font-weight:bold;}


  #footer .links {
	  width:660px;
	  margin:0 auto;
	  background:#a7a9ac;}

  #footer .content {
    text-align:center;
    color:#bF311a;
    font-size:100%;
    padding-bottom:10px;
    background:transparent url(/images/footer_right_bg.png) no-repeat bottom right;}

    #footer .content a {
    	color:#fff;
    	font-size:100%;
    	text-decoration:none;
    	padding:0 2px;
    	margin:0 4px;}

      #footer .content a:hover {
	    	text-decoration:underline;}




.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


p {
  margin: .95em 0em .95em 0em;
  font-size: 105%;
  line-height: 1.2;}





/* PHOTO GALLERY */
#photoGallery {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;}

	#photoGalleryBG {
		position:absolute;
		top:0px;
    left:0px;
    width:100%;
		opacity:.9;
		background:#002d62;}

	#photoGalleryLoading {
		position:absolute;
		top:100px;
		left:0;
		width:100%;
		text-align:center;
		color:#fff;
		font-size:102%;}

	#photoGalleryContent {
	  position:absolute;
    top:0px;
    left:0px;
    width:550px;
	  z-index:2;}

	  div.closeGallery {
			width:100%;}

			div.closeGallery a {
				float:right;
				margin:0 4px;
				padding:2px;
				color:#fff;
				font-weight:bold;
				font-size:102%;}

	  div.photoGalleryNav {
			position:absolute;
			top:41px;
			left:-50px;
			display:block;
      height:550px;
			width:650px;
      z-index:500;}

 		 div.photoGalleryNav a {
				float:left;
				width:50%;
				height:550px;
        background:transparent url(/images/gallery_prev.png) no-repeat 1% 50%;}

      div.photoGalleryNav a.right {
        text-align:right;
        background-image:url(/images/gallery_next.png);
        background-position:99% 50%;
        background-repeat:no-repeat;}


		#photoGalleryImage {
			float:left;
      display:block;
			margin:20px 0 0 0;
			width:550px;
			height:550px;}


		#photoGalleryCredit {
		  float:left;
		  clear:left;
		  width:100%;
		  margin:2px 0 0 0;
			font-style:italic;
			text-align:right;
			font-size:100%;
			color:#fff;}


		#photoGalleryCaption {
 			float:left;
			clear:left;
			text-align:center;
			width:100%;
			margin:20px 0 0 0;
			font-size:102%;
			color:#fff;}





#pagination {
	clear:both;
	text-align:center;
  margin:0 20px 0 0;}

  #pagination .top {
  	width:100%;
  	border-top:1px solid #4d4d4d;}

    #pagination .links {
  	  width:90%;
      margin:0 auto;
  	  background:#a7a9ac;
      color:#fff;
      font-size:100%;}

    #pagination .links a {
    	color:#fff;
    	text-decoration:none;
    	padding:0 2px;
    	margin:0 4px;
      font-size:100%;}

      #pagination .links a:hover {
	    	text-decoration:underline;}









/* COMMON COLORS */
.red {
	color:#be2e1a;}

.green {
	color:#4d5a11;}

.gold {
	color:#e47e00;}

.blue {
	color:#002d62;}

.white {
	color:#fff;}

.gray {
	color:#58595b;}