/* ------------------------------ */
/*	Container styles              */

/*#pageContainer  {
	width: 955px;
	height: 100%;
	}

#headerContainer  {
	position: relative;
	top: 0;
	left: 0;
	width: 923px;
	height: 133px;
	background: url(../images/header_background.jpg) no-repeat top left;
	
	padding-right: 16px;
	padding-bottom: 0;
	padding-left: 17px;
}
*/

.facebook {	
	float: right;
	width: 114px;
	padding-bottom: 3px;
	padding-top: 6px;
}

#searchLoginContainer  {	
}

#searchLoginContainer #loginContainer  {
	height: 50px;
	margin-bottom: 8px;
}

#searchLoginContainer #searchContainer  {
	height: 25px;
}

#searchLoginContainer form input  {
	display: block;
	margin-bottom: 3px;
	width: 127px;
	height: 16px;
}

#searchLoginContainer form label  {
	position: relative;
	top: 3px;
	left: 0;
	display: block;
	float: left;
	height: 50px;
	padding-right: 5px;
}

/*#pageContentContainer  {
	margin: 16px 16px 17px 17px;  <!--  Padding to be added around the page content container  -->
	height: auto;
}*/

#pageContentContainer1  {
}

#pageContentContainer1 .leftContent  {
	width: 610px;
}

#pageContentContainer1 .rightContent  {
	width: 298px;
}

#pageContentContainer1 .leftContent,
#pageContentContainer1 .rightContent  {
	height: 231px
}

#pageContentContainer2,
#pageContentContainer3 #column1Container2  {
	height: 35px;
}

#pageContentContainer2, 
#pageContentContainer2 span  {
	padding: 0 20px;	
}

#pageContentContainer2 span  {
	width: 100px;	
}

#pageContentContainer3  {
	height: 623px !important;
	min-height: 623px;
}

#pageContentContainer3 .column1  {
	width: 298px;
}

#pageContentContainer3 .column1, 
#pageContentContainer3 .column2, 
#pageContentContainer3 .column3   {
	height: 623px;
}

#pageContentContainer3 #column1Container1 .columnRow  {
	height: 133px;
}

#pageContentContainer3 #column1Container1 .columnRow div,
#pageContentContainer3 #column1Container3 .columnRow div  {
	/*width: 142px;*/
}

#pageContentContainer3 #column1Container3 .columnRow div  {
	width: 142px;
}

.columnRow .columnRowBtn,
.column3 .columnRowBtn,
{
	height: 49px;
}

.columnRowBtn  {
	padding: 7px 11px;
}


#pageContentContainer3 .column2  {
	width: 454px;
	margin: 0 14px;
}

#pageContentContainer3 #column2Container1  {
	height: 329px !important;
	max-height: 329px; 
	overflow: hidden;
}

#pageContentContainer3 #column2Container2  {
	
}

#pageContentContainer3 .column3  {
	width: 142px
}

#pageContentContainer4  {
	position: relative;
	top: 0;
	left: 0;
	border-top: 14px solid 	#00afdb;
}

#footerCopy  {
	width: 420px;
	margin-right: 52px;
}

#footerLinks  {
	position: absolute;
	top: 16px;
	left: 468px;
	width: 285px;
}

#footerLinks .leftContent  {
	width: 150px;
}

#footerLinks .rightContent  {
	width: 123px;
}

#footerLinks div div  {
	position: relative;
	top: -2px;
	width: 80px;
}

#footerLinks img  {
	margin-right: 6px;
}

#footerLinks a  {
	margin-right: 19px;
}

/* ------------------------------ */
/*	Float styles                  */
/* ------------------------------ */

.floatLeft  {
	float:left;
}

.floatRight  {
	float:right;
}

.clearFloats  {
	clear: both;
}

.alignBottom  {
	position: relative;
	bottom: 0;
	left: 0;
}

/* ------------------------------ */
/*	Padding and Margin styles     */
/* ------------------------------ */

.containerBottomPadding35  {
	margin-bottom: 35px;  /* Padding to be added between page contnet elements requiring 35 pixels */
}

.containerBottomPadding14  {
	margin-bottom: 14px;  /* Padding to be added between page contnet elements requiring 14 pixels */
}

.containerBottomPadding13  {
	margin-bottom: 13px;  /* Padding to be added between page contnet elements requiring 13 pixels */
}

.containerBottomPadding8  {   /* Used in the blue bar at the bottom */
	margin-bottom: 8px;  /* Padding to be added between page contnet elements requiring 8 pixels */	
}

.containerSidePadding  {
	margin-right: 14px;	
}

body,
.pagebody,
p,
h1,
h2,
h3,
h4,
img  {
	padding: 0;
	margin: 0;
	
}

h1,
h2  {
	margin-bottom: 8px;  }

html { height:100%; }


/* ------------------------------ */
/*	Colour styles                 */
/* ------------------------------ */

#searchLoginContainer form label,
#column1Container1 ,
#column1Container2,
h3  {
	color: #fff;
}




/*#column1Container2, 
#pageContentContainer2  {
	background-color: #00afdb;
}


.blueText  {
	color: #00afdb;
}*/

/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
/* From a mojoportal skin example																       */
/*-----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/


body 
{ 
/* font-family:tahoma, verdana, sans-serif; 
  font-size:13px; 
 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;   /* IMPORTANT: This is used as the default size for content */
	color: #54534A;    /* Does not seem to have much effect, except when the user is editing the content */
}


/*--------------------------------------------------------------------------------------------*/
/* These are ids for container divs in layout.master */
#wrapwebsite { 
	margin-left:auto;  /* IMPORTANT: If we want the web site centered */
	margin-right:auto; 
	margin-top:0;
	width:955px;     /* IMPORTANT: Width of the web site: afer this, the color used wiill be the one defined above in the body.pagebody, including the background-image there */
	padding-bottom:5px; 
	background-color:#FFF; 
	color:#54534A;
	/*position: relative;
	top:0;
	left: 0;*/
}

#wrapheader { 
	navigatpwidth:955px;	
	height:149px;
	color:white; 
	background:url('logo.png') no-repeat;  /* background image is defined in 'marine_society_styles.css' */
	margin: 0; 
	position: relative;
}

#topmenu  {
	background-color: #f00;
	position: absolute;
	top: 0px;
	z-index: 200;  }

#wrapcenter {   /*IMPORTANT: zone of the left,center and right content */
	clear:left; 
	min-height:200px; 
	/*margin:10px 0 0; */
	margin-top: -2px;
}


#wrapfooter {   /* IMPORTANT: footer info */
	height:150px; clear:both; 
	text-align:left;  /* center; */
	/*color:#54534A;   #EAE8D0; */
	/*background-color:#404040; */
	padding:18px 0 4px; 
	font-size:11px;
}
	
#wrapfooter a {   /* IMPORTANT: properties of links in the footer */
	color:#505050;  /*#EAE8D0; */
	text-decoration:none; 
	font-size:11px; 
}


.rotatecontainer { float:right; clear:none; margin:10px 0 0;  }
.rotateitem { width: 420px; height: 60px; margin-left: -5px; }
#gutter { min-height:10px; background-color:#505050; }

#outercontainer {    /* Important: this relates to the zone that has the content */
	/*margin:0 20px; */
	position:relative;
	padding: 16px 16px 17px 17px;
	/*top:-34px;   
	left:17px; 
	right:0px;*/
}

#innercontainer { 
	border:solid thin #505050; 
	position:relative;
	
}

.topnav  {
	display: none;  }


/*------------------------------------------------------------------------------------------------------------*/
/* these are the main column layouts for supporting automatic column layout from 1 to 3 columns 
   all columns are floated left, the system programmatically assigns one of the classes to the center column depending on whether content exists
 in the left or right content sections
*/

.leftside { 
	float:left; 
	width:298px;    /* IMPORTANT: Width of the left content column */
	/*margin:10px 10px 0 5px; */
	margin-left: -9px;
}
	
.center-nomargins { 
	float:left; 
	width:818px; 
	/*margin:10px 12px 0 18px; */
}

.center-rightandleftmargins 
{ 
	float:left; 
	width: 298px; /* I'm not sure if I should add 28px here*/ /*455px; */
	/*	margin:10px 0 0; */
	margin-left:14px;
	margin-right:14px;
}

.center-rightmargin { 
	float:left; 
	width:642px; 
	/* margin:10px 0 0 10px; */
}
.center-leftmargin { 
	float:left; 
	width:642px; 
	/* margin:10px 0 0; */
}

.rightside { 
	float:left; 
	width:298px; /*142px;*/      /* IMPORTANT: Width of the right content column */
/*	margin:10px 0 0 10px; */
	margin:0 0 0 0; 
}
	
/* this skin illustrates 2 extra content sections, altcontent1 and altcontent2 */
.altcontent1 {
	overflow:hidden;  /*auto; */
	background-color:#FFF;   /* IMPORTANT: Background color of Alternative content 1 */
	color:#505050; 
	margin-left: -9px;   /* NEW */
	margin-right: 17px;  /* IMPORTANT: A lower value than this can generate a stupid 1 pixel line on the right side */
}

.altcontent1 .modulesettingslink,.altcontent1 .ModuleEditLink { 
	margin-bottom:0px; /*-20px; */
}




/* Elements */
code { text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #EAEAEA; border-left:5px solid #72A545; margin:5px 0; padding:10px; }
acronym { cursor:help; border-bottom:1px solid #777; }
blockquote { background-color:#f0f0f0; background-image:url('../../../../skins/andreasviklund-02-alt1/quote_wh.gif'); 
background-repeat:no-repeat; background-position:5px 10px; margin:15px; padding:5px 5px 5px 32px; }
hr { height:1px; background-color:#414141; color:#414141; /*color:lime;*/ border-width:0; }
/*img { border:0; }*/


/* Headings */
h1 { 
	font-family:arial, sans-serif; 
	font-size: 18px;  /*40px;*/		/* Used in "manual" titles */  /*NEW*/
}


h3 { /* font-family:arial, sans-serif; font-size:20px; margin:0; */
	position: relative;
	/*top: -2px;*/
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
}

h4,
#pageContentContainer4  {
	/*font-family:arial, sans-serif; font-size:16px; margin:0;*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif
}


h5 { font-family:arial, sans-serif; font-size:14px; margin:0;}

h6 { font-family:arial, sans-serif; font-size:12px; margin:0;}


h1.siteheading { font-size:2.2em; font-weight:400; margin:0; padding:10px 0 0 19px; float:left; }

h2.moduletitle    /* IMPORTANT: Content title properties */
{ 
/* clear:both; color:#505050; margin:0; padding:0 0 0 7px; */
	clear:both; 
	color:#00afdb;/*#55c1e1;*/	/* Color for content title */
	margin:0; 
	padding:0 0 0 7px;
	
	position: relative;
	top: -6px;
	font-size: 18px;  /*40px;*/  /* IMPORTANT: USed in automatic titles */  /*NEW*/
	font-weight: bold;
	letter-spacing: -2px;
}

.modulesubtitle { height:23px; font-weight:700; padding:4px 5px 0; }
.altcontent1 h2.moduletitle { color:#FFF; }
.siteheading { font-size:130%; text-decoration:none; }

.pagelayout h2, .register h2 { font-size:14px; }

/* Form styles */
fieldset { border:1px solid #787878; margin:0 7px; padding:1em; }
legend { font-size:larger; font-weight:700; }
.settinglabel { float:left; clear:left; width:20em; padding:1px; }
.settinglabelFixedHeight { float:left; clear:left; width:20em; height:77px; padding:1px; }
.settinglabel,.settinglabelFixedHeight { font-weight:700; font-size:smaller; }
.settingrow { clear:left; padding:4px 0; }
.settinglabeltight { float:left; clear:left; width:8em; font-weight:700; padding:1px; }
.settingrowtight { clear:left; padding:1px 0; }
.modulebuttonrow { clear:left; text-align:center; }
.smalltextbox { width:4em; }
.normaltextbox { width:10em; }
.mediumtextbox { width:15em; }
.widetextbox { width:25em; }
.verywidetextbox { width:35em; }
.txtcopyright { color:#444; font-size:80%; font-weight:400; }
.txterror { color:red; font-weight:700; }
.watermarktextbox { width:9em; color:Gray; }
.subscribeemail { color:Gray; width:14em; }
input.openid_login { 
	background:#fff url('../../../../../App_DesignTimeStyle/openidlogin.gif') no-repeat 0 50%; 
	color:#000; /*color:lime;*/ padding-left:18px; 
}



/* Grids and Tables */
div.memberlist table { width:100%; }
table.editgrid { margin:10px; }
table.editgrid th { font-weight:700; padding:7px; }
.AspNet-GridView table thead tr th { padding:2px; }
.AspNet-GridView table tbody tr td { 
	color:#333; /*color:lime;*/ 
	background:#FFF; border-bottom:solid 1px #CCC; 
	border-right:solid 1px #CCC; text-align:left; 
	padding:2px 20px 2px 2px; }
	
.AspNet-GridView table tbody tr.AspNet-GridView-Alternate td { background:#F7F6F3; }
table.editgrid td { padding:7px; }



/* Lists */
.topnav { background:#e0e0e0; color:#303030; /*color:lime;*/ text-align:right; }
div.topnav { height:18px; padding:5px 0; }
.topnav ul { float:left; display:inline; margin:0; padding:0; }
li.topnavitem { float:left; list-style-type:none; border-left:solid thin #414141; padding:0 7px; }
li.firstnav { float:left; list-style-type:none; padding:0 7px 0 5px; }
.simplelist,.simplelist li { list-style:none; padding:0 0 4px 10px; }
ul.linkitem { position:relative; top:-6px; left:0; list-style:none; margin:10px; padding:0; }
div.sitemap ul,div.sitemap ul li { list-style:none; font-size:100%; }
.site-statistics { border-bottom:solid thin #ccc; margin:0 0 5px; padding:0 0 5px; }
ul.userstats { list-style-type:none; margin:0 0 0 -40px; }
ul.userstats ul { display:block; margin:0; padding:0; }
ul.userstats li { position:relative; list-style:none; }
ul.linkitem li { list-style:none; min-height:18px; background:url('../../../../../App_DesignTimeStyle/arrowRight.gif') no-repeat 0px 5px; 
margin:0 0 1px; padding:2px 0; }

ul.linkitem a { color:#414141; /*color:lime;*/ text-decoration:none; margin:0 0 0 7px; padding:2px 5px 2px 10px; }

* html body ul.linkitem a { height:18px; }

ul.linkitem a:hover { color:#000; padding:2px 5px 2px 10px; }

div.panelwrapper ul.simplelist { margin-bottom:0; }
div.AspNet-RadioButtonList ul,div.AspNet-CheckBoxList ul { list-style-type:none; margin:0; padding:0; }
div.simplehorizontalmenu { clear:both; width:100%; height:27px; }
ul.simplehorizontalmenu { float:left; list-style:none; margin:0; padding:0; }
ul.simplehorizontalmenu li { display:inline; padding:0 10px; }
ul.firstnav span.sitelink,li.topnavitem,li.firstnav { font-size:10px; }
li.AspNet-RadioButtonList-Item,li.AspNet-CheckBoxList-Item { white-space:nowrap; }
ul.simplehorizontalmenu li.selecteditem { font-weight:700; }

.tag-cloud { list-style-type:none; margin:15px 0 3px -30px; }
.tag-cloud li { display:inline; list-style-type:none; }
.tagcount { font-size:x-small; }
.tag-cloud .weight1 { font-size:90%; }
.tag-cloud .weight2 { font-size:110%; }
.tag-cloud .weight3 { font-size:120%; }
.tag-cloud .weight4 { font-size:130%; }
.tag-cloud .weight5 { font-size:140%; }
.tag-cloud .weight6 { font-size:150%; }
.tag-cloud .weight7 { font-size:160%; }
.tag-cloud .weight8 { font-size:180%; }
.tag-cloud .weight9 { font-size:200%; }
.tag-cloud .weight10 { font-size:210%; }


/*-------*/
/* Links */

a:link, a:visited, a:active 
{
	color: #414141; /*white;*/   /* IMPORTANT: Color for menu tabs and other links */
	/*background-color: navy;*/ /* This changes the background for some links, including the small menu at top, and the Administrator links */
	 text-decoration:underline;

}

a:hover     /* Important: used for links */
{ 
	/*color:#000;*/ /* white */; 
	text-decoration:underline; 
}


a.btnBlueBack
{
	color: white;
	text-decoration:none;	
}

a.btnBlueBack:hover 
{
	color: white;
/*	background-color: #55c1e1;*/
	text-decoration:none;
}

a.btnWhiteBack
{
	text-decoration:none;	
}

a.btnWhiteBack:hover    
{
	color: /*#00afdb;*/  white;  /* Should be white when I fix the background */
	background-color: #55c1e1;
	text-decoration:none;
}

.columnRowBtn a:hover  {
	color: white;
	/*background-color: */ /* Background colour is defined in 'marine_society_styles.css' */
	text-decoration:none;
}


/* ------------------------------ */
/*	Link styles                   */
/* ------------------------------ */


/*.columnRowBtn a:hover  {
	background-color: #4ec6e4
}

.whiteBtn a:link,
.whiteBtn a:active,
.whiteBtn a:visited {
	color: #00afdb;
}

.whiteBtn a:hover  {
	color: #fff;
}
*/



legend, a.siteheading:link, a.siteheading:visited, a.siteheading:hover, a.siteheading:active 
{
	color:#505050;  
}

a.sitelink:visited, a.sitelink:hover, a.sitelink:active
{
	color: white;  /*#414141;*/   /* Similar to Gray */
	text-decoration:none;
}

#wrapheader a,    /* anchors (links) inside the "zone" with Id "wrapheader" */
#wrapheader a.sitelink	/* anchors (links) inside the "zone" with Id "wrapheader" with class "sitelink" */
{
	color: white;   /* IMPORTANT: Colors for links inside the #wrapheader zone */
	font-size:12px;
	font-weight: bold;
}

.sitelink	/* tags that have the class sitelink (but that are not covered in more detail) - most links have rules above like ".sitelink" that are more detailed/specific than this rule (eg. they are covered by a.sitelink */
{
	color: maroon;   /* IMPORANT: Color used for the "Signed in as" label */
}

a.sitelink:link
{
	color: #414141 /*white*/;	/* IMPORTANT: Color used for the small menu at top */
	font-size: 200%; 
}

legend a,a.siteheading:link,a.siteheading:visited,a.siteheading:hover,a.siteheading:active,a.sitelink:link,a.sitelink:visited,a.sitelink:active,a.selectedcrumb:link,a.selectedcrumb:visited,a.selectedcrumb:active,a.unselectedcrumb:link,a.unselectedcrumb:visited,a.unselectedcrumb:active 
{
	text-decoration:none;
}

a.ModuleEditLink, a.ModuleEditLink:link, a.ModuleEditLink:visited, a.ModuleEditLink:hover, a.ModuleEditLink:active 
{
	color:#505050;   /* Color for Settings/Edit links to edit content: Usually doesn't need to be changed */
	letter-spacing:normal;
	font-size:10px;
}


a.adminlink:hover, a.adminlink:link, a.adminlink:visited 
{ 
	font-size:100%; 
	text-decoration:none;
}

a.adminlink:hover, a.sitelink:hover, 
a.ModulePager:link, a.ModulePager:visited, a.ModulePager:hover, a.ModulePager:active, 
a.selectedcrumb:hover, a.unselectedcrumb:hover 
{
	/*text-decoration:underline;*/   /* Changed 18-04-2010: this can be dangerous ... */
}

legend a.ModuleEditLink, legend a.ModuleEditLink:link, legend a.ModuleEditLink:visited, legend a.ModuleEditLink:hover, legend a.ModuleEditLink:active 
{
	font-size:smaller;
}

.pageditlinks a { margin: 3px 7px 3px 0px; }

.buttonlink { 
	background-color:transparent; 
/*	color:#03F; */  /* Just removed */
	cursor:pointer; 
/*	text-decoration:underline;  */
	font-size:13px; 
	border-style:none; 
}

.WelcomeMessage,.sitelink { font-size:10px; }
.accent { color:#EAE8D0; font-weight:700; }

a.adminlink ,
a.adminlink:link ,
a.adminlink:visited ,
a.adminlink:hover ,
a.adminlink:active { 
font-size: 16px; 
border-left: 1px solid #a4a4a4;
  padding: 8px 8px 10px 8px;
  line-height: 32px;
  color: #555;
  text-decoration:none;
}

a.adminlink:hover 
{  
	text-decoration:underline;
}


.breadcrumbs { margin-top:10px; padding:4px 4px 10px; }
.unselectedcrumb { font-weight:400; }
.selectedcrumb { font-weight:700; }

.modulepager { vertical-align:top; padding:4px; }
.selectedpage { color:#000; font-weight:700; }

a.SelectedPage:hover 
{ 
	color:#000; 
	font-weight:700; 
/*	text-decoration:underline; */
}

a.SelectedPage:link, a.SelectedPage:visited, a.SelectedPage:active 
{ color:#000; font-weight:700; text-decoration:none; 
}

.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a 
{ 
/*	font-size: 16px; */
	font-size: 12px;   /* Speculative change by Ulisses */
}

.modulecontent 
{ 
	vertical-align:top; 
	text-align:left; 
	line-height:1.3em;  /*1.7em;*/  /* IMPORTANT: This controls the space between the lines */
	padding:0 4px 4px 7px; 
	/*color: black;*/
}

.modulefooter { 
	display:none; 
	font-size:11px; 
	text-align:left;  /* center; */
}

tr.modulerow td,tr.modulealtrow td { border:solid thin #414141; padding:0 0 0 10px; }

.rbottom { margin-bottom:20px; }

.gmaptextbox { width:27em; }
.gmap { margin:0 0 10px; }

.foldergallery h1 { font-size:large; margin-bottom:20px; }
.albumMetaName { font-weight:700; }
.albumFloat { float:left; text-align:center; margin-right:8px; margin-bottom:4px; }
.albumMetaSectionHead { background-color:Gray; color:#FFF; font-weight:700; }

.ratingcontainer { float:right; }
.ratingrow { white-space:nowrap; }
.ratingStar { white-space:nowrap; height:14px; margin:1em; }
.ratingStar .ratingItem { font-size:0; width:13px; height:12px; display:block; background-repeat:no-repeat; cursor:pointer; margin:0; padding:0; }
.ratingStar .Filled { background-image:url('ratingStarFilled.png'); }
.ratingStar .Empty { background-image:url('ratingStarEmpty.png'); }
.ratingStar .Saved { background-image:url('ratingStarSaved.png'); }
.ratingcomments { border:#000 1px solid; background-color:#eee; color:#000; width:300px; height:210px; position:absolute; margin-top:15px; padding:5px; }
.ratingcommentbox { width:280px; height:100px; }

.eventcalendar table { clear:both; }

.forumnotify { white-space:nowrap; vertical-align:middle; padding: 10px 0px 5px 0px; }
.forumnotify img {float:left;}

.addthis { float:right; margin:0 10px 0 0; }

div.addthisbutton { display:inline; }
.moduleedit { height:28px; background-color:#C7D0D7; border:0; text-indent:4px; margin:0; padding:0; }
.clearpanel { clear:left; padding-top:15px; }
.minheightpanel { min-height:200px; }
.center { text-align:center; }
.vevent { padding:10px; }
.vevent abbr { border:0; }
.whoson { float:left; padding:5px; }
.searchterm { color:#000; background-color:#FF0; }
.templatewrapper { border-bottom:solid 4px #000; }
.linkdescription { padding:5px; }
.clear{ clear:both; }
.logolist,.pageicons,.skiplink { display:none; }
.padded { padding:7px; }


.floatrightimage { float:right; margin-right:15px; }
.highlight1 { background-color:#FF0; }
.highlight2 { background-color:lime; }
.floatpanel,.floatleftimage { float:left; margin-right:15px; }



/* --------------------------------------------------------------------------------------------------------- */
/*  NEW STYLES ADDED 03/05/2010     */
/* -------------------------------- */

#pageContentContainer2  {
	margin-top: 14px;  }

#pageContentContainer2[style]  {
	margin-top: 14px !important;  } /* this will override the inline top margin for the social links container box */

.columnRowBtn  {
	padding: 0;  }

.whiteBtn  {
	background-color: #fff;
	padding: 0;
	height: 25px;  }

.whiteBtn a.btnWhiteBack  {
	border: 1px solid;  /* Border colour is defined in 'marine_society_styles.css' */
	display: block;
	padding: 1px 11px;
	margin: 0;
	height: 21px;  }  /* height for the <a> tag is the height of .whiteBtn minus .whiteBtn padding top and bottom and minus border top and bottom */

a.btnBlueBack  {
	display: block;
	padding: 3px 11px;
	margin: 0px;  }

img  {
	border: none;  }

table[style]  {
	padding: 0;  }


/* -------------------------------- */
/*  Height and width Styles         */
/* -------------------------------- */

/*--- Changed Ulisses */
#blueBar  {
	height: 37px;
	width: 922px;
	color: white;
	background-color: #2264AE;  
	font-size: 16px;
	font-weight: bold;
}
.blueBarText
{
	margin-left: 30px;
	padding-top: 8px;
	width: 490px; 
	float: left;
}

.blueBarText2
{
	margin-left: 30px;
	padding-top: 12px;
	width: 258px; 
	float: left;
	text-align: right;
}

.height-35px,
#pageContentContainer2  { 
	height: 35px;  }

.height-35px a.btnBlueBack  {
	height: 29px !important;  }  /* height for the <a> tag is the height of .columnRowBtn minus .columnRowBtn padding top and bottom added together */

.height-49px {
	height: 49px;  }

.height-49px a.btnBlueBack  {
	height: 43px !important;  }  /* height for the <a> tag is the height of .columnRowBtn minus .columnRowBtn padding top and bottom added together */

.width-298px,
td.width-298px table  {
	width: 298px;  }
	
.width-610px  {
	width: 610px;
}

/* -------------------------------- */
/*  Link Styles         	    */
/* -------------------------------- */




a.btnWhiteBack:hover,
.whiteBtn  {
	color: #fff !important;  }



/* ------------------------------ */
/*	Font styles                   */
/* ------------------------------ */

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #54534A;
}

h1,
h2,
h3 {
	font-size: 18px;
	font-weight: 600 !important;
	letter-spacing: -1px;
}


h1,
h2  {
	position: relative;
	top: 0/*-6px*/;  }

h4,
#pageContentContainer4,
#searchArchiveContainer form  {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif
}

.required {
	color: red;
}