body{	
	margin:0;
	padding:0;
	background: #1e1e1e;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
}

@font-face {font-family: Baskerville; src: url('fonts/BaskervilleOldFace.ttf');}

.clear{margin:0; padding:0; height:0; clear:both;}
.container{ margin:0 auto; padding:0; width:816px;}

#tweetDescription{margin:0; padding:10px 0px;}
#tweetView{margin:0; padding: 0px; border-bottom: 2px solid #dad6ca;}

/*---------- HEADER
------------------------------------*/
#header{
	margin:0;
	padding:0;	
	width:100%;
	height:146px;
	z-index:74;
	background:  url(images/header-grady.jpg) repeat-x left top;

}

#globalHeader{
	margin:0;
	padding:0;	
	width:100%;
	height:146px;
	z-index:74;
	background: #f6f3ef url(images/global-header-grady.jpg) repeat-x left top;

}

#logo {
	margin:0;
	padding:0;	
	width:183px;
	float:left;
}


#infoline{
	margin:0;
	padding:0;
	height:30px;
	width:380px;
	color: #2b2925;
	font-size:10px;
	background: url(images/infoline-number.jpg) top right no-repeat;
	float:right;
	}	

/*------NAVBAR
-----------------------*/
#navbar{margin:0 auto; padding:0px; width:565px; height:82px; float: right; font-family: Baskerville, Times, serif;}
#navbar ul,#navbar ul li,#navbar ul ul {list-style: none; margin: 0; padding: 0; display:inline;}

#navbar ul {position: relative; z-index: 597; float: right; padding:0px 0px 0px 0px;}

#navbar ul li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;margin:0px 0px; padding: 25px 10px 0px 10px; border-top: 7px solid #cbb57d;}
#navbar ul li a {margin:0px; padding:0px 5px; color:#1e1e1e; text-align:center; text-decoration:none; font-size:18px;}
#navbar ul li a:hover {color:#771012;}
#navbar ul li.active a{color:#771012;}
#navbar ul li.active ul a{color:#FFF;}
#navbar ul li.active {border-top:7px solid #771012;}
#navbar ul ul li.active {border:0;}


#navbar ul li.hover,#navbar ul li:hover { position: relative; z-index: 599; cursor: default;}

#navbar ul ul { padding:5px; visibility: hidden; position: absolute; top: 105%; left: 0; z-index: 598; width:175px; background:#231f20; border-radius: 15px; -moz-border-radius:15px;}

#navbar ul ul li { margin:0px; padding:5px; text-align: left; display: block; border:0;}

#navbar ul ul li a {margin:0px; padding:0px 15px 0px 0px; color:#FFF; text-decoration:none; font-size:14px; text-transform:none;font-family:Verdana, Arial, Helvetica, sans-serif;}
#navbar ul ul li a:hover {color:#ad1f23;}

#navbar ul ul ul { top: -5px; left: 99%;}

#navbar ul li:hover > ul { visibility: visible;}


/*---------- FOOTER
------------------------------------*/
#footer {
	margin:0;
	padding:0;
	width:100%;
	background: #1e1e1e;
	
}
#footer p {
	margin: 0px;
	padding:10px 0px;
	font-size:10px;
	color:#FFF;
}
#footer p a {
	text-decoration: underline;
	color: #ffffff;
}
#footer p a:hover {
	text-decoration: underline;
	color: #b32017;
}


#subFooter{margin:0; padding:0; width:100%; background:#dad6ca;}
#subFooter h4{margin:0; padding:0px 0px 10px 0px; font-size:28px; color:#771012; text-shadow: 2px 2px 2px #9a9486; border-bottom: 1px dashed #666; font-family: Baskerville, Times, serif; font-weight: normal;}

#keyPractices{margin:0; padding:20px 0px; width:400px; float: left; font-size:12px;}
#keyPractices a{color:#1e1e1e; text-decoration:none;}
#keyPractices a:hover{color:#771012; text-decoration: underline;}
#keyPractices ul.LIn_shortMode li{ width: 200px; float:left; margin:0; padding:5px 0px;}


/*---------- RIGHT
------------------------------------*/
#right {
	margin:0;
	padding:10px 0px;
	width:280px;
	float:right;
}

#right h2 {
	font-size: 15px;
}

#sidebar{margin:0px 0px 10px 0px; padding:10px 0px; color:#444444; font-size:12px; border-bottom: 1px dashed #666; border-top: 1px dashed #666;}


/*---------- LEFT
------------------------------------*/
#left {
	margin:0;
	padding:10px 0px;
	width:525px;
	float:left;
}

/*---------- FULL
------------------------------------*/
#full {
	margin:0 auto;
	padding:10px 0px;
	width:850px;
	
}


/*---------- CONTENT
------------------------------------*/

#content {
	margin:0;
	padding:0;
	width:100%;
	background: #f6f3ef;
}


#content h2 {
	font-size: 18px;
	color: #1c1b1b;
	margin:0;
	padding:10px 0px;
}

.post h3  {
	font-size: 13px;
	color: #1c1b1b;
	padding: 0px;
	margin:0;
}

#content p {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
}

#content a {
	color: #771012;
	text-decoration:none;
}

#content a:hover {
	color: #111;
	text-decoration:underline;
}

#content ul {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	margin:10px 30px; 
	padding:0;
	list-style:disc;
}

#content ol {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	margin:10px 30px; 
	padding:0;
	list-style:disc;
}



/*---------- SEARCH
------------------------------------*/

.FSF_searchResults {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}


.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}


.FSF_resultLink {
	color: #771012;
}

.FSF_extract {
	font-size: 12px;
	color: #444444;
	line-height: 18px;
	_line-height: 16px;
}

.highlight {
	font-size: 12px;
	background-color: #f2f2f2;
	color: #771012;
	font-weight: bold;
	line-height: 18px;
	_line-height: 16px;

}



/*---------- LIST INDEXER
------------------------------------*/

.LIn_shortMode {
	list-style-type: none;
	margin: 0;
	padding: 0;


}

.LIn_desc {
	display: none;
}
.LIn_date {
	font-style: italic;
	margin-left: 5px;
}

/*---------- quick contact
------------------------------------*/
#quickContact{margin:15px; padding:5px 10px; width:265px; float:right; background: #c3bfb3; border-radius: 15px; -moz-border-radius:15px;}
.quickButton{margin:0; padding:0; text-indent:-5000px; border:0; cursor: pointer; background: url(images/submit-btn.jpg); width:94px; height:31px;}
.quickName{margin:0; padding:8px; width:94px; height:15px; background: #c3bfb3 url(images/name-field-bg.jpg); color:#333; font-size:10px; border:0;}
.quickEmail{margin:0; padding:8px; width:125px; height:15px; background: #c3bfb3 url(images/email-field-bg.jpg); color:#333; font-size:10px; border:0;}
.quickMessage{margin:6px 0px; padding:8px; width:244px; height:15px; background: #c3bfb3 url(images/message-field-bg.jpg); color:#333; font-size:10px; border:0;}
.quickCode{margin:0; padding:8px; width:94px; height:15px; background: #c3bfb3 url(images/name-field-bg.jpg); color:#333; font-size:10px; border:0;}
form#QuickContactForm img{width: 140px; height:60px; vertical-align:top; padding: 0px; border:0;}

.vercode{width:115px; float:right; margin:0; padding:0;}
.verimage{width:140px; float:left; margin:0; padding:0; padding-bottom:10px;}


/*-------------  the tabs
---------------------------------------*/


#midContainer{ /* i need an overall container b/c im going horizontal */
 	margin: 0; padding:10px 0px 30px 0px; width:100%; background:#bdb6a4;}


.tabContainer{
	/* The UL */
	margin:15px 0px 0px 0px;
	padding:0;
	width: 256px; /* this is specific to my design */
	z-index:15; /* make sit on top of the content */
	float:left;

}

.tabContainer li{
	/* This will arrange the LI-s next to each other --  now it makes them display in column */
	display:block;
	width:266px; /* this is specific to my design */
	height:70px; /* this is needed for column display , make sure it matches the height down below for the a, the .left and the .right */
	margin:0px;
	padding:0;	
}

.tabContainer li a,.tabContainer li a:visited{
	/* Styling the hyperlinks of the tabs as colorful buttons */	
	float:left;
	font-size:30px;	
	/* display:block allows for additinal CSS rules to take effect, such as paddings: */
	display:block;
	padding:0px 0px 0px 20px; /* this leaves the 10px overhang b/c or span.right is 20px */
	margin:0px;
	width:256px;
	height:70px;
	line-height: 60px; /* bring the text down and centers vertically */
	font-family: Baskerville, Times, serif;
	/* Giving positioning*/ 
	position:relative; 
	text-decoration: none;
	color:#e5ddd4;
	text-shadow: 2px 2px 2px #111;
	
}

#overLine{
	/* The line above the active button. */
	position:absolute;
	height:70px;
	width:20px;
	float:left;
	left:256px;
	top:0px;
	z-index:20;
	overflow: hidden;

}

#main{
	
}


#midContainer ul .left{
	/* The left span in the hyperlink */
	
	height:70px;
	left:0;
	position:absolute;
	top:0;
	width:10px;
}

#midContainer ul .right{
	/* The right span in the hyperlink */
	
	height:70px;
	right:0;
	position:absolute;
	top:0;
	width:20px;
}

/* Styling the colors individually: */

#midContainer ul a.red{
	background: url(images/tab-bg.jpg) top left no-repeat;
	
	}

#midContainer ul a.red:hover {background-position: 0 -70px;}

#midContainer ul a.red span.left{display:none;}
#midContainer ul a.red span.right{display:none;}



/*-------------  the content
---------------------------------------*/

#tabContent{	
	margin:0;
	padding:0;
	background-color:#FFF;
	height:460px;
	width:559px;	
	border-radius: 10px;
	-moz-border-radius: 10px;
	float: right;
	box-shadow: 5px 5px 3px #9a9486;
	-moz-box-shadow: 5px 5px 3px #9a9486;
	-webkit-box-shadow: 5px 5px 3px #9a9486;
	
}

#tabContent a {
	color: #771012;
	text-decoration:none;
}

#tabContent a:hover {
	color: #111;
	text-decoration:underline;
}

#contentHolder{	
	margin:10px 15px 25px 35px;	
	color:#444444;
	padding:0px;
	font-size:12px;	
}

#contentHolder p{line-height: 1.5em; margin:0; padding:0;}



.preloader{
	display:block;
	margin:120px auto;
}