/* Start of CMSMS style sheet 'styles.css' */
* { margin: 0; padding: 0; }

html { margin: 0; padding: 0; }



body {

 font-family: Helvetica, Verdana, Arial, sans-serif;

 font-size: .9em;

 background: #465C82;

 color: #000000;

 text-align: center;

 behavior:url(csshover.htc); /* Required for IE Win to properly render menu hover function */

 margin: 20px 0; 


}




/* LAYOUT */



#wrapper { width: 800px; display: table; background: #e3e6eb; margin: 0 auto;  }

#header { width: 800px; height: 71px; background: url("uploads/images/titlestrip.png") top left no-repeat; margin: 0 auto; border-top: 5px solid #ffffff; }

#breadsearch { width: 780px; margin: 8px auto 10px auto; border-bottom: 1px dotted #333333; }

#breadsearch td { vertical-align: bottom; padding-bottom: 5px; }

#breadsearch td#breadcrumb { width: 50%; text-align: left; font-size: 11px; }

#breadsearch td#search { width: 50%; text-align: right; font-size: 11px; }

#content { width: 800px; margin: 0 auto; }

#content td { text-align: left; font-size: .91em; line-height: 110%; vertical-align: top; }

#content td#left { width: 160px; }

#content td.gutter10 { width: 10px; font-size: 1px; }

#content td.gutter20 { width: 20px; font-size: 1px; }

#content td#main { width: 590px;  }

#footlinks { width: 100%; margin: 20px 0; border-top: 1px solid #465c82; }

#footlinks td { vertical-align: bottom; font-size: 11px !important; padding-top: 10px; line-height: 130%; }

#footlinks td#backtotop { text-align: left; font-size: 11px !important; }

#footlinks td#print { text-align: right; }
#footlinks td#linkprevious { text-align: left; }
#footlinks td#linknext { text-align: right; }
#footlinks td#linkup {text-align: left;}
#footlinks td#linkback { text-align: right; }
#footlinks img { border: 0 none; vertical-align: text-bottom; width: 13px; height: 13px; }

#footer { width: 710px; height: 45px; font-size: 11px !important; text-align: center; line-height: 120%; margin: 20px auto 0 auto; }

#footer td { text-align: center; vertical-align: middle; padding: .5em .5em .5em .5em; }




	/* Mac IE 5 styles */

        *>html #wrapper { display: inline-table; margin-right: auto; margin-left: auto; }

	*>html #breadsearch { margin-right: auto; margin-left: auto; }

	*>html #content { margin-right: auto; margin-left: auto; }

        *>html #footer { margin-right: auto; margin-left: auto; }





/* LINKS  */



a { text-decoration: none; }   /* This takes off the default underline for hyperlinks */

a:link { color: #4A4C4F; background: transparent; } 

a:visited { color: #4A4C4F; background: transparent; } 

a:hover, a:active { color: #687790; background: transparent; }





/* #footer a { text-decoration: none;}

#footer a:link { color: #; background: transparent; }

#footer a:visited { color: #; background: transparent; } 

#footer a:hover, #footer a:active { color: #; background: transparent; } */





/* LIST STYLES */



ul, ol { list-style-position: outside; margin: 10px 30px; padding: 0; }

li { padding: 0; margin: 0 0 1em 0; }





/* MENU - Vertical */



#menu { width: 160px; display: block; border: 1px solid #465C82; font-size: .85em; background: #F1F3F8; }

#menu ul { width: 140px; list-style: none; padding: 0; margin: 8px auto 0 auto; }

#menu li {  margin: 0 0 .5em 0; padding: 0;  }

#menu li.currentpage { font-size: .8em !important; }

#menu a {  }

#menu a:link, #menu a:visited {color: #4A4C4F; }

#menu a:hover, #menu a:active {color: #687790; }

#menu li.divider { border-width: 0 0 1px 0; border-style: dotted; border-color: #465C82; margin-bottom: 5px; padding-bottom: 3px; font-size: 1px; }







/* TEXT STYLES */



h1 { font-size: 1.5em; 
letter-spacing: .005em;
color: #465C82;
line-height: 65%;
margin-bottom: 1em;
clear: both;
}


h2 { clear: both; font-size: 1.2em; color: #465C82; margin: 30px 0 0 0; letter-spacing: .005em; line-height: 110%; padding: 3px 0 2px 0; border-width: 1px 0; border-style: dotted; border-color: #465c82; }

h3 { font-size: 1.1em; color: #465C82; margin-bottom: .5em; letter-spacing: .005em; line-height: 110%; }

h4 { font-size: 1.1em; color: #465C82; margin-bottom: .5em; letter-spacing: .005em; line-height: 110%;  }

h5 { font-size: 1.1em; color: #465C82; margin-bottom: .5em; letter-spacing: .005em; line-height: 110%; }

h6 { font-size: 1.3em; margin-bottom: 4px; color: #465C82; padding: .5em 2px 0px .5em; font-weight: bold; font-variant: small-caps; }



p { font-size: 1em; padding-bottom: 1em; line-height: 120%; }



.footnote { font-size: 11px; }

.footnotelight { font-size: 11px; color: white; }

.smtext { font-size: 6px; margin-bottom: 0; }

.spacer3 { font-size: 3px; margin-bottom: 0; }

.spacer1 { font-size: 1px; margin-bottom: 0; }

.red { color: #ff0000; }





/* IMAGE STYLES */



p.image { margin-bottom: 0; }



	/* picture with border only */

	.picborder { border: 1px solid #000000; margin-bottom: 3px; }

	

    /* with border */

	.picleft { float: left; margin: 10px 10px 10px 0; padding: .2em; border: 1px solid #465c82; }

	.picright { float: right; margin: 10px 0 10px 10px; padding: .2em; border: 1px solid #465c82; }



	/* without border */

	.picleftnb { float: left; margin: 3px 10px 10px 0; padding: .2em; }

	.picrightnb { float: right; margin: 3px 0 10px 10px; padding: .2em; }





#footlinks td#print img { border: 0 none; vertical-align: text-bottom; }







/* SEARCH FORM STYLES */



#breadsearch td#search input { border: 1px solid #333333; font-size: 11px; }

*>html #breadsearch td#search input { padding: 1px; }





/* LOGIN FOR STYLES - sidebar */

.login { width: 100%; font-size: .9em; display: table; padding: 5px; border: 1px solid #465C82; background: #f5f5f5; margin: 10px 0; }

.login #loginform { width: 100%; margin-top: 3px; }

.login #loginform td { padding-bottom: 5px; }

.login #loginform td.labelcell { width: 60px; }

.login #loginform input { width: 98%; border: 1px solid #b5b5b5; font-size: 11px; }

.login #loginform td.button input { width: 50px; }

.login #loginform td.forgot { text-align: center !important; font-size: 10px; padding-bottom: 0; }



.login p { margin-bottom: 0; }



*>html .login { display: inline-table; }





/* NEWS Styles */



#news { width: 95%; margin: 0 0 0 1em; padding: .1em .1em 0 .2em; display: block; border: 1px solid #465C82; font-size: .85em; background: #F1F3F8; }

#news .NewsSummary { width: 100%; display: inline-table; margin: 0 0 8px .5em; }

#news .NewsSummaryPostdate { font-size: .9em !important; margin-bottom: 4px; }

/* #news .NewsSummaryLink { font-size: .9em; font-weight: bold; } */

/* #news .NewsSummaryAuthor { font-size: .9em !important; margin-bottom: 3px; *//* border-bottom: 1px solid #c0c0c0; } */

/* #news .NewsSummaryCategory, #news .NewsSummaryAuthor { font-size: 11px !important; } */





/* Sub Pages */

ul.subpages { list-style-type: none; margin: 10px auto; }
ul.subpages li { margin-bottom: 15px; padding-top: 10px; border-top: 1px dotted #465c82; line-height: 120%; }
ul.subpages li a { font-size: 14px; font-weight: bold; }



/* STORIES Styles */

.storyvitals { border-width: 1px 0; border-style: dotted; border-color: #465c82; padding: 5px 0; margin-bottom: 20px; width: 100%; font-size: .9em; }
div.download { padding: 4px 3px 2px 4px !important; margin: 0 0 20px 0 !important; background: #c5cfdd; color: #ffffff; }



/* Book List - Trek Lit Page */

dt { margin-top: 10px; font-weight: bold; font-size: 14px !important; }



/* Archive shortcut menu */
.archive { /* border-top: 1px dotted #465c82; */  display: table; width: 100%; margin-bottom: 20px; }
.archive ul { list-style-type: none; margin: 0; padding: 0; float: right; }
.archive li { float: left; display: block; font-size: 11px; margin: 0; }
.archive li a { display: block; padding: 3px 5px 1px 5px; border-width: 1px 1px 1px 1px; border-style: dotted; border-color: #465c82; margin-left: 3px; }
.archive li.browse { display: block; padding: 4px 5px 1px 5px; }

.menubottom { margin-bottom: 10px; }



/* End of 'styles.css' */

