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

* {
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:  0.75em;
	line-height: 1em;
	color: #595949;
	text-decoration: none;
	border-style: none;
	background: #ffffff;
}
.redText { color: #993300;
}

/*Currently used for index slideshow. Regular photo captions are attacted to div border gray*/
.captions {
margin-top:5px;
font-size:12px;
line-height:17px;
}

.redHR {
color: #993300;
background-color: #993300;
height: 1px;
margin-right: 15px;
}

dd {margin-left: 15px;

}

h1 {
	font: bold 20px/normal Arial, Helvetica, sans-serif, "Century Gothic";
	color: #000000;
}

h2 {
	font: bold 15px Arial, Helvetica, sans-serif, "Century Gothic";
}

h2  a:link {font: bold 13px  arial; color: #993300; text-decoration: none;} 

h2 a:visited {font: bold 13px  arial; color: #993300; text-decoration: none;}

h2 a:hover {
	font: bold 13px  arial;
	color: #993300;
	text-decoration: underline;
}

h3 {
	font: bold 1.1em Arial, Helvetica, sans-serif, "Century Gothic";
}

a:link {
	font: 12px arial;
	color: #363b25;
	text-decoration: none;
} 

a:visited {
	font: 12px arial;
	color: #363b25;
	text-decoration: none;
}

a:hover {
	font: 12px arial;
	color: #363b25;
	text-decoration: underline;
}

/*Sizes tab (Nav button)) for links outside of the accordion. See link definitions below*/
.leftNavTab
{
	width: 95px;
	color: #ffffff;
	padding: 4px 16px 4px 10px;
	margin-bottom: 0px;
	height: 15px;
	text-align: left;
	white-space: normal;
	background: #7f8273;
	border-bottom: 1px solid #EBEDE2;
	font: 12px Arial, Helvetica, sans-serif, "Century Gothic";
}

/* links for left nav outside of the accordion. Dark links with underline on hover*/
a:link.leftNav {
	font: 12px arial;
	color: #5e6640;
	text-decoration: none;
} 

a:visited.leftNav {
	font: 12px arial;
	color: #5e6640;
	text-decoration: none;
}

a:hover.leftNav {
	font: 12px arial;
	color: #5e6640;
	text-decoration: underline;
}

/*This link if for the home page link from the top banner graphic*/
a:link.banner img {
border:none;
color:#00FF00;
} 

a:visited.banner img {
border:none;
color:#00FF00;
}

a:hover.banner img{border:none;
color:#00FF00;
	
}
a:active.banner img{border:none;
	color:#00FF00;
}

/* This class adds and underline to any link and makes the hover red*/
a:link.underline-link {
	text-decoration: underline;
	font-weight: normal;
}
a:hover.underline-link {
	color:#900202
}

/*To make links in the main body the same size as text*/
div.photoBorderLeft a:link{
font-size:14px;
}

.singleTab a:link {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #ffffff;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.singleTab a:visited {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #ffffff;
	text-decoration: none;
}

.singleTab a:hover {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: none;
}

/*Used for Pre/next links to make red*/
.whatsNew {
	text-align: center;
}

.whatsNew a:link {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: underline;
}

.whatsNew a:visited {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: underline;
}

.whatsNew a:hover {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #FF5809;
	text-decoration: underline;
}




/*Comic sans link used for blog title only, so far*/

.comic-sans-link-title a:link {
	font-family: "Comic Sans MS", Arial;
	color: #363b25;
	font-size:17px;
	text-decoration: none;
}

.comic-sans-link-title a:visited {
	font-family: "Comic Sans MS", Arial;
	color: #363b25;
	font-size:17px;
	text-decoration: none;
}

.comic-sans-link-title a:hover {
	font-family: "Comic Sans MS", Arial;
	color: #363b25;
	font-size:17px;
	text-decoration: underline;
}



/*Not sure if this is used anywhere*/

.whatsNew a:link {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: underline;
}

.whatsNew a:visited {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: underline;
}

.whatsNew a:hover {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #FF5809;
	text-decoration: underline;
}




.centerColumnLinks a:link {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #255898;
	text-decoration: underline;
	font-weight: normal;
	font-size:14px;
	line-height:22px;
}

.centerColumnLinks a:visited {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #255898;
	text-decoration: underline;
	font-weight: normal;
}

.centerColumnLinks a:hover {
	color: #6891da;
	text-decoration: underline;
	font: normal 14px/22px Arial, Helvetica, sans-serif, "Century Gothic";
}

.whatsNewTextBox {
	background: #595949;
	padding: 10px 30px 10px 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:  1em;
	line-height: 1.5em;	
	color: #fbfbfa;
}

.whatsNewPaddingLeft {
	padding-left: 10px;
	border: 1px solid #595949;
	padding-right: 10px;
	margin-right: 15px;
	background: #d5d5c8;
}

.whatsNewPaddingRight {
	padding-left: 10px;
	border: 1px solid #d5d5c8;
	padding-right: 10px;
	margin-left: 15px;
}

.museum a:link {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: underline;
}

.museum a:visited {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #993300;
	text-decoration: underline;
}
.museum a:hover {
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #FF5809; 
	text-decoration: underline;
}

div.tabs a:link {font: 11.5px arial; color: #FBFBFA; /*off white*/ text-decoration: none;} 

div.tabs a:visited {font: 11.5px arial; color: #FBFBFA; text-decoration: none;}

div.tabs a:hover {
	font: 11.5px arial;
	color: #993300;
	text-decoration: underline;
}

/*links for IE tables*/
a:link img{
border : 2px solid #595949;
} 

a:visited img{
border : 2px solid #595949;
}

a:hover img{ border : 2px solid #993300;
}

a:active img{ border : 2px solid #6D8269;
}

/*---Previous, index, next links------------*/

.px1border a:link img{
border : 1px solid #595949;
} 

.px1border a:visited img{
border : 1px solid #595949;

}
.px1border a:hover img{ border : 1px solid #993300;
	
}
.px1border a:active img{ border : 1px solid #6D8269;
	
}

.slideshowButton a:link img {
border : none;
} 

.slideshowButton a:visited img{
border : none;

}
.slideshowButton a:hover img{ border : none;
	
}
.slideshowButton a:active img{ border : none;
	
}
/*-------------------------*/

.redBorder
{
	border-top: none;
	border-right: none;
	border-bottom: 4px solid #993300;
	border-left: none;
	/*background: #595949;*/
	background: #48483c
}

.scrollbars {
	background-color: #ffffff;
	height: 500px;
	width: 550px;
	margin-left: 16px;
	overflow: auto;
}

.scroll
{
 
    overflow: auto;
}

.left
{
   
    float: left;
}

.right
{
	float: right;
}

.padRight {
	padding-right: 15px;
}

/*Used to align the scroll index for thumbnails on Doolittle museum*/
.padRight9 {
	padding-right: 9px;
}

.padTop {
	padding-top: 12px;
}

.padTop5 {

	padding-top: 5px;
}

.padBottom {
	padding-bottom: 5px;
}



.padLeft {
	padding-left: 30px;
}

.padLeft10 {
 padding-left: 10px;
}

.underline {
	text-decoration: underline;	
}

.wrapper
{
	margin-right: auto;
	margin-left: auto;
	background: #ffffff;
	border-top: #A8A999;
	border-right: #A8A999;
	border-bottom: #A8A999;
	border-left: #A8A999;
	width: 1020px;
}

.title
{
	color: #595949;
	padding: 30px 20px 5px 10px;
	background: #EAEDE0;
	font: bold 30px Arial, Helvetica, sans-serif;
}

/*used to increase font-size to 14 when using red color since mainText class is dark green
used only on the uss-rasher-gato-model
*/
.articleFont {
	font: 14px Arial, Helvetica, sans-serif, "Century Gothic";
}

.content
{
	padding: 24px 0px 0px 15px;
	margin: 0px 0px 0px 121px;
	color: #444A2E;
	font: 12px Arial, Helvetica, sans-serif, "Century Gothic";
}

.contentSearchResults
{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 120px;
	/*font: 12px/1em Arial, Helvetica, sans-serif, "Century Gothic";*/
	
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:  12px;
	line-height: 1em;
	color: #444A2E;
	background: #ffffff;
}

.content.padleft
{
    padding-left: 180px;
}

.content.padright
{
 
    padding-right: 180px;
}

.search-text 
{
color: #eaede0;
}

.sidebar
{
	width: 120px;
	color: #363b25;
	font-weight: bold;
	padding: 0px 0px 0px;
	background: #ffffff;
	float: left;
	height: auto;
	clear: both;
	border-right: none;
}

.sidebaritem
{
	width: 110px;
	color: #FBFBFA;
	font-size: 13px;
	padding: 2px 0px 2px 10px;
	margin-bottom: 0px;
	height: 15px;
	text-align: left;
	white-space: normal;
	background: #a8a999;
	border-top: 1px none #FFFFFF;
	border-bottom: 1px solid #ffffff;
}

.sidebaritemLinks
{
	width: 95px;
	color: #363b25;
	padding: 4px 0px 4px 25px;
	margin-bottom: 0px;
	height: 15px;
	text-align: left;
	white-space: normal;
	background: #d5d5c8;
	border-bottom: 1px solid #EBEDE2;
	font: 12px Arial, Helvetica, sans-serif, "Century Gothic";
}

.top {
vertical-align: top;}

table.slideShow {
	width: 99%;
}

.firstCell {
    width: 5%;
}

table.poster {
	width: 96%;
}
.firstCell {
    width: 5%;
}

table.museum caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
	
table.museum  {
	margin: 0.3em .3em 1em;
	border-bottom:1px solid #595949;
	border-collapse:collapse;
	font-size:1em;
	line-height: 1.85em;
	width: 98%;	
	}
	
table.museum  th	{
	padding: .3em .5em .7em .5em;
	}
	
table.museum  td	{
	padding: 0.3em 0.5em 0.7em;
	vertical-align: top;
	width: 79%;	
	}
	
.tableStripes {
	background: #D5D5C8;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height:9px;
}

tableStripes img {display:block}

.tableStripesLightGreen td {
	background: #eeeee0;
	text-align: left;
	line-height:1.2em; 
}
/*red*/
.tableBorder{
	border: 1px solid #993300;
}

table.LCS td{
	padding: 6px;	
}	
	
table.articleWide {
	width:97%	
}	
table.articleWide td{
	padding: 6px;
}	
		
table.thumbTables td	{
	width: 20%;
	border-collapse: collapse;
}

/*table.thumbTables img {display:block}*/

table.thumbTablesBG
{
	background: url(../../../images/tableGraphic.gif);
}

table.statistics {
	border-collapse: collapse;
	font: 12px/1.5em Arial, Helvetica, sans-serif, "Century Gothic";
}

table.statistics td,th {
padding:5px;
}

.statistics1 {
width: 37%;
	vertical-align: top;
}

.statistics2 {
	width: 63%;
	vertical-align: top;
}

.statistics50 {
	width: 50%;
}
.statistics1Air {
	width: 70%;
	vertical-align: top;
}

.statistics2Air {
width: 30%;
	vertical-align: top;
}

.statisticsBGheader {
	background: #d5d5c8;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #363b25;
}
.blogBGheader {
	/*background-color: #c3d1de;*/
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #363b25;
	padding:8px 0px;
	width: 300px;
	float: left;
	/*border: 1px solid #c3d1de;*/
}

.moreBGheader {
	background: #d5d5c8;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #363b25;
}

.statisticsBG {
	background: #eeeee0;
}

.statisticsBGdark {
	background: #eeeee0;
	/* to match darker BG articles */
}

.borderGray
{
	border: 1px solid #a9a999;
}

.borderBlue /*light blue*/
{
	border: 1px solid #c3d1de;
}

/*Table for Fairmont Park*/
table.fairmontPark {
	border-collapse: collapse;
	font: .9em Arial, Helvetica, sans-serif, "Century Gothic";
}

table.fairmontPark th, td {
    padding: 0;
}

.fairmontPark1  {
	width: 32%;
	vertical-align: top;
}

.fairmontPark2  {
	width: 32%;
	vertical-align: top;
}	

.fairmontPark3  {
width: 36%;
vertical-align: top;
}

.first 
{margin-top: 30px;
border-top: 1px solid #6F8D7D;
}

.horiz
{
    color: #4B1A95;
    font-weight: bold;
	width: 150px;
	float: left;
	text-align: center;
}

/*This is for the div that makes a dark green hr on the left nav, between the equipment and battle sections
background-color:#48483c;height:1px;.hr {
height:1px;
background-color:#48483c;

}
*/


.copyright {
	font: 0.88em Arial, Helvetica, sans-serif, "Century Gothic";
}

.footer
{
	text-align: center;
	color: #444438;
	background: #A8A999;
	padding-top: 10px;
	clear: left;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 1.12em;
	line-height: 1.3em;
}

/*This is to adjust the left margin on the W3C logo*/
.validIcon img{
	margin-left: 10px;
	float: left;
}

.table {
	margin: 0px;
	padding: 0px;
	clear: none;
}
#sideBarItemHeaders {
	font: 13px Arial, Helvetica, sans-serif, "Century Gothic";
	color: #6D8269;
}

#horizontalNavWrapper {
	height: 44px;
	background: #a8a999;
}

#horizontalNavWrapperNew {
	height: 2.2em;
}

#video {
	width: 400px;
	position: relative;
	float: left;
}

#centerColumn {
	float: left;
	width: 568px;
}

/*This widens center column with narrow sidebar (skyscraper ad) */
#centerColumnWider {
	float: left;
	width: 690px;
}

#centerColumnSearch {
	float: left;
	background: #ffffff;
	width: 700px;
}

#centerColumnIndex {
	float: left;
	/*background: #EAEDE0 url(../images/BGindexImage.jpg) no-repeat;*/
	width: 580px;
}

/*This style is to accommodate the 336x280 Large Rectangle ad in the right column*/
#centerColumnNarrow {
	float: left;
	width: 600px;
}

/*This style used on Ship Locations in Pearl Harbor page*/
#centerColumnWide {
	float: left;
	width: 860px;
	margin-left:10px;
}

#clearTheFloats {
	clear: both;
	
/*changed intex to a class for the right column - not sure if the ID is useded elsewhere so left here*/
}

.clearTheFloats {
	clear: both;
	
/*made a class for clear the floats so could use twice*/
}

.clearLeft{
	clear: left;
}

.clearRight{
	clear: right;
}

#rightColumn{
	float: left;
	width: 240px;
	overflow: visible;
	padding-left: 10px;
	margin-top: 15px;
	padding-right: 5px;
	border-top: 1px solid #993300;
	border-bottom: 1px solid #993300;
	border-left: 1px solid #993300;
	margin-left: 5px;
}

.rightColumn{
	float: left;
	width: 240px;
	overflow: visible;
	padding-left: 10px;
	margin-top: 7px;
	margin-bottom: 8px;
	padding-right: 5px;
	border-top: 1px solid #993300;
	border-bottom: 1px solid #993300;
	border-left: 1px solid #993300;
	margin-left: 5px;
}

#googleAds {
	float: left;
	width: 120px;
	overflow: visible;
	padding-left: 15px;
	margin-top: 20px;
	padding-right: 5px;
	/*display:none*/
}

#googleAds1 {
	float: left;
	width: 120px;
	overflow: visible;
	margin-top: 20px;
	padding-right: 5px;
	background: #a9a999;
	margin-left: 15px;
	/*display:none*/
}

#googleAds300{
   float: left;
   width: 300px;
}

#googleAds468x60{
	float: left;
	width: 468px;
	/*display:none*/
}

#googleAds180x150-light{
	float: left;
	width: 190px;

	/*display:none*/
}
#googleAds180x150-dark{
	float: left;
	width: 190px;
	background: #d5d5c8
	/*display:none*/
}

#googleAdsRight180x150-light {
	width: 180px;
	float: right;
	overflow: visible;
	padding-right: 5px;

	margin-right: 10px;
	
	
	/*display:none*/
}

#googleAdsRight180x150-dark {
    width: 180px;
	float: right;
	overflow: visible;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
	background: #d5d5c8;
	
	/*display:none*/
}

#googleAdsRight {
	float: right;
	width: 250px;
	overflow: visible;
	margin-top: 20px;
	padding-right: 5px;

	clear: both;	
	/*display:none*/
}

#googleAds120 {
	float: left;
	width: 120px;
	overflow: visible;
	padding-left: 0px;
	padding-right: 10px;
	/*display:none*/
}

#googleAdsBottom {
	
	width: 580px;
	padding-top: 15px;
	text-align: center;
	padding-bottom: 15px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	/*display:none*/
}


#searchBox {
	float: left;
	width: 250px;
	overflow: visible;
	margin-bottom: 10px;
	clear: none;
	/*display:none*/
}

#aboveStatisticsBox {
	float: right;
	width: 260px;
	overflow: visible;
	margin-bottom: 20px;
	
	/*display:none*/
}

#aboveStatisticsBoxNarrow {
	float: right;
	width: 170px;
	overflow: visible;
	margin-bottom: 20px;
	
	/*display:none*/
}

#googleAds234x60 {
	float: left;
	width: 234px;
	/*display:none*/
}

#googleAds160 {
	float: left;
	width: 255px;
	overflow: visible;
	margin-bottom: 20px;
	padding-left: 7px;
	/*display:none*/
}

#disclaimer {
	float: right;
	width: 262px;
	overflow: visible;
	margin-bottom: 20px;
	
}

#statisticsBox {
	float: right;
	width: 300px;
	overflow: visible;
	margin-left: 2px;
	margin-bottom: 10px;
	background: #ffffff;
	border: 1px solid #a9a999;
}

#statisticsBoxWide {
	width: 500px;
	overflow: visible;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	
	border-top: 1px solid #a9a999;
	border-bottom: 1px solid #a9a999;
	border-left: 1px solid #a9a999;
	border-right: 1px solid #a9a999;
}

#statisticsBoxSmall {
	width: 350px;
	overflow: visible;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	background: #eaede0;
	border-top: 1px solid #a9a999;
	border-bottom: 1px solid #a9a999;
	border-left: 1px solid #a9a999;
	border-right: 1px solid #a9a999;
}

#statisticsBox250 {
	width: 250px;
	overflow: visible;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-top: 1px solid #a9a999;
	border-bottom: 1px solid #a9a999;
	border-left: 1px solid #a9a999;
	border-right: 1px solid #a9a999;
}

#statisticsBoxLeft {
	width: 400px;
	float: left;
	overflow: visible;
	margin-right: 10px;
	margin-bottom: 0px;
	border-top: 1px solid #a9a999;
	border-bottom: 1px solid #a9a999;
	border-left: 1px solid #a9a999;
	border-right: 1px solid #a9a999;
}

.mainText {
	color: #444A2E;
	margin-right: 10px;
	text-align: left;
	font: 14px/22px Arial, Helvetica, sans-serif, "Century Gothic";
}

p.posterText {
	/*font: 12px/18px Arial, Helvetica, sans-serif, "Century Gothic";*/
	
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:  12px;
	line-height: 18px;
	color: #444A2E;
}

.photoCaption {
	background: #ffffff;
	padding: 10px 15px 10px 15px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	font-size:  1em;
	line-height: 1.5em;
}

.photoBorder {
	background: #ffffff;
	border: 1px solid #993300;
	width: 580px;
	padding-top: 15px;
	text-align: center;
}

/*Need to fix this with other style sheet*/
.photoBorderLeft {
	background: #ffffff;
	border: 1px solid #993300;
	width: 565px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 15px;
}

/*This widens the photo border over further to the right when there is a skyscraper ad*/
.photoBorderLeftWide {
	background: #ffffff;
	/*border: 1px solid #993300;*/
	width: 695px;
	padding-top: 10px;
	/*padding-left: 15px;*/
	padding-bottom: 15px;
}

.photoBorderLeftNoBG {
	background: #eaede0;
	width: 565px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.breadcrumb {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif, "Century Gothic";
	color: #444A2E;
	padding-left: 5px;
	clear: none;
}
.centerTitle {
	text-align: center;
}

.centerTop {
	text-align: center;
	clear: both;	
}

.homevideo {
	height: 340px;
	width: 423px;
	margin-right: 12px;	
}

.clearBoth {
	clear: both;
}

.wrapper .content #centerColumn .museum img {
	margin-right: 10px;
	float: left;
	border: 2px solid #EAEDE0;
}
.museum img {
	margin-right: 10px;
	float: left;
	border: 2px solid #EAEDE0;
}

.images img {
	margin-left: 10px;
	float: left;
}

.blogLeft{
	margin-right: 10px;
	float: left;
	padding-right: 5px;
}

.rectangle336r{
	margin-left: 5px;
	float: right;
	padding-right: 10px;
	width: 345px;
}

.blogRight{
	margin-right: 12px;
	float: right;
	padding-left: 12px;
	width: 115px;
}

.blogRightInset{
	margin-left: 10px;
	float: right;
	padding-left: 10px;
	width: 170px;
}

.blogRight150{
	margin-left: 10px;
	float: right;
	padding-left: 15px;
	width: 165px;
}
.blogRight375{
	margin-left: 10px;
	float: right;
	padding-left: 15px;
	width: 375px;
}

.blogRightGallery{
	margin-left: 10px;
	margin-right: 15px;
	float: right;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 12px;
	padding-bottom: 8px;
	width: 375px;
}

.blogRight300{
	margin-left: 10px;
	float: right;
	padding-left: 14px;
	width: 315px;
}

.scr-nav{
	margin-left: 10px;
	float: right;
	padding-left: 14px;
	width: 360px;
}

.blogRight200{
	margin-left: 10px;
	float: right;
	padding-left: 15px;
	width: 215px;
}
.blogRight250{
	margin-left: 10px;
	float: right;
	padding-left: 14px;
	width: 265px;
}

.blogRight550{
	float: right;
	width: 550px;
}

.videoPage {
	
}
.chatLeft {
	float: left;
	padding-right: 10px;
}

.alignRight {
	text-align: right;
	margin-right: 20px;
}

.rightJustify
{
	text-align: right;

}

.alignLeft {
	text-align: left;
	margin-left: 10px;
}

.border img{
   border:1px solid #595949;
}
img.ensignaLeft {
	float: left;
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

img.ensignaRight { 
    float: right; 
     vertical-align: top;
	 margin: 0px;
	padding: 0px;
}

.ensignia{
	margin-left: 3px;
	margin-right: 7px;
}

.nobreak { 
white-space:nowrap;
}

.font11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.top { vertical-align:top

}

.valign
{
vertical-align:text-top;
}

.comicSans
{
	font-family: "Comic Sans MS", Arial;
}

/*Used for Blog title w/o link*/
.comicSans-title{
	font-family: "Comic Sans MS", Arial;
	font-size: 17px;
}

.large-letter
{
	font-size: 19px;
}

.change
{
width: 45px;
}

.footnote
{font-size: 14px;
}

.margin-right-10
{margin-right: 10px;
}

.margin-left-10 ul li
{margin-left: 10px;
}

.margin-left-10
{margin-left: 10px;
}


.margin-top-10{
margin-top: 10px;
}

.borderLeft {
  border-left: 1px solid #444a2e;
  
  }
  
.borderRight{
  border-right: 1px solid #444a2e;
  }
  
.borderTop {
	border-top: 1px solid #444a2e;
  }
.borderBottom {
	border-bottom: 1px solid #444a2e;
  }

div.borderGray  p.mainText {
	font-size:12px;
	line-height:17px
  }
  
div#statisticsBox p.mainText {
  font-size:12px;
  }
  
table.statistics td {
  font-size:12px;
  }
  
/*from Google search*/
input.gsc-input {
    border-color: #993300;
  }
  
input.gsc-search-button {
    border-color: #993300;
    background-color: #ececec;
  }
  
 /* From Google Search Results page */
.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #eaede0;
    background-color: #eaede0; 
  }
  input.gsc-input {
    border-color: #993300;
  }
  input.gsc-search-button {
    border-color: #993300;
    background-color: #ececec;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #eaede0;
    background-color: #595949;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #993300;
    border-left-color: #eaede0;
    border-right-color: #eaede0;
    background-color: #595949;
  }
  .gsc-tabsArea {
    border-color: #eaede0;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #6a6a62;
    background-color: #ffffff;/*#eaede0;*/
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #6a6a62;
    background-color: #eaede0;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #444a2e;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #8a8a3b;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #444a2e;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #444a2e;
  }
  .gsc-cursor-page {
    color: #444a2e;
  }
  a.gsc-trailing-more-results:link {
    color: #444a2e;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #444a2e;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #993300;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #993300;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: block;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: none;
  }
  .gsc-cursor-box {
    border-color: #6a6a62;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #eaede0;
    background-color: #eaede0;
    color: #444a2e;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #993300;
    background-color: #595949;
    color: #8a8a3b;
  }
  .gs-promotion {
    border-color: #6a6a62;
    background-color: #eaede0;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #444a2e;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #9b9b8d;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444a2e;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #444a2e;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #444a2e;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #993300;
  }

.alsoSee {
width:225px;
padding: 5px;
margin-left:5px;
float:right;
}

.booksDescription {
	font-size: 13px;
	line-height: 18px;
	margin-right: 10px;
}

p.smallLink  a:link{
font-size: 12px;
	line-height: 18px;
}
p.smallLink a:visited {
font-size: 12px;
	line-height: 18px;
}

p.smallLink a:hover {
	font-size: 12px;
	line-height: 16px;
}

p.smallLink {
font-size: 12px;
	line-height: 18px;
}

.padRight15 {
	padding-right: 15px;
}

.line-height-normal {
line-height: normal;
}

.small-text {
	font-size:12px;
	line-height:17px
}

.margin-bottom5 {
   margin-bottom: 5px;
}

.floatRight {
	float:right;
	}
	
.floatLeft {
	float:left;
	}
	
.fixed {
position:fixed;
top:100px;
right:5px;
}
	
.block {
   display: block;
}

/*//////////////Styles for horizontal tabbed menu////////////////////*/

.dropdown {
	float:left;
	position:relative;
	width:100px;
	padding:7px 3px 6px;
	margin-right:0px;
	background:#ebe6d3;
	border-right: none;
	border-left: 1px solid #fff;
}

/*.dropdown-blueBG{
	background:#9eb5d3
}*/
.blueBG{
	background:#c3d1de;
}

.dropdown-blueBG {
	float:left;
	position:relative;
	width:100px;
	padding:7px 3px 6px;
	margin-right:0px;
	background:#c3d1de;
	border-right: none;
	border-left: 1px solid #fff;
}

    .dropdown a {
	display:block;
	text-decoration:none;
	
    }
	
	 .dropdown-blueBG a {
	display:block;
	text-decoration:none;
	
    }

    /* toggle */
    .dropdown .dropdown-toggle {
        padding:0;
    }

    /* dropdown */
    .dropdown-menu {
	position:absolute;
	top:100%;
	right:0;
	left:0;
	display:none;
	margin:0;
	padding:0;
	list-style-type:none;
	background:#fff;
	border: 2px solid #d5d5c8;
	text-align: left;
    }
        /* options */
        .dropdown-menu .selection a {
            padding:5px;
        }
            .dropdown-menu .selection a:hover {
                background-color:#f1f2e8;
            }

    /* open */
    .dropdown-open {
        z-index:400;
    }
        .dropdown-open > .dropdown-menu {
            display:block;
        }
		
		.inline {
		display:inline-block;
		}
		
	.inline2 {
		display:block;
		}
	
	
/*#blogHeader{
	width:155px;
	padding: 10px;
	background-color:#c3d1de;
	border: 1px solid #a9a999;
}*/	
	


/*.blog-shadow{
border: none;
background-image:url('../images/blog/blog-shadow.jpg');
background-repeat:repeat-y;
background-position: left 0px top 25px;
}
*/



/* Fallbacks 
 .no-js ul {display:none;}
.no-js:hover ul {display:block;}
*/