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

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video { max-width: 100%; border:0; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img { width:100%; }

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		3;
	dw-num-cols-tablet:		3;
	dw-num-cols-desktop:	3;
	dw-gutter-percentage:	9;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

html { font-size:100%; }
body { /**/font-family:Arial, Helvetica, sans-serif; font-size:1em/2em; line-height:1.2; text-justify:inter-word; text-rendering:optimizeLegibility; font-weight:normal; }

/* Mobile Layout: 480px and below. */
.gridContainer { margin-left:auto; margin-right:auto; width:88.4954%; }
#gradient { clear:both; float:left; margin-left:0; width:100%; display:block; }
#copy { clear:both; float:left; margin-left:0; width:100%; display:block; background-color:#4c5556; color:#bfbcb9; }
#footer { clear:both; float:left; margin-left:0; width:100%; display:block; color:#747474; }
#header { clear:both; float:left; margin-left:0; width:100%; display:block; margin-top:1em; padding-left:0.5em; padding-bottom:2em; margin-bottom:2.5em; border-bottom:thin solid #b2891b; }
#title { clear:both; float:left; margin-left:0; width:100%; display:block; }
#description { clear:both; float:left; margin-left:0; width:100%; display:block; }
#Layout-table { clear:both; float:left; margin-left:0; width:100%; display:block; }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	.gridContainer { width:90.4403%; }
	#gradient { clear:both; float:left; margin-left:0; width:100%; display:block; }
	#copy { clear:both; float:left; margin-left:0; width:100%; display:block; background-color:#4c5556; color:#bfbcb9; }
	#footer { clear:both; float:left; margin-left:0; width:100%; display:block; color:#747474; }
	#header { clear:both; float:left; margin-left:0; width:100%; display:block; margin-top:2em; padding-left:0.5em; padding-bottom:2em; margin-bottom:2.5em; border-bottom:thin solid #b2891b; }
	#title { clear:both; float:left; margin-left:0; width:100%; display:block; }
	#description { clear:both; float:left; margin-left:0; width:100%; display:block; }
	#Layout-table { clear:both; float:left; margin-left:0; width:100%; display:block; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	.gridContainer { width:89.1743%; max-width:1232px; margin:auto; }
	#gradient { clear:both; float:left; margin-left:0; width:100%; display:block; }
	#copy { clear:both; float:left; margin-left:0; width:100%; display:block; background-color:#4c5556; color:#bfbcb9; }
	#footer { clear:both; float:left; margin-left:0; width:100%; display:block; color:#747474; }
	#header { clear:both; float:left; margin-left:0; width: 100%; display:block; margin-top:2em; padding-left:0.5em; padding-bottom:2em; margin-bottom:2.5em; border-bottom:thin solid #b2891b; }
	#title { clear:both; float:left; margin-left:11.2139%; width:77.572%; display:block; }
	#description { clear:both; float:left; margin-left:11.2139%; width:77.572%; display:block; }
	#Layout-table { clear:both; float:left; margin-left:0; width:100%; display:block; }
}

h1 { font-size:2em; }
h2 { font-size:1.5em; }
h1, h2 { font-family:Georgia, "Times New Roman", Times, serif; line-height:2.4em; font-weight:bold; padding-right:0.3em; padding-bottom:1em; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.17em; line-height:1.6em; font-weight:bold; padding-right:0.3em; padding-bottom:0.5em; }
p { padding-left:0.3em; padding-right:0.3em; font-size:100%; color:#999999; text-align:justify; }
p.introduction::first-letter { font-family:Georgia, "Times New Roman", Times, serif; font-size:280%; font-weight:bold; float:left; width:1em; color:#282828; line-height:36px; padding-top:0.04em; padding-right:12px; }
@-moz-document url-prefix() {
   html { font-size: 100%; }
   p.introduction::first-letter {padding-top:0.06em;}
   small { font-size:80%; }
   h1 { font-size:100%;}
}
small { font-size:80%; }
strong { line-height:1.3em; color:#b2891b;; }
b { font-size:108%; }
#footer { color:#747474; height:auto; }


a { font-size:1.1em; color:#b2891b; text-decoration:none; }
a:hover { color:#6B8E23; }
a:hover, a:active { outline:0; }

.bgr-braided {
	/* Carbon (944 B) by Atle Mo (design), Sébastien Grosjean (code) http://lea.verou.me/css3patterns/#carbon */
	background-position: 0px 5px, 10px 0px, 0px 10px, 10px 5px, 0% 0%, 0% 0%;
	background-image:linear-gradient(27deg, rgb(21, 21, 21) 5px, transparent 5px), linear-gradient(207deg, rgb(21, 21, 21) 5px, transparent 5px), linear-gradient(27deg, rgb(34, 34, 34) 5px, transparent 5px), linear-gradient(207deg, rgb(34, 34, 34) 5px, transparent 5px), linear-gradient(90deg, rgb(27, 27, 27) 10px, transparent 10px), linear-gradient(rgb(29, 29, 29) 25%, rgb(26, 26, 26) 25%, rgb(26, 26, 26) 50%, transparent 50%, transparent 75%, rgb(36, 36, 36) 75%, rgb(36, 36, 36));
	background-attachment:scroll, scroll, scroll, scroll, scroll, scroll;
	background-repeat:repeat, repeat, repeat, repeat, repeat, repeat;
	background-size:20px 20px;
	background-origin:padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip:border-box, border-box, border-box, border-box, border-box, border-box;
	background-color:rgb(19, 19, 19);
}
.rainbow {
    height:2px;
    background:#b2891b; /* For browsers that do not support gradients */
    background:-webkit-linear-gradient(left, orange, yellow, green, cyan, blue, violet); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(right, orange, yellow, green, cyan, blue, violet); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet); /* Standard syntax */
}

.bgr { background-image:url(../builder/paper.jpg); background-repeat:repeat; }
.center { text-align:center; }
.leftalign { margin-left:11.2139%; }
.rightalign { margin-left:75%; }
.justify { text-align:justify !important; }
.floatleft, .floatright { display:block; margin-right:auto; margin-left:auto; }
#about {}