/* Color Schema 

Text: 			#343434
Headings,
Nav Links: 		#75441b
Nav sub-links:	#9f7b4d

*/



/*	=Reset - With thanks to Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) 
-------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	list-style:none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}
	
:focus { /* Eliminates outline on links in Mozilla browsers. Remove for accessibility compliance*/
	outline: 0;
	}

a img, :link img, :visited img { border: none; }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/*	=Global 
-------------------------------------------------- */

html, body	{
	height: 100%;
	}
	
.clear	{
	clear:both
	}

.right	{
	float:right;
	}
	
.left	{
	float:left;
	}

.hide	{ /* Use for hiding elements off screen */
	position:absolute; 
	text-indent:-9999px;
	}
	
img	{
	margin:0;
	padding: 0;
	}

a	{
	color:inherit;
	text-decoration:none;
	}


/*	=Typography
	Default Font Size is 10px.
	Vertical Rythym set to 18px line height.
	New Typography can be added using the following formula:
	
		18/(element's font size)= line height
	
	--------------------------------------------------*/
	
body	{
	background: #fff url(../../i/bg.png) top left repeat-x;
	color: #343434;
	font: 62.5%/1.8 Arial, Helvetica Neue, Helvetica, sans-serif; 
	}
		
html>body	{ /* Sets font size for IE6/7 */
	font-size:11px;
	}


/*	=Headings
	--------------------*/

h1, h2, h3, h4, h5, h6	{ 
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif; 
	margin:0; 
	padding:0;
	}

h1	{
	font:700 24px/.75 Arial, Helvetica Neue, Helvetica, sans-serif;;
	letter-spacing: -2px; /* Increases legibility of larger text elements */
	margin:.5em 0 .25em 0; 
	text-transform:uppercase; 
	word-spacing: .2em; /* Increases legibility of larger text elements */
	}  
	
h2	{
	background: url(../../i/bullet.gif) left 4px  no-repeat;
	color: #75441b;  
	font:700 14px/1.285 Arial, Helvetica Neue, Helvetica, sans-serif; margin: .965em 0 .322em 0;
	padding-left: 15px; 
	}
	
h3	{font:700 italic 16px/1.125 Arial, Helvetica Neue, Helvetica, sans-serif;; margin: .845em 0 .282em 19px; }
h4	{font:700 14px/1.285 Arial, Helvetica Neue, Helvetica, sans-serif; margin: .965em 0 .322em 19px; }
h5	{font:700 12px/1.5 Arial, Helvetica Neue, Helvetica, sans-serif; margin:1.125em 0 .375em 19px; color:#666; }
h6	{font:700 10px/1.8em Arial, Helvetica Neue, Helvetica, sans-serif;  margin: .9em 19px; color:#666; text-transform:uppercase    }

#col2 h2	{ margin-left: 19px; } 
#home #col2 h2	{ margin-left: 23px; } 


/*	=Text Elements
	--------------------*/
	
p, dl	{
	margin:1.666em;
	text-align:justify;
	font: 12px/1.666 Arial, Helvetica Neue, Helvetica, sans-serif;
	}
	

ul.list, o		
{ list-style:none;
	padding:0em 0 0 3em;
	margin:0; 
	
}

ul.list li	{
	padding:0em 0 0 .8em;
	background:url(../../i/list-bullet.gif) no-repeat 0 .6em;
	background-repeat: no-repeat;
	text-align:left;
	font: 12px/1.666 Arial, Helvetica Neue, Helvetica, sans-serif;
}
	
dt	{
	font-weight:700;
	}
	
img.photo	{
	border: 1px solid #cecece; 
	padding: 8px;
	}

.700	{
	font-weight:700;
	}
	
.italic	{
	font-style:italic;
	}

.text-up	{
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:700;
	}

.text-down	{
	text-transform:lowercase;
	}

acronym	{
	cursor:help;
	border-bottom:1px dotted;
	letter-spacing:0.1em;
	}
	
#home #col1 ul	{
	margin-top: 20px;
	}
	
#home #col1 li	{
	margin: 1.666em 0;
	font: 12px/1.666 Arial, Helvetica Neue, Helvetica, sans-serif;
	}
	
#main a	{
	text-decoration: underline;
	color:#343434;
	}
	
#main a:hover	{
	text-decoration: none;
	}

#footer p	{
	margin: 10px 59px 0;
	float: left;
	}
	
#footer ul	{
	float: right;
	padding: 6px 59px 0;
	}	
	
#footer li	{
	float: left;
	font: 11px/1.666 Arial, Helvetica Neue, Helvetica, sans-serif;
	}
	
#footer li a	{
	color: #987da6;
	display: block;
	margin-right: 5px;
	padding: 2px 4px;
	}
	
#footer li a:hover	{
	text-decoration: underline;
	}
		
/*	=Navigation
--------------------------------------------------*/

#nav	{
	background: #46166b;
	border-top: 1px solid #aea3b1;
	border-bottom: 1px solid #fff;
	float:left;
	margin:21px 0;
	padding-left:66px;
	text-align:left;
	width: 806px;
	position:relative; 
	z-index:100;
	}

#nav li	{ /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	float: left;
	position:relative;
	}
	
#nav a	{
	color:#fefefe;
	display:block;
	font: 11px/1.285 Arial, Helvetica Neue, Helvetica, sans-serif;
	}


#nav li a	{
	padding: 5px 55px 5px 10px;

	}

#nav ul li a	{
	padding: 5px 0 5px 10px;
	}
	
	
#nav a:hover	{
	background:#75441b;
	}
#nav ul li a	{
	width: 160px;
	border-top:1px solid #603716;
	background:#75441b;
	}
#nav ul li a:hover	{
	background: #9f7b4d;
	}
	
.menu ul ul { /* hide the sub level */
	height:0;
	left:0; 
	position:absolute;
	top:24px;
	visibility:hidden;
	width:140px;
	}

.menu table { /* styles the table so that it takes no ppart in the layout - required for IE to work */
	border-collapse:collapse;
	left:0; 
	top:0; 
	position:absolute; 
	}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover,
.menu :hover > a, .menu ul ul :hover > a {background:#75441b;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }


#home #nav	{
	background: url(../../i/nav-bg.png) repeat-x;
	height: 244px;
	padding-left:0px;
	width: 872px;
	float:none; /* removes float conflict in ie6 */
	}

#home #nav a	{
	background: #ddd;
	border: 1px solid #fefefe;
	height: 190px;
	margin: 29px 2px 0;
	padding: 0;
	text-indent:-9999px; /* Removes text from block area for use with image replacement technique. Text will be present for screen readers */
	width: 145px;
	}
	
	
/*	=Layout
--------------------------------------------------*/

#shell	{
	background:  url(../../i/shadow.png) repeat-y;
	margin:0 auto;
	padding-left:14px;
	width: 900px;
	}

#shell1	{
	background:  url(../../i/shadow.gif) repeat-y;
	margin:0 auto;
	width: 900px;
	}

#shell_new1	
{
	background:  url(../../i/cont_back.gif) no-repeat;
	margin:0 auto;
	width: 900px;
	padding-left:14px;
}

	
#container	{
	width: 872px;
	}
	
#header	{
	height:auto;
	margin: 0 auto;
	padding-top:35px;
	text-align:center;
	}

#main	{
	clear: both;
	margin:0 auto;
	padding-left:57px;
	position:relative;
	}
	

#col1	{
	display:inline-block;
	float: left;
	}
	
#col1 img	{
	display: inline-block;
	background: #fff;
	border:1px solid #ccc;
	border-top-color:#eee;
	border-right-color:#ddd;
	border-bottom-color:#bbb;
	padding: 2px;
	margin-top: 1.285em;
	/*	placeholder properties */
	
	}
#home #col1	{
	width:280px;
	text-align:justify;
	}

	
#col2	{
	display:inline-block;
	float: left;
	width: 540px;
	padding-right: 10px;
	text-align:justify;
	}
#home #col2	{

	margin-left: 20px;
	padding-left:4px;
	width: 470px;
		}
#home #col2 #content	{
	border-left: 1px solid #75441b;
	padding-left: 4px;
		}
	
#footer	
{
	background: url(../../i/ftr.png) repeat-x;
	border-top: 1px solid #aea3b1;
	clear: both;
	color: #987da6;
	height: 33px;
}

.inputbox
{
	border:solid 1px #C9C9C9;
	height:18px;
	font-size:12px;
	padding:0px;
}