/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

html { height: 100%; }

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #04090d;
/*
	background-image: url('images/baseline_8px.gif');
	background-position: 0px 0px;
*/
	font-family: Georgia, serif;
	font-weight: 100;
	}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



/* Remove annoying border on linked images. */
a img { border: none; }

img {	float:left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px; }
		


a {
	color: #2DAAE2;
	text-decoration: none;
	}

a:hover { color: #6d828f; }

a:active { color: #afc4d1; }


#currentpage a { 
	color: #34434C;
	}


.tocimg {	float:left;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px; }
		
.tocimg img {	float:left;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px; }
		
		
/* COLUMNS HOME PAGE ONLY.... MAY APPLY TOA ALL >>> LETS SEE */
	
.Scroll_hm {	
	width: 298px;
	margin: 0;
	display: block;
	float: left;
	}
	



	

/* HEADER HEADER  HEADER HEADER  HEADER HEADER  HEADER HEADER  HEADER HEADER  HEADER HEADER */
/* INCLUDE TOP NAVIGATION */
/* reference = hd */
/* OTHER STYLES UNIQUE TO THE HEADER INCLUDE: topNav arr-back-hd arr-next-hd */

div#header-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


	
/* PATH CONTAINER  PATH CONTAINER  PATH CONTAINER  PATH CONTAINER  PATH CONTAINER  PATH CONTAINER */
/* INCLUDE INCLUDE LOGO , CRUMBS and PAGE TITLE */
/* reference = pt */
/* OTHER STYLES UNIQUE TO THE HEADER INCLUDE: arr-back-pt arr-next-pt */

div#path-container {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	


/* CONTENT CONTAINER   CONTENT CONTAINER   CONTENT CONTAINER   CONTENT CONTAINER   CONTENT CONTAINER  */
/* INCLUDE CATEGORY NAVIGATION TO THE LEFT and PAGE CONTENT IN THE MIDDLE . FAR RIGHT is dedicated to inner naviagation */
/* reference = ? */
/* OTHER STYLES UNIQUE TO THE HEADER INCLUDE: x y z */

div#content-container {	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


/* EXTRA CONTAINER  EXTRA CONTAINER  EXTRA CONTAINER  EXTRA CONTAINER  EXTRA CONTAINER  EXTRA CONTAINER */
/* INCLUDE OPTIONAL PAGE FEATURED LIKE A MESSAGE BOARD MODULE FOR COMMENTS */
/* reference = xt */
/* OTHER STYLES UNIQUE TO THE HEADER INCLUDE: x y z */

div#extra-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}



/* FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER  FOOTER */
/* INCLUDE COPYRIGHT LINE LINKS TO NETWORK AND OTHER FOOTER ONLY STUFF */
/* reference = ft */
/* OTHER STYLES UNIQUE TO THE HEADER INCLUDE: arr-back-ft */
div#footer-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	


/* COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES */
/* COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES COLUMN MODULES */

div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 
div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19 {
  	float: left;
  	margin-right: 10px; 
	}

div.first  { margin-right: 16px;}


/* The last column in a row needs this class. */

.last, div.last { margin-right: 0; }



/* Use these classes to set the width of a column. */

.span-1  { width: 40px;}
.span-2  { width: 90px; }
.span-3  { width: 140px;}
.span-4  { width: 190px; }
.span-5  { width: 240px; }
.span-6  { width: 290px; }
.span-7  { width: 340px; }
.span-8  { width: 390px; }
.span-9  { width: 440px; }
.span-10  { width: 490px; }
.span-11  { width: 540px; }
.span-12  { width: 590px; }
.span-13  { width: 640px; }
.span-14  { width: 690px; }
.span-15  { width: 740px; }
.span-16  { width: 790px; }
.span-17  { width: 840px;}
.span-18  { width: 890px; }
.span-19  { width: 940px; }
.span-20  { width: 990px; margin: 0; }


.row-1 { height: 8px; }
.row-2 { height: 16px; }
.row-3 { height: 24px; }
.row-4 { height: 32px; }
.row-5 { height: 40px; }
.row-6 { height: 48px; }
.row-7 { height: 56px; }
.row-8 { height: 64px; }
.row-9 { height: 72px; }
.row-10 { height: 80px; }
.row-11 { height: 88px; }
.row-12 { height: 96px; }

.row-20 { height: 160px; }
.row-21 { height: 168px; }
.row-22 { height: 176px; }
.row-23 { height: 184px; }

.row-29 { height: 232px; }
.row-30 { height: 240px; }
.row-31 { height: 248px; }
.row-32 { height: 256px; }
.row-33 { height: 264px; }


.row-36 { height: 288px; }
.row-37 { height: 296px; }
.row-38 { height: 304px; }
.row-39 { height: 312px; }
.row-40 { height: 320px; }
.row-41 { height: 328px; }
.row-42 { height: 336px; }
.row-43 { height: 344px; }
.row-44 { height: 352px; }
.row-45 { height: 360px; }
.row-46 { height: 372px; }


.append-row-1 { margin-bottom: 8px; }
.append-row-2 { margin-bottom: 16px; }
.append-row-3 { margin-bottom: 24px; }
.append-row-4 { margin-bottom: 32px; }

.prepend-row-1 { margin-top: 8px; }
.prepend-row-2 { margin-top: 16px; }
.prepend-row-3 { margin-top: 24px; }
.prepend-row-4 { margin-top: 32px; }
.prepend-row-5 { margin-top: 40px; }
.prepend-row-6 { margin-top: 48px; }
.prepend-row-7 { margin-top: 54px; }

.border-bottom-thin {	
	background-color: transparent;
	background-image: url('images/dotted_thin_dark.gif');
	background-position: bottom;	
	background-repeat: repeat-x;
	}

.border-top-thin {	
	padding: 8px 0 24px 0px;
	background-color: transparent;
	background-image: url('images/dotted_thin_dark.gif');
	background-position: top;	
	background-repeat: repeat-x;
	}

.gallery_low { margin:0px;padding:0px;width:840px;height:240px;}
.gallery_media { margin:0px;padding:0px;width:840px;height:265px;}
.gallery_large { margin:0px;padding:0px;width:840px;height:376px;}
.gallery_mega { margin:0px;padding:0px;width:840px;height:593px;}


/* LISTS with line on top */
.localNav { }


ul.localNav
{
	width: 100%;
	padding:  0px 0 24px 0;
	margin: 0 0 24px 0;
	display: block;
	background-color: transparent;
}

.localNav li
{
	list-style: none;
	display: block;
	margin: 0;
	padding: 5px 0 5px 1px;
	color: #34434C;
	font-family: 'Times New Roman', Georgia, serif;
	font-size: 10px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;	
	text-transform: uppercase;
	letter-spacing: 0px;
	background-color: transparent;
	background-image: url('images/dotted_thin_dark.gif');
	background-position: bottom;	
	background-repeat: repeat-x;
	z-index:99;
}


.localNav #currentpage a { 
	color: #34434C;
	}

.localNav li.minititle { 
	color: #242F35;
	}
	
.localNav li:hover { 
	background: #242F35;
	}
	
.localNav li.minititle:hover { 
	background: transparent;
	}
	
	
/* LISTS with line on top */
.ToutList { }


ul.ToutList
{
	width: 100%;
	padding:  0px;
	margin: 0 0 24px 0;
	display: block;
	background-color: transparent;
}

.ToutList li
{
	list-style: none;
	display: block;
	margin: 0px 0 8px 0px;
	padding: 2px 0 11px 1px;
	color: #34434C;
	font-family: 'Times New Roman', Georgia, serif;
	font-size: 10px;
	line-height: 14px;
	font-style: normal;
	font-weight: normal;
	background-color: transparent;
	background-image: url('images/dotted_thin_dark.gif');
	background-position: bottom;	
	background-repeat: repeat-x;
	letter-spacing: 0px;

}


.ToutList a {
	text-decoration: none;
	}


/* LISTS TOP NAV */


.topNav { 
	}
	

ul.topNav
{
	width: 100%;
	padding: 54px 0 0 2px;
	margin: 0;
	display: block;
}

.topNav li
{
	list-style: none;
	display: block;
	float:left;
	margin: 0;
	padding: 0px;
	color: #34434C;
	font-family: 'Times New Roman', Georgia, serif;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;	
	text-transform: uppercase;
	letter-spacing: 1px;
}

	
.topNav #currentpage a { 
	color: #34434C;
	}
	



/* LISTS with line on top */
.bread_crumbs { }


ul.bread_crumbs
{
	width: 100%;
	padding:  0px;
	margin: 0px;
	display: block;
	background-color: transparent;
}

.bread_crumbs li
{
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 6px 0px 1px;
	color: #34434C;
	font-family: 'Times New Roman', Georgia, serif;
	font-size: 10px;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;	
	text-transform: uppercase;
	letter-spacing: 0px;
}


.bread_crumbs #currentpage a { 
	color: #34434C;
	}
	

/* LISTS with line on top */
.generic_list { }


ul.generic_list
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	display: block;
	background-color: transparent;
}

.generic_list li
{
	list-style: none;
	display: block;
	margin: 0 0px 4px 0px;
	padding: 0 6px 0px 1px;
	color: #34434C;
	font-family: 'Times New Roman', Georgia, serif;
	font-size: 10px;
	line-height: 15px;
	font-style: normal;
	font-weight: normal;	
	text-transform: none;
	letter-spacing: 0px;
}


	
	
h1 {	
	display: block;
	margin: 0;
	padding: 0px 0px 0px 1px;
	color: #6D828F;
	font-family: Georgia, serif;
	font-size: 32px;
	line-height: 36px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: 0px;
	}	
	

h2 {	
	display: block;
	margin: 0;
	padding: 0px 16px 0px 1px;
	color: #6D828F;
	font-family: Georgia, serif;
	font-size: 17px;
	line-height: 24px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: 0px;
	}

h3 {	
	display: block;
	margin: 0;
	padding: 0 6px 0px 1px;
	color: #4E616D;
	font-family: Georgia, serif;
	font-size: 13px;
	line-height: 17px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;
	text-align:left;
	}

		
	
h4 {	
	display: block;
	margin: 0;
	padding: 0px;
	color: #34434C;
	font-family: Georgia, serif;
	font-size: 10px;
	line-height: 16px;
	font-style: normal;
	font-weight: 100;
	letter-spacing: 0px;
	}


h5 {	
	display: block;
	margin: 0 0;
	padding: 0 0 0 1px;
	color: #34434C;
	font-family: helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0px;
	}


.jokes, .jokes a, .jokes a:hover {
	color: #242F35;
	}



/* NAVIGATION ARROWS */

#arr-hd {
	width:40px;
	height:14px;
	margin-top:56px;
	background-color:transparent;
	background-image: url('images/arrows_off.gif');
	background-repeat: no-repeat;
	background-position: bottom 0;
	float:left;
	}
	
#arr-path {
	width:40px;
	height:14px;
	margin-top:48px;
	background-color:transparent;
	background-image: url('images/arrows_off.gif');
	background-repeat: no-repeat;
	background-position: bottom 0;
	float:left;
	}

#arr-toc {
	width:40px;
	height:14px;
	margin-top:48px;
	background-color:transparent;
	background-image: url('images/arrows_off.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
	}



#arr-back-hd, #arr-back-path, #arr-back-toc {
	width:20px;
	margin:0px;
	float:left;
	}

#arr-back-hd a, #arr-back-path a, #arr-back-toc a {
	display:block;
	width:20px;
	height:14px;
	position:relative;
	background-color:transparent;
	background-image: url('images/arrBack_L.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#arr-back-hd a:hover, #arr-back-path a:hover, #arr-back-toc a:hover {
	background-position: 0 -14px;
	}

#arr-back-hd a:active, #arr-back-path a:active, #arr-back-toc a:active {
	background-position: 0 -28px;
	}

#arr-back-hd a span, #arr-back-path a span, #arr-back-toc a span {
	display:none;
	}




#arr-next-hd, #arr-next-path, #arr-next-toc {
	width:20px;
	float:right;
	}
	
#arr-next-hd a, #arr-next-path a, #arr-next-toc a {
	display:block;
	width:20px;
	height:14px;
	position:relative;
	background-color:transparent;
	background-image: url('images/arrNext_R.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
#arr-next-hd a:hover, #arr-next-path a:hover, #arr-next-toc a:hover {
	background-position: 0 -14px;
	}

#arr-next-hd a:active, #arr-next-path a:active, #arr-next-toc a:active {
	background-position: 0 -28px;
	}

#arr-next-hd a span, #arr-next-path a span, #arr-next-toc a span {
	display:none;
	}




.darkest {	
	color: #242F35;
	}

.hilight {	
	color: #04090d;
	background: #2DAAE2;
	padding:0px 2px;
	}


/* CONTENTS ROW BLOCKS */
div.container-width {
	width: 990px;
	margin: 0px auto;
	}


/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

.clearer {
	clear:both;
}