/* 
common colours 
	blue:#2C529B;
	orange:#e57026;
*/

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;
	padding:0;
	color:#666666;
	background-color:#dcddde;
}
html body {
	font-size:0.8em;
}
form {
	margin:0;
	padding:0;
}
ul {
	margin:0 0 10px 10px;
	padding:0 0 10px 10px;
	list-style-type:square;
}
ul ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	list-style-type:disc;
}
p {
	margin:0;
	padding:0 0 10px 0;
}
h1 {
	font-size:1.1em;
	margin:0;
	padding:0 0 10px 0;
	/*text-transform:uppercase;*/
	color:#2C529B;
}
h2 {
	font-size:1.1em;
	margin:0;
	padding:0 0 10px 0;
	color:#333333;
}
a {
	color:#e57026;
	text-decoration:none;
}
a:hover {
	color:#e57026;
	text-decoration:underline;
}
a img {
	border:0;
}
input.btn {
	color:#fff;
	background:url(images/submit_btn.jpg) top center no-repeat;
	border:none;
	width:85px;
	height:35px;
	cursor:pointer;
}
#all {
	width:960px;
	margin:0 auto;
	border:1px solid #ccc;
	background-color:#FFFFFF;
}
#header {
}
#logo {
	float:left;
	width:200px;
	padding:20px;
}
#header_right {
	float:right;
	width:400px;
	text-align:right;
	padding:20px;
	font-size:1.1em;
	margin-top:50px;
}
#header_right a {
	color:#666666;
}

/**************** menu coding *****************/
.menu {
	clear:both;
	background:url(images/nav_bg.jpg) top center no-repeat;
	height:48px;
	float:left;
	width:927px;
	text-align:center;
	margin:0 0 5px 20px;
	padding-top:3px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:100%; w\idth:927px;margin:0 0 5px 10px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	/*float: left;*/
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	position: relative;
    border-right:1px solid #ccc;
    float:left;
	margin:0;
	padding:0;
}
/* style the links for the top level */

/*.menu a, .menu a:visited {
    color:#2C529B;
    display:block;
    font-size:1.1em;
    font-weight:bold;
	padding:10px 26px 10px 26px;
	margin:0;
    text-decoration:none;
}
*/

.menu a, .menu a:visited {
color:#2C529B;
display:block;
font-size:1.1em;
font-weight:bold;
margin:0;
padding:10px 18.8px;
text-decoration:none;
}

/* a hack so that IE5.5 faulty box model is corrected */
/** html .menu a, * html .menu a:visited {width:140px; w\idth:129px; padding:10px 26px 10px 26px;}*/

/* style the second level background */
/*.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;
}*/
/* style the second level hover */
/*.menu ul ul a.drop:hover{
	background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;
}.menu ul ul :hover > a.drop {
	background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;
}*/

/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}*/
/* style the third level hover */
/*.menu ul ul ul a:hover {
	background:#b2ab9b;
}*/
.menu ul ul {
	margin:0;
	padding:0;
	visibility:hidden;
	position:absolute;
	height:0;
	top:33px;
	left:0; 
	width:140px;
	border:1px solid #ccc;
}
/* another hack for IE5.5 */
* html .menu ul ul {top:33px;t\op:34px;}
/* position the third level flyout menu */
.menu ul ul ul{left:140px; top:-1px; width:140px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-140px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
    color:#2C529B;
	background-color:#eee;
	border-bottom:1px solid #ccc;
    display:block;
    font-size:1em;
    font-weight:normal;
	padding:5px 18px;
	margin:0;
	width:104px;
    text-decoration:none;
	text-transform:capitalize;
	text-align:left;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:140px;w\idth:128px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#e57026; 
	background:#eee;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#e57026; 
	background:#eee;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}
/**************************************************************************************/

#banner {
	clear:both;
	margin-left:20px;
}
#home_image_bit {
	background:url(images/banner_home.jpg) top center no-repeat;
	width:920px;
	height:300px;
}
#home_quote_bit {
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.4em;
	line-height:1.4em;
	width:680px;
	padding:220px 0 20px 40px;
}
#quote_bit {
	background:url(images/banner_quote_bg.jpg) top center no-repeat;
	width:260px;
	padding:110px 10px 17px 0px;
	text-align:right;
	float:left;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.2em;
	line-height:1.4em;
}
#image_bit {
	float:right;
	width:642px;
	margin-right:20px;
}

#search_bar {
	width:250px;
	line-height:40px;
	border-bottom:1px solid #ccc;
	padding:0px;
}
#search_bar form {
	line-height:40px;
}
input#searchsubmit {
	background:url(images/search_btn.jpg) top center no-repeat;
	border:none;
	width:40px;
	height:40px;
	line-height:40px;
	cursor:pointer;
}
#content_wrapper {
	clear:both;
	margin:10px 20px 0 20px;
}

/* Styles specific to homepage */
#left_col {
	float:left;
	width:650px;
}
#home_top {
	background:url(images/home_bg_top.jpg) top left no-repeat;
	height:9px;
}
#home_mid {
	background:url(images/home_bg_mid.jpg) top left repeat-y;
	min-height:50px;
}
#home_btm {
	background:url(images/home_bg_btm.jpg) top left no-repeat;
	height:52px;
}
#right_col {
	float:right;
	width:250px;
}
#reg {
	padding:5px 0;
}
#follow {
	padding:0 0 5px 0;
}
#secondary_mid {
	background:url(images/home_bg_mid.jpg) top left repeat-y;
	min-height:50px;
	padding:10px 20px;
	width:610px;
}

/* Styles specific to secondary pages */

/*#search_bar {
	border-bottom:none;
}
#content_wrapper {
	border-top:1px solid #ccc;
}
#left_col {
	float:left;
	width:220px;
	padding:10px 0;
	text-align:center;
}
#second_top {
	background:url(images/second_bg_top.jpg) top left no-repeat;
	height:11px;
}
#second_mid {
	background:url(images/second_bg_mid.jpg) top left repeat-y;
	min-height:49px;
	padding:10px 20px;
	text-align:left;
}
#second_btm {
	background:url(images/second_bg_btm.jpg) top left no-repeat;
	height:49px;
}
#right_col {
	float:right;
	width:700px;
	padding-top:20px;
}*/
/**************************************************************************/

#footer {
	clear:both;
	font-size:0.8em;
	/*line-height:30px;*/
	padding:5px 20px 5px 20px;
	border-top:1px solid #ccc;
}
#footer_left {
	float:left;
	width:650px;
}
#footer_right {
	float:right;
	width:250px;
	padding-bottom:10px;
	text-align:right;
}
#tags {
	clear:both;
	/*border-top:1px solid #ccc;*/
}