/* This defines site-wide CSS styling. */

/* Useful rules to set are 
     color:              text colour
     background-color:   background colour
     font-size:          <nn>pt or <nn>px
     font-weight:        normal or bold
     font-style:         normal or italic 
     font-family:        font, font, font
     background-image:   url of image, always prepend with ../
     background-repeat:  repeat-x (to tile) or repeat-none
     height:             forced height of image if reqd
     text-align:         center, left, or right
     text-decoration:    none or underline
     border:             <n>px <solid|dashed>
     border-color:
     line-height:        line height (and thus spacing)
*/

/* Some areas have a single rule-set, some have three; one
   for the area, one for links in the area (the A:link one),
   and one for links in the area when hovered over (the
   A:hover one). */



/* Error message text - primarily used in admin pages but
   also used in end-user pages should e.g. database errors
   occur */

.error
{
  color: #661F00;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size:10pt;
  font-weight: normal;
  background-color: #FFFF99;
  border: 1px dotted #596471;
  padding: 8px;
}

body
{
background: #FFF;
color: #666;
text-align: left;
background: #fff url("../graphics/body_bg.jpg") top repeat-x !important;
margin-top: 5px;
}

#grid
{
margin-left: auto;
margin-right: auto;
}

a img
{
	border: none;
}


h1
{
	font-size: 14pt;
}

/* or to left-justify it
/* #grid
/* {
/* margin-left: 0;
/* margin-right: 0;
/* }


/* The header (Logo) area */

.headerlogo_front
{
  color: #666;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
  background-color: #FFFFFF;
  height: 100px;
  vertical-align: top;
  padding: 0px;
}

.headerlogo
{
  color: #666;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
  background: #FFF url("../graphics/awareness-logo.png") no-repeat 10px 10px;
  height: 127px;
  vertical-align: top;
  padding: 0px;
}

/* The header text (text below logo) area */

.headertext
{
  text-align: left;
  color: #FFF;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  padding: 0px 0px 0px 5px;
  background-color: transparent; /*FJ - #FE8402;*/
  vertical-align: top;
  line-height: 22px;
  border-top: 5px solid #AFEAAA;
  text-transform: uppercase;
  height: auto;
  height: 60px;
}

/* Styles for links in the above area */

.headertext A:link, .headertext A:active, .headertext A:visited
{
  color: #EAAF00;
  text-decoration: none;
}

/* Styles for links in the above area when hovered over */

.headertext A:hover
{
  color: #FFF;
}


/* The navigation bar background */

.navbar
{
  color: #383331;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  text-decoration: none;
  border-left: 1px solid;
  border-right: 0px solid;
  border-top: 1px solid;
  border-color: #d3d1c7;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  margin: 0px 0px 0px 0px;
}
/* FJ - Org
.navbar
{
  color: #FFF;

  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #aaa;
  padding-left: 15px;
  padding-top: 15px;
padding-right: 15px;
}*/
.navbar A:link, .navbar A:active, .navbar A:visited
{
  color: #373331;
  text-decoration: none;
}
.navbar A:hover
{
  /*color: #635954;*/
  text-decoration: underline;
}


/* The navigation bar category names */

.navcategory
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin-top: 20px;
line-height: 28px;
color: #336633;
xwidth: 177px; /* FJ - Pos remove */
}



.navcategory A:link, .navcategory A:active, .navcategory A:visited
{
  color: #333;
  text-decoration: none;
}
.navcategory A:hover
{
  /*color: #635954;*/
  text-decoration: none;
  border-bottom: 1px dotted #000;
  color: #555;
}

.navcategory ul
{
	padding-left: 15px;
	margin-left: 0px;
	line-height: 21px;
	color: #000;
}



.navlinksright
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin-top: 20px;
  line-height: 28px;
  color: #336633;
}

.navlinksright A:link, .navlinksright A:active, .navlinksright A:visited
{
  color: #333;
  text-decoration: none;
}
.navlinksright A:hover
{
  /*color: #635954;*/
  text-decoration: none;
  border-bottom: 1px dotted #000;
  color: #555;
}



/* The navigation bar subcategory names */

.navsubcategory
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-left: 20px;
  /*line-height: 20px;*/
  padding-bottom: 6px;
  color: #666;
}

.navsubcategory A:link, .navsubcategory A:active, .navsubcategory A:visited
{
  text-decoration: none;
}
.navsubcategory A:hover
{
  background-color: none;
  /*color: #635954;*/
  text-decoration: underline;
}


/* The search box */

.searchbox
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
  /*FJ - padding-top: 4px;*/
  padding-top: 0px;
}

/* The input box in the search box */

.searchbox input, .searchbox textarea, .searchbox select
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* The login area label */

.loginlabel
{
  text-align: left;
  color: #666;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.loginlabel A:link, .loginlabel A:active, .loginlabel A:visited
{
  color: #333333;
  text-decoration: none;
}
.loginlabel A:hover
{
  background-color: #aaaaaa;
  color: #333333;
}


/* The login area input box */

.loginbox
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.loginbox input, .loginbox textarea, .loginbox select
{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}


/* The page-footer area */

.footer
{
  color: #666;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10px !important;
  font-weight: normal;
  text-align: center;
  padding: 10px;
  border-top: #B6B3A8 1px solid;
  background-color: #178A87;
}


/* The page-footer text */

.footertext
{
  color: #fff;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 20px;
}
.footertext A:link, .footertext A:active, .footertext A:visited
{
  color: #fff;
  text-decoration: none;
}
.footertext A:hover
{
  color: #fff;
  text-decoration: underline;
}


/* The content area in general - the area within which
   category lists and article contents are shown. */

.contentarea
{
  color: #383331;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: normal;
  vertical-align: top;
  border-top: solid 1px;
  border-color: #d3d1c7; 
  xpadding:20px;
}

/* article body */

.articlebody table {
border-collapse: collapse;
font-size: 1em;
}

.articlebody th {
background-color: #eee;
}

.articlebody th,
.articlebody td {
padding: 4px;
border-bottom: #eee 1px solid; 
}


/* Category titles */

/* The category name */
.categorytitle, .subcategorytitle
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 26px;  
  font-weight: bold;
  color: #3B5A6F;
}
.subcategorytitle
{
  display: block;
}
/* The seperator */
.categoryseperator
{
  display: none;
}
/* The subcategory part of the name */
.categorytitle-view
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11pt;  
  font-weight: bold;
  color: #2878ab;
}


/* Article titles in article views */

.articletitle_view
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  color: #3B5A6F;
  line-height: 18pt
}
.articletitle_view A:link, .articletitle_view A:active, .articletitle_view A:visited
{
  color: #069;
  text-decoration: none;
}
.articletitle_view A:hover
{
  background-color: none;
  color: #069;
}

/* Article titles in article lists */

.articletitle_list
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #3B5A6F;
  line-height: 1.2em;
}
.articletitle_list A:link, .articletitle_list A:active, .articletitle_list A:visited
{
  color: #373331;
  text-decoration: none;
}
.articletitle_list A:hover
{
  text-decoration: underline;
}

/* Article PDF links */

.articlepdf
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
  color: #555;
}
.articlepdf A:link, .articlepdf A:active, .articlepdf A:visited
{
  color: #333;
  text-decoration: none;
}
.articlepdf A:hover
{
  background-color: none;
  color: #000000;
}


/* Article abstracts */

.articleabstract
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #383331;
}

.article-viewoptions
{
  display: block;
  margin-top: 0.5em;
}

	.article-viewoptions a
	{
	  margin-right: 1em;
	}


/* Article body text */

.articlebody
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #555;
}
.articlebody A:link, .articlebody A:active, .articlebody A:visited
{
 	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  	font-size: 8pt;
  	font-weight: normal;
  	color: #069;
  	text-decoration: none;
}
.articlebody A:hover
{
background-color: none !important;
  color: #fc8f02 !important;
}


/* Article captions (for pictures) */

.articlecaption
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: normal;
}


/* Article labels (for pictures) */

.articlelabel
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}


/* Article section titles */

.articlesection
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
}


/* Author titles */

.authortitle
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


/* Author names */

.authorname
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #3b5a6f;
}


/* Author profile text/links */

.authortext
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 8pt;
  color: #555;
}
.authortext A:link, .authortext A:active, .authortext A:visited
{
  color: #333333;
  text-decoration: none;
}
.authortext A:hover
{
  background-color: #aaaaaa;
  color: #333333;
}


/* Reference titles */

.referencetitle
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}


/* Reference text */

.referencetext
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #555;
}


/* Advertisments */

.adverts
{
  color: #383331;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
  border-right: solid 1px;
  border-top: solid 1px;
  border-color: #d3d1c7; 
  xpadding:5px;
}


/* Category names (when displayed inline in
   interleaved lists) */

.a
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 10pt;
  color: 336633;
}

.categoryname, .articledate
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #b68d51;
  padding-top: 10pt;
  line-height: 20pt;
}
.categoryname A:link, .categoryname A:active, .categoryname A:visited
{
  color: #3b5a6f;
  text-decoration: none;

}
.categoryname A:hover
{
  background-color: none;
  color: #fc8f02;
}

.categoryname_front
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 8pt;
  color: #8d9fab;
  padding-bottom: 8px;
}
.categoryname_front A:link, .categoryname_front A:active, .categoryname_front A:visited
{
  color: #373331;
  text-decoration: none;

}
.categoryname_front A:hover
{
  background-color: none;
  /*color: #fc8f02;*/
  text-decoration: underline;
}

/* Editorial board title */

.editorialtitle
{
font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
padding: 30pt;
color: #fc8f02;
}

/* Editorial board name */

.editorialname
{
font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
font-size: 10pt;
line-height: 12pt;
font-weight: normal;
list-style: none;
}


/* 
   From here onwards all relate to the customer admin
   pages.
*/



/* Input fields on the customer admin pages */

.admininput
{
  color: #666;
  font-size: 11px;
  font-weight: normal;
}
.admininput input, .admininput textarea, .admininput select
{
  background-color: #F7F7F7;
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  border: solid #666666 1px;
  margin: 0px;
  padding: 0px;
}

/* SUPER HEAD STYLES */
.superhead
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  color: #488ab4;
  line-height: 18pt;  
}

.superheadsmall
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  color: #488ab4;
  line-height: 18pt;
  letter-spacing: 1px;
  
}

.horline
{
	background: url('../graphics/horline.gif');
	background-repeat: repeat-x;
}

.pagenavbk
{
	background: url('../graphics/pagenav_bk.gif');
	background-repeat: repeat-x;
	border: 1px solid #bfbfbf;
	height:25px;
}

.pagenavbk td
{
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #626d7a;
}

.pagenavbk A
{
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #4a82c7;
	text-decoration:none;
}

.pagenavbk A:hover
{
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	/*color: #ff9000;*/
	text-decoration: underline;
}

/* ========== */
.pagenavbk_long
{
	background: url('../graphics/pagenav_bk_long.gif');
	background-repeat: no-repeat;

	height:25px;
}

.pagenavbk_long td
{
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	font-size: 8pt;
	color: #626d7a;
}

.pagenavbk_long A
{
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #4a82c7;
	text-decoration:none;
}

.pagenavbk_long A:hover
{
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ff9000;
	text-decoration:none;
}

.pageLinks
{
  font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #003399;
  text-decoration: none;
}

.pageLinks:hover
{
  color: #003399;
  text-decoration: underline;
}

.pageLinks:visited
{
  color: #660066;
  text-decoration: none;
}

#yvideo { width: 100%; }

#yvideo TH {
	border-bottom: 3px solid #cdcdcd;
	text-align: left;
}

#yvideo TD,SELECT {
	font-size: 8pt;
}

#yvideo TD { border-bottom: 1px dotted #bfbfbf; }

#yvideo TEXTAREA {
	width: 180px;
	font-size: 9pt;
}

#add_vid {
	border-top: 3px solid #cdcdcd;
	padding: 6px;
	background-color: #dfdfdf;
}

.videobox-top {
	margin: 10px 0px 10px 20px;
	display: block;
	float: right;
}

.videobox-bottom {
	margin: 20px 0 20px 0;
	display: block;
}

div.floating-menu {
	position:fixed;
	background:#fff4c8;
	border-bottom: 4px solid #ffcc00;
	width: 100%;
	height: 40px;
	margin:0px;
	padding: 8px;
	z-index:100;
	top: 0px;
	text-align: center;
}

div.floating-menu INPUT {
	font-size: 12pt;
	font-weight: bold;
	font-family: 'Lucida Grande', Arial,Helvetica,sans-serif;
	height: 40px;
}

/* Custom a link button */

/*FJ
a#navhome
{
	border: 1px solid #CCCCCC;
	background: #6bc9e2;
	padding: 4px;
}

a#navhome:hover
{
	color: #FFFFFF;
	background: #383331;
}
*/

.themesbut a
{
	border: 1px solid #333333;
	/*background: #6bc9e2;*/
	background: #cccccc;
	padding: 4px;
	line-height:40px;
}

.themesbut a:hover
{
	color: #FFFFFF;
	background: #383331;
	text-decoration: none;
}



/* FJ */
#navbarleft
{
	float:left;
	width: 609px;
	height: 27px;
	margin-top: 13px;
	border: solid 0px blue;
	padding-left: 6px;
}

#navbarleft a
{
	color:#fff;
}

#navbarcenter
{
	float:left;
	width: 60px;
	height: 27px;
	margin-top: 13px;
	border: solid 0px green;
}

#navbarright
{
	float:left;
	width: 295px;
	height: 27px;
	margin-top: 13px;
	border: solid 0px red;
	overflow: hidden;
}

#headerhomebutton
{
	float:right;
	width: auto;
	height: auto;
	margin-top: 10px;
}

.subheadleft
{
height: auto;
width: 195px;
background-color: #6BC9E2;
font-weight: bold;
font-size: 9pt;
color:#333333;
border: solid 1px #cccccc;

padding-top: 5px;
padding-bottom: 5px;
padding-right: 0px;
padding-left: 0px;

margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}

.subheadright
{
height: auto;
width: 150px;
background-color: #6BC9E2;
font-weight: bold;
font-size: 9pt;
color:#333333;
border: solid 1px #cccccc;

padding-top: 5px;
padding-bottom: 5px;
padding-right: 0px;
padding-left: 0px;

margin-top: 0px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}

.subheadtext
{
padding-left: 10px;
}


/* Header Button */
#header x
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#header ul
{
	background:#fff;
	display:block;
	text-align:right;
	padding: 0px;
	margin: 0px;
	margin-right: 20px;
}

#header ul li
{
	color:#fff;
	display:inline;
	text-align:center;
}

#header ul li a:link,#header ul li a:visited
{
	background:#ff8402;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border: solid 1px #999;
    height: 20px;
	padding: 3px 5px 3px 5px;
	
}

#header ul li a:hover,#header ul li a:active,#header ul li a:focus
{
	background:#666;
	color:#fff;
}


#twitter {
    valign:middle;
}




.infoicon
{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
}

.sidecontainer
{
	width: auto;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.boxcontent
{
	border: solid 1px #d3d1c7;
	margin: 10px 10px 5px 10px;
	padding-bottom: 10px;
	width: 195px;
}

.boxcontentcenter
{
	border: solid 1px #d3d1c7;
	margin: 10px 0px 5px 0px;
	width: 585px;
	_width: 570px;
}

.boxcontentright
{
	border: solid 1px #d3d1c7;
	margin: 10px 0px 5px 10px;
	width: 150px;
}


#main-l
{
width: auto;
border: solid 0px red;
float:left;
}

#main-c
{
width: auto;
border: solid 0px green;
float:left;
}

#main-r
{
width: auto;
border: solid 0px blue;
float:left;
}

.maintd
{
	border: solid 1px #d3d1c7;
	width: auto;
}