
HTML
{
    SCROLLBAR-FACE-COLOR: #eeeeee;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #d5d5d5;
    SCROLLBAR-3DLIGHT-COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #000000
}
BODY
{
    SCROLLBAR-FACE-COLOR: #eeeeee;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #d5d5d5;
    SCROLLBAR-3DLIGHT-COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #000000
}

 .navMain {
	BORDER-RIGHT: gray 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: white 1px solid;   CURSOR: default; COLOR: black; LINE-HEIGHT: normal; BORDER-BOTTOM: gray 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #FFF3EF; TEXT-ALIGN: center; FONT-VARIANT: normal
}
.navMainSelected {
	BORDER-RIGHT: gray 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: white 1px solid;   CURSOR: default; COLOR: black; LINE-HEIGHT: normal; BORDER-BOTTOM: gray 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #EF9A6B; TEXT-ALIGN: center; FONT-VARIANT: normal
}
.navMainHover {
	BORDER-RIGHT: gray 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: white 1px solid;   CURSOR: default; COLOR: black; LINE-HEIGHT: normal; BORDER-BOTTOM: gray 1px solid; FONT-STYLE: normal; BACKGROUND-COLOR: #EF9A6B; TEXT-ALIGN: center; FONT-VARIANT: normal
}
.boxes {
	padding: 5px;
	border: #ebebeb 1px solid;
	background-color: #F7F7E3;
	 
}
 
 .loginbox {
	padding: 5px;
	FONT-SIZE: 11px;
	border: #ebebeb 1px solid;
	background-color: #FDF1EA;
	height:20px
	 
}
 
 
BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #ffffff
}

.dirlist
{
text-decoration: underlined; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000
}
 
 
A.top_tab:link {font-size:14px;color:black;text-decoration:none}
A.top_tab:visited {font-size:14px;color:black;text-decoration:none}
A.top_tab:active {font-size:14px;color:black;text-decoration:none}
A.top_tab:hover {font-size:14px;color:#EC8C55;background:#FDF1EA;text-decoration:underline}

.top_tab_main{font-size:14px;font-weight:bold}
A.top_tab_main:link {font-size:14px;color:white;text-decoration:none}
A.top_tab_main:visited {font-size:14px;color:white;text-decoration:none}
A.top_tab_main:active {font-size:14px;color:white;text-decoration:none}
A.top_tab_main:hover {font-size:14px;color:#ffffff;background:#EF9A6B;text-decoration:underline}


BODY
{
    FONT-FAMILY: Trebuchet MS
}


h1,h4,h5,h6 {	 
	 
	padding:		2px 20px 2px 20px;
	
	
	FONT-family: arial, helvetica;
	 color: black;
	
}
.oldbg{D9C5BA}
h3,h2 {padding:7px 20px 2px 20px;font-size:18px; height:35px;
	FONT-family: arial, helvetica;}  


TD
{
    FONT: 10pt Trebuchet MS, arial, helvetica
}

A:link
{
    COLOR: #643322
}
A:visited
{
    COLOR: #996633
}
A:hover
{
    COLOR: #000000;
    background:#EF9A6B
}
.oldlink{#3a76d6}
.op{#AC460A}

.breadcrumb{
 FONT-SIZE: 11px;
 LINE-HEIGHT: 20px; 
 FONT-FAMILY: verdana; 
 LETTER-SPACING: -0.5pt; 
 VALIGN: middle
  
}
DIV.logo
{
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #666666 1px solid;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #666666 1px solid;
    PADDING-TOP: 14px;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #f3f3f3;
    TEXT-ALIGN: center
}
DIV.title
{
    PADDING-LEFT: 20px;
    FONT: 20pt arial;
    COLOR: #1778cb;
    LETTER-SPACING: 4px
}
.smallstuff
{
font: 11px arial;
padding-left:5px;
}


#menubar
{
  background-image: url(/images/tabbg14.gif) 
}
#menubar2
{
     background-image: url(/images/tabs20.gif) 
}
DIV.menubar
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 20px;
    FONT: 8pt Trebuchet MS;
    VERTICAL-ALIGN: middle;
    
    COLOR: #666666
}
DIV.menubar A:link
{
    COLOR: #3a76d6;
    TEXT-DECORATION: none
}
DIV.menubar A:visited
{
    COLOR: #3a76d6;
    TEXT-DECORATION: none
}
DIV.menubar A:hover
{
    COLOR: #cc0000;
    TEXT-DECORATION: none
}
#sidebar
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-TOP: 25px;
    match: 
}
DIV.sidebar
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    FONT-SIZE: 8pt;
    LINE-HEIGHT: 13pt
}
DIV.sidebar_block
{
    BORDER-RIGHT: #cccccc 1px dashed;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #cccccc 1px dashed;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #cccccc 1px dashed;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #cccccc 1px dashed;
    BACKGROUND-COLOR: #f5f5f5;
    TEXT-ALIGN: left
}
DIV.nav_block
{
    BORDER-RIGHT: #cccccc 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #cccccc 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #cccccc 1px solid;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #cccccc 1px solid;
    BACKGROUND-COLOR: #f5f5f5;
    TEXT-ALIGN: left
}
TD.nav
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    LINE-HEIGHT: 20px;
    FONT-FAMILY: arial;
    LETTER-SPACING: -0.5pt;
    VALIGN: middle
}
A.nav:link
{
    COLOR: #3a76d6;
    TEXT-DECORATION: none
}
A.nav:visited
{
    COLOR: #3a76d6;
    TEXT-DECORATION: none
}
A.nav:hover
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: none
}
TD.sitestats_details
{
    FONT-SIZE: 7pt;
    COLOR: #444444;
    LINE-HEIGHT: 10pt
}
TD.sitestats-totals
{
    FONT-SIZE: 7pt;
    COLOR: #aaaaaa;
    LINE-HEIGHT: 9pt;
    FONT-STYLE: italic
}
TD.sitestats_users
{
    FONT-SIZE: 7pt;
    COLOR: #d5d5ef;
    LINE-HEIGHT: 10pt
}
#footer
{
    BORDER-TOP: #ebebeb 1px solid
}
TD.footer
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    COLOR: #666666;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #F7F7E3;
    TEXT-ALIGN: right
}
DIV.content
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px
}

.input_box{font-family: Trebuchet MS, Arial, Helvetica; font-size: 12px; font-weight: normal; color: #000000; background-color: #eeeeee; border: 1px solid #333300; vertical-align: middle}
.input_button{font-family: Trebuchet MS, Arial, Helvetica; font-size: 10px; font-weight: bold; color: #000033; background-color: #CCCCCC; border: 1px solid #000000; vertical-align: middle}


DIV.dashedborderleft
{
    BORDER-RIGHT: #cccccc 1px dashed;
    PADDING-RIGHT: 10px;
     
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
     
    PADDING-TOP: 10px;
     
}


DIV.dashedfullborder
{
    BORDER-RIGHT: #cccccc 1px dashed;
    BORDER-LEFT: #cccccc 1px dashed;
    BORDER-TOP: #cccccc 1px dashed;
    BORDER-BOTTOM: #cccccc 1px dashed;
    PADDING-RIGHT: 1px;
     
    PADDING-LEFT: 1px;
    PADDING-BOTTOM: 10px;
     
    PADDING-TOP: 1px;
     
}

DIV.fullborder
{
	padding:		2px 10px 2px 10px;
	background:		rgb(231,231,231);
	border-bottom:	1px solid rgb(0,0,0);
	border-left:	1px solid rgb(0,0,0);
	border-right:	1px solid rgb(0,0,0);
	border-top:	1px solid rgb(0,0,0);

     
}

DIV.dashedborderright
{
    BORDER-LEFT: #cccccc 1px dashed;
    PADDING-RIGHT: 10px;
     
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
     
    PADDING-TOP: 10px;
     
}

A.blockheader:link
{
    COLOR: #3a76d6;
    TEXT-DECORATION: none
}
A.blockheader:visited
{
    COLOR: #3a76d6;
    TEXT-DECORATION: none
}
A.blockheader:hover
{
    COLOR: #000000;
    TEXT-DECORATION: none
}




DIV.articles-editheader {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; MARGIN-LEFT: 4px; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid
}
DIV.articles-panel {
	BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; FONT: 8pt Trebuchet MS; BORDER-LEFT: #cccccc 1px dashed; MARGIN-RIGHT: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px dashed; BACKGROUND-COLOR: #ffffff
}
DIV.articles-title {
	FONT: 10pt Trebuchet MS, arial, helvetica; COLOR: #1778cb
}
DIV.articles-credit {
	FONT-SIZE: 8pt; PADDING-BOTTOM: 3px; COLOR: #999999
}
DIV.articles-content {
	PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; FONT: 8pt Trebuchet MS, arial, helvetica; TEXT-ALIGN: left
}
DIV.articles-footer {
	PADDING-LEFT: 20px
}
DIV.articles-nav {
	PADDING-LEFT: 3px; FONT-SIZE: 8pt; COLOR: #999999; PADDING-RIGTH: 3px
}
TABLE.articles-exception {
	BORDER-RIGHT: #cccccc 0px dashed; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 0px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 8pt Trebuchet MS; BORDER-LEFT: #cccccc 0px dashed; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 0px dashed; BACKGROUND-COLOR: #ffffff
}
TABLE.articles-message {
	BORDER-RIGHT: #cccccc 0px dashed; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 0px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 8pt Trebuchet MS; BORDER-LEFT: #cccccc 0px dashed; MARGIN-RIGHT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 0px dashed; BACKGROUND-COLOR: #ffffff
}
UL {
list-style-image: url(/images/bullet.gif);
}

.Heading2       { COLOR: #000099; FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 13pt; FONT-WEIGHT: bold}
.Heading3       { COLOR: #000099; FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: bold}


.titlebar {color:#ffffff;background-color:#EF9A6B; text-align:center;font-family:Arial,helvetica;font-size:10pt;font-weight:bold}

.maintble {background-color: #FFF3EF;}
.cell {background-color: #FFF3EF;color:#000000}
.cellToday {background-color: #EF9A6B;color:#ffffff}

TABLE#window{ background-color:threedface; padding:1px; color:menutext; border-width:1px; border-style:solid; 

border-color:threedhighlight threedshadow threedshadow threedhighlight; }
TABLE#toolBar0{ background-color:threedface; padding:1px; color:menutext; border-width:1px; border-style:solid; 

border-color:threedhighlight threedshadow threedshadow threedhighlight; }
TABLE#toolBar1{ background-color:threedface; padding:1px; color:menutext; border-width:1px; border-style:solid; 

border-color:threedhighlight threedshadow threedshadow threedhighlight; }
.btnCtrl{ height:18; border-left: threedface 1px solid; border-right: threedface 1px solid; border-top: threedface 1px solid; border-bottom: threedface 1px solid;
}


#SecondaryNav {
 margin-left: 20px;
 padding-left: 8px;
 height: 30px;
 background: #ffffff;
 color: #383D42;
}

 
 

#SecondaryNav ul {
 padding: 0; margin: 0;
}

#SecondaryNav li {
 display: inline; 
 padding-top: 5px;
}

#SecondaryNav li a {
 margin-top: 5px;
 color: #383D42;
 padding-left: 12px;
 padding-right: 12px;
 line-height: 20px;
 height: 20px;
 border-right: 1px solid #F1F2EB;
 text-decoration: none;
 display: block;
 float: left;
}

#SecondaryNav li a:hover { background: #EF9A6B; }
#SecondaryNav li a.current:hover { background: #564B42; }

#SecondaryNav li a.current {
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #FFF;
 background: #564B42;
}
div.successMessage   { background: url(http://www.writewords.org.uk/images/success.png) 0.5em center no-repeat #d6ebcc;}
div.errorMessage  {    background: url(http://www.writewords.org.uk/images/error.png) 0.5em center no-repeat #ffeacc;}
div.messageBox {  margin: 15px 0;}
div.messageBox   {    padding: 0.125em 0.5em 0.25em 25px;    font-weight: normal;}






 #home_page_header {
  height: 33px;
  background: url('/images/banner.jpg') bottom left repeat;
  clear: both;
}

.container {
  margin: 0 auto;
  width: 975px;
}
#home_page_wrap
{
    
 
  }
  #page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 974px;
  text-align: left;
  background-color:#ffffff;
  
}

#menu_bar1 {
  margin:0px 0px 0px 0px;
  padding:8px 0px 0px 20px;
  border:0px dashed #cccccc;
  height:31px;
}
 .loginbox2 {
	padding: 5px;
	FONT-SIZE: 11px;
	border: #ebebeb 1px solid;
	background-color: #FDF1EA;
	height:17px
	 
}
#menu-primary {
  padding-top: 10px;
}


li.menux a{font-size:3em}
ul.links li a{text-decoration:none;}
ul.menu{list-style:none;border:none;text-align:left;}
ul.menu li{margin:0 0 0 0.5em;}
li.expanded{list-style-type:circle;list-style-image:url(/modules/system/../../misc/menu-expanded.png);padding:0.2em 0.5em 0 0;margin:0;}li.collapsed{list-style-type:disc;list-style-image:url(/modules/system/../../misc/menu-collapsed.png);padding:0.2em 0.5em 0 0;margin:0;}li.leaf{list-style-type:square;list-style-image:url(/modules/system/../../misc/menu-leaf.png);padding:0.2em 0.5em 0 0;margin:0;}li a.active{color:#000;}td.menu-disabled{background:#ccc;}
ul.links{margin:0;padding:0;}
ul.links.inline{display:inline;}
ul.links li{display:inline;list-style-type:none;padding:0 0.5em;}
.block ul{margin:0;padding:0 0 0.25em 1em;}
ul.primary{border-collapse:collapse;padding:0 0 0 1em;white-space:nowrap;list-style:none;margin:5px;height:auto;line-height:normal;border-bottom:1px solid #bbb;}
ul.primary li{display:inline;}ul.primary li a{background-color:#ddd;border-color:#bbb;border-width:1px;border-style:solid solid none solid;height:auto;margin-right:0.5em;padding:0 1em;text-decoration:none;}
ul.primary li.active a{background-color:#fff;border:1px solid #bbb;border-bottom:#fff 1px solid;}
ul.primary li a:hover{background-color:#eee;border-color:#ccc;border-bottom-color:#eee;}
ul.secondary{border-bottom:1px solid #bbb;padding:0.5em 1em;margin:5px;}
ul.secondary li{display:inline;padding:0 1em;border-right:1px solid #ccc;}
ul.secondary a{padding:0;text-decoration:none;}
ul.secondary a.active{border-bottom:4px solid #999;}
  ul.links-personal li,ul.links-primary li,ul.links-profile li{border-right:1px solid #ccc;}
ul.links-personal li.last,ul.links-primary li.last,ul.links-profile li.last{border-right:none;}
#menu-primary a{color:#666;font-size:10.5pt;font-weight:bold;}
#menu-primary a:hover{color:#474747;background-color:transparent;}
#header-logo{padding-top:15px;float:left;}
#header-front #header-logo{padding-bottom:10px;}
.clear-block:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear-block{display:inline-block;}/* Hides from IE-mac \*/* html 
.clear-block{height:1%;}
.clear-block{display:block;}
