/* base css */
@import url(/.shared/themes/common/base-weblog.css);


/* Beaufortes css */
/* Each successive theme overrules the previous BASE -> APRIL -> BEAUFORTES -> */
/* The typepad styles are added to the definitions for Beaufortes sites styles */
/* get it working and then strip out the wasted CSS */


/* CSS DOCUMENT */

/* 

Table of Contents

	1. Defaults and page format
	2. Fonts
	3. Links
	4. Structure main layout variations
	5. Header and footer
	6. Navigation bar
	7. Photo row on home page
	8. Stories - use for multiple content stories on one page
	9. Boxes
	10. Tables
	11. Forms
	
Notes

	When width is specified in px it is safe to use margins but not padding due to IE
	HR is not a good idea to use for clears in IE, use a . in paragraph with a class to clear

*/



/* ----------- 1. Defaults and page format ----------- */

/* Zero down all margins and padding */
*{ 
	margin: 0;
	padding: 0;
}
body {
	background-color: #D8D8D8;
}

/* Page width, position and left align all content */

#container, #container-inner, #pageFormat 
{
	width: 781px;
	margin: 0 auto;
	text-align: left;
        border: 0px ;
        background-color: #D8D8D8;
	
}
clear {
	clear: both;
}
p.clear {
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	height: 1px;
	line-height: 0.1em;
	margin: 0;
	padding: 0;
}
img {
	border: 0px;
}

.pkg
{
}

.clr
{
}


/* ------------ 2. Fonts ------------ */

html {
	font-size: 100%;
}
body {
	font-family: Lucida Grande, Arial, Verdana, sans-serif;
	font-size: 62.5%; /* Sets 1em to 10px font */
	color: #444;
}

p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}
h1 {
	font-size: 2.2em;
	line-height: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;	
}
h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin-top: 15px;
	margin-bottom: 8px;
	
}
h3 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin-top: 8px;
	margin-bottom: 8px;
	display: inline;	
}
h4 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: normal;
}
h5 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin-top: 16px;
	margin-bottom: 8px;
	font-weight: normal;
}
h6 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;	
}

blockquote {
	background: url(img/blockquote_top.gif) top left no-repeat;
	font-size: 1.4em;
	line-height: 1.5em;
	color: #6666;
	margin: 5px 0px 5px 0;
	padding: 5px 5px;
	font-style: italic;
}

blockquote div {
  padding: 0 25px 0 40px;
  background: transparent url(img/blockquote_end.gif) right bottom no-repeat;
}

blockquote div h6 {
    font-size: 0.7em;
}

#contactHeader p {
	text-align: right;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
}



/* ----------- 3. Links ----------- */

a:link { color:#4E81DF; text-decoration: none; }
a:visited { color:#5887DF; text-decoration: none; }
a:hover { color: #2754A9; text-decoration: underline;}
a:active { color: #2754A9; text-decoration: underline; }
a { font-weight: bold; }



/* ----------- 4. Structure main layout variations ----------- */

/* ---Two Column Layout --- */

.layout-two-column-right #primaryContent,
.layout-two-column-right #alpha
 {
	float: left;
	width: 489px;
	margin: 20px 0 20px 15px;
}

.layout-two-column-right #sideContent,
.layout-two-column-right #beta
 {
	float: right;
	width: 237px;
	margin: 20px 25px 20px 0;
}



#contentRow, #pagebody {
	background: url(img/wrapmain_side.gif) repeat-y right;
	background-color: #FFFFFF;
}




/* ----------- 5. Header and footer ---------- */

#headerRow {
	background: url(img/wrapmain_side.gif) repeat-y right;
	background-color: #4E81DF;
	margin: 15px 0px 0px 0px;
	
}
#headerOuter {
	background: url(img/wrapmain_top.gif) no-repeat left top;
}
#headerInner {
	background: url(img/wrapmain_topright.gif) no-repeat right top;
}
#logo { 
	float: left;
	margin: 5px 0px 0px 0px;
	height: 88px;
	width: 504px;
}
#contactHeader { 
	float: right;
	margin: 5px 25px 0px 0px;
	height: 88px;
}

#footerRow {
	clear: both;
	background: url(img/wrapmain_side.gif) repeat-y right;
	background-color: #EBEBEB;
	margin-bottom: 20px;
}

#footerOuter {
	background: url(img/wrapmain_bot.gif) no-repeat left bottom;
}

#footerInner {
	background: url(img/wrapmain_botright.gif) no-repeat right bottom;
}

#contactus {
	width: 62%;
	float: left;
	margin: 5px 0 15px 15px;
	font-size: 14px;
}

#copyright {
	width: 30%;
	float: right;
	text-align: right;
	margin: 5px 25px 15px 0;
	color: #999;
}



/* ------------ 6. Navigation bar ----------- */


#navRow {
	clear: both;
	background: url(img/wrapmain_side.gif) repeat-y right;
	background-color: #4E81DF; /* same as header */
	margin-top: 0;
}
#mainNav {
	clear: both;
	margin: 0px 10px 0px 10px; /* to position */
	padding: 0px 0px 10px 0;  /* under */
	width: 751px;
	height: 34px;
}

#mainNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 761px;
	float: left;
	background: url(img/navbar.gif) no-repeat left top;

}

#mainNav ul li {
	float: left; /* makes nav bar horizontal list */
	font-size: 1.3em; 
}

#mainNav ul a {
	display: block;
	float: left;
	padding: 0 1.2em; /* text margin left and right */
	line-height: 34px; /* line height valigns text centre  */
	background: url(img/navbardivider.gif) no-repeat right top;
	text-decoration: none;
	color: #EEEEEE;
	font-weight: bold;
}

#mainNav ul a:hover {
	color: white;
	background: url(img/navbar.gif) no-repeat left top;
	background-position: -20px -50px; /* move background horz vert */
}

#mainNav #firstNav a {
	padding: 0 1.2em 0 1.7em ;
}

#mainNav #firstNav a:hover {
	background: url(img/navbar.gif) no-repeat left top;
	background-position: 0px -50px; /* horz vert */
}

#mainNav ul a:hover {
	color: white;
	background: url(img/navbar.gif) no-repeat left top;
	background-position: -20px -50px; /* move background horz vert */
}



 #mainNav a#insights {
	/* hightlight nav button on blog pages*/
	background: url(img/navbar.gif) no-repeat left top;
	background-position: -20px -50px; /* move background horz vert */
}


/* BoxStyleA set backgrounds to make box edges for photoRow */

#photoRow .boxStyleA {
	background:  url(img/boxap_bot.gif) no-repeat bottom left;
}

#photoRow .boxStyleA .boxOuter {
	background:  url(img/boxap_bot.gif) no-repeat bottom left;
}

#photoRow .boxStyleA .boxOuterTwo {
	background:  url(img/boxap_top.gif) no-repeat top left;
}

#photoRow .boxStyleA .boxInner {
	background:  url(img/boxap_top.gif) no-repeat top left;
}


/* ----------- 9. Boxes ----------- */

/* BoxStyleA set backgrounds to make box edges */

.boxStyleA {
	background:  url(img/boxa_bot.gif) no-repeat bottom left;
}

.boxStyleA .boxOuter {
	background:  url(img/boxa_botright.gif) no-repeat bottom right;
}

.boxStyleA .boxOuterTwo {
	background:  url(img/boxa_top.gif) no-repeat top left;
}

.boxStyleA .boxInner {
	background:  url(img/boxa_topright.gif) no-repeat top right;
}

/* BoxStyleB set backgrounds to make box edges */

.boxStyleB {
	background:  url(img/boxa_bot.gif) no-repeat bottom left;
}

.boxStyleB .boxOuter {
	background:  url(img/boxa_botright.gif) no-repeat bottom right;
}

.boxStyleB .boxOuterTwo {
	background:  url(img/boxb_top.gif) no-repeat top left;
}

.boxStyleB .boxInner {
	background:  url(img/boxb_topright.gif) no-repeat top right;
}

/* boxStyleC set backgrounds to make box edges */

.boxStyleC {
	background:  url(img/boxc_bot.gif) no-repeat bottom left;
}

.boxStyleC .boxOuter {
	background:  url(img/boxc_botright.gif) no-repeat bottom right;
}

.boxStyleC .boxOuterTwo {
	background:  url(img/boxc_top.gif) no-repeat top left;
}

.boxStyleC .boxInner {
	background:  url(img/boxc_topright.gif) no-repeat top right;
}

/* BoxStyleD set backgrounds to make box edges */

.boxStyleD {
	background:  url(img/boxd_bot.gif) no-repeat bottom left;
}

.boxStyleD .boxOuter {
	background:  url(img/boxd_botright.gif) no-repeat bottom right;
}

.boxStyleD .boxOuterTwo {
	background:  url(img/boxd_top.gif) no-repeat top left;
}

.boxStyleD .boxInner {
	background:  url(img/boxd_topright.gif) no-repeat top right;
}



.boxOuter {
	margin: 0 0 15px 0; /* to create vertical space below before next module */
}
.boxInner {
	padding: 8px 10px 5px 10px; /* margin inside box, around box content */
}
.boxInner h3 {
	font-size: 1.2em;
	line-height: 1.2em; 
	font-weight: bold;
	color: #999999;
}
.boxStyleA .boxInner h3 {
	color: #FFFFFF ; /* White text for blue title area only on BoxStyleA only */
}
.boxInner img.icon  {
	clear: both;
	float: right;
	margin: 10px -4px 5px 0;	
}
.boxStyleA .boxInner img.icon  {
	margin-top: 25px;/* move icon down on BoxStyleA only CHECK ON IE*/	
}
.boxInner h1 {
	margin: 12px 0 10px 0;
	font-size: 1.8em;	
}
.boxInner p {
	margin: 10px 0 10px 0; 
}


/* ----------- 10. Tables ----------- */

table {
  border-collapse: collapse;
  border: 0px solid #666;
  margin: 10px 0;
  font-size: 1.2em;
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 5px 0;
  text-align: left;
}

col {
  border-right: 1px solid #ccc;
}

col#lastCol {
  border: none;
}

thead {
	border-bottom: 1px solid #a5a5a5;
	color: #FFF;
	font-size: 12px;
	
}

th {
  font-weight: normal;
  text-align: left;
  background: url(img/theadbg.gif) no-repeat top left;
  background-position: -10px 0px; /* horz vert moves curve on corner of image out of view*/
}

#firstColHead {
	background: url(img/theadbg.gif) no-repeat top left;
  
}
#lastColHead {
	background: url(img/theadbg.gif) no-repeat top right;
  	
}

th, td {
  padding: 0.3em 1em;
}

.odd {
  background-color:#EEEEEE;
}

tr:hover {
  background-color:#CDD9F2;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}


/* ----------- 11. Forms ----------- */


#alpha form {
	
	padding: 15px;
	font-size: 1.2em;
}

#alpha form label {
	display: block;
	margin: 5px 15px 1px 0;
}
#alpha form input {
	width: 222px; /* from page grid */
	margin: 5px 0 5px 0;
}
#alpha form textarea {
	width: 430px; /* from page grid */
	height: 110px; 
	margin: 5px 15px 5px 0;
}
#alpha form input.send {
	display: block;
	width: auto;
	padding: 0 5px;
}

#alpha form input.send:hover {
	background: #2754A9;

}


/* form on home page on photo row */

.smallform label {
	float: left;
	clear: left;
	font-size: 1.1em;
	width: 42px; 
	margin: 8px 0 2px 0;
}
.smallform input {
	float: left;
	width: 130px;
	margin: 2px 0 2px 0;
}
.smallform input.send {
	font-size: 1.1em;
	float: left;
	clear: both;
	width: 134px;
	height: 20px;
	padding: 0 5px 0px 2px;
	margin: 3px 2px 0px 41px; /* use label width plus label margin width */
}


/* BULLET POINT LISTS */

#alpha ul, #alpha ol {
	margin-left: 20px;
	list-style-image: url(img/bullet.gif);
	
}
#alpha li {
	
	font-size: 1.2em;
	line-height: 1.3em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}

#alpha li li{
	font-size: 1em;
	background: none;
	padding: 0px;
	list-style-image: url(img/bullet.gif);
}


/* EXTRA CSS MISC */


#highlight {
	color: #4E81DF;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}


#privacy {
color:#000000;
font-size: 0.8em;
line-height:1.8em;
height:15px;
margin: 0px 0px 5px 65px;
padding: 0 0px 5px 0px;
clear:both;
}


/* Blog specific styling */

h2.date-header,
h3.comments-header,
h3.trackbacks-header {
font-size: 1em;
border-bottom: thin solid #cccccc;
display: block;
}

h2.module-header {
	font-size: 1.8em;
	line-height: 1.0em;
	margin-top: 12px;
	display: block;
        border-bottom: thin solid #cccccc;
}

li.sidebarlist{
        margin-left: 14px;
}

.entry-footer{
margin: 0 0 0 0;
border-bottom: thin dotted #cccccc;
}

.entry-break{
margin -5px 0 0 0;
border-bottom: thick solid #cccccc;
}

.entry-footer2{
margin: -10px 0 0 0;
font-size: 0.8em;
line-height: 1.0em;
}

.entry-content{
margin: -5px 0 0 5px;
}
/* ph=1 */
/* nhm:from_kauri */