/************************************************************
	WordsWorker
		Default Style Sheet
			E.G Systems, August 2003
************************************************************/

/************************************************************
	Page Layout
************************************************************/
body {
	margin: 15px 0 30px 0;
	padding: 0;
	background-color: #efecec;
	text-align: center;
}

#outer {
	margin: 0 auto 0px auto;
	width: 680px;
	background-image : url(../images/hback.gif);
	background-repeat : repeat-y;
}

#container {
	margin: 0 auto 0px auto;
	padding: 0;
	width: 640px;
	background-color: #fefcfc;
	text-align: left;
}

#bottomshadow {
	margin: 0 auto 0px auto;
	width: 680px;
	height: 30px;
	background-image : url(../images/hbottom.gif);
	background-repeat : no-repeat;
}

/************************************************************
	Header
************************************************************/
#header {
	width: 680px;
	height: 85px;
	margin: 0 auto 0px auto;
	background-image : url(../images/head.gif);
	background-position : 0px 0px;
	background-repeat : no-repeat;
}

/************************************************************
	Top Navigation Bar
************************************************************/
#topnav {
	width: 100%;
	height: 22px;
	background-color:  #b92653;
}
  
#topnav a {
	display: block;
	float: left;
	height: 19px;
	margin: 0 0 0 0;
	padding: 3px 12px 0px 12px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#fff;
	text-decoration: none;
	border-right: 1px solid #fee;
}

#topnav a:hover {
	background-color:  #555;
}

#topnav a.activelink {
	background-color:  #555;
}

/************************************************************
	L:eft Navigation
************************************************************/
#leftnav {
	float: left;
	text-align: left;
	margin: 30px 0 0 5px;
	width: 160px;
}
  
#leftnav a {
	display: block;
	height: 14px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family : arial, helvetica, sans-serif;
	font-size: 11px;
}

#leftnav a:hover {
}

/************************************************************
	Content
************************************************************/
#content {
	margin: 0 20px 20px 20px;
	padding: 0 0 0 0;
	text-align: justify;
	vertical-align: top;
	height : 360px;
}

#content p {
	margin: 0 60px 0 180px;
	padding: 0 0 10px 10px;
	border-left:1px solid #ddd;
	font-family : georgia, times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #555;
}

#content p.strapline {
	font-family : "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #b92653;
}

/*
#content p.strapline {
	margin: 20px 0 10px 80px;
	padding: 0;
	border: none;
	font-family : "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	color: #b92653;
}
*/

#content p.top {
	margin-top: 20px;
}

#content ol {
	margin: 0 60px 0 180px;
	padding: 0 0 10px 40px;
	border-left:1px solid #ddd;
	font-family : georgia, times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	text-align: left;
}

#content ul {
	margin: 10px 60px 10px 180px;
	padding-left: 30px;
	border-left:1px solid #ddd;
	font-family : georgia, times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	list-style-image : url(../images/bullet.gif);
	text-align: left;
}

#content li.ex {
	margin-bottom: 10px;
}

#content h1 {
	margin: 20px 0 10px 80px;
	font-family : "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #6c6c6c;
}

#content h2 {
	margin: 5px 0 10px 80px;
	font-family : "trebuchet MS", verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #6c6c6c;
}

#content td {
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #555;
}

#content table.inline {
	margin: 0 60px 0 180px;
	padding-left: 50px;
	border-left:1px solid #ddd;
}

div.pagenav {
	padding: 0 20px 0 0;
	text-align: right;
}

/************************************************************
	Footer
************************************************************/
#footer {
	clear: both;
	height: 32px;
	padding-top: 5px;	
	text-align: center;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color:#555;
	background-color: #eaeaea;
	border-top: 1px solid #ccc;
}

/************************************************************
	Registration Form
************************************************************/
#registerform {
	width: 380px;
	margin-left: 180px;
	border:1px solid #ddd;
}

#registerform hr {
	color: #ccc;
}

#registerform input, textarea, select {
	border: 1px solid #ccc;
	width: 260px;
}

#registerform input.button {
	width: 80px;
	background-color:  #b92653;
	color: #FFF;
	cursor: hand;
}

#registerform input.radio {
	width: auto;
	border: none;
}

#registerform td {
	width: 260px;
	padding: 6px 6px 0 6px;
	text-align: left;
	vertical-align: top;
	background-color:  #fee;
	color: #555;
}

#registerform td.label {
	width: 120px;
	padding: 6px 6px 0 6px;
	text-align: left;
	color: #555;
}

#registerform td.head {
	padding: 3px 0 3px 6px;
	text-align: left;
	background-color:  #b92653;
	color: #FFF;
}

/************************************************************
	Elements
************************************************************/
a {
	color:#555;
	text-decoration: underline;
}

a:hover {
	color: #b92653;
}

a.pagenav {
	display: block;
	margin: 0 0 0 500px;
	font-family : verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;	
}

img {
	border: none;
}

 img.pagenavbutton {
	margin: 4px 0px 2px 0px;
	padding: 0;
}

 img.quote {
	margin: 40px 0 0 0;
	padding: 0;
	float: left;
}

/************************************************************
	Generics
************************************************************/
.dropcap {
	line-height: 0.9;
	font-size: 20px;
	margin-right: 1px;
}