/* CSS Document */
* {margin: 0; padding: 0;}

html, body {height: 100%}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.2;
	background: #173B78;
	text-align: center;
}

p {
	margin: 0 0 10px 0;
	text-align: justify;
}

table {
	margin: 10px 0;
}

table td {
	padding: 5px;
}


h1 {
	font-size: 1.7em;
	font-weight: normal;
	color: #173B78;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.4;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #173B78;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.2;
}

h3 { /*sets main content's left and right columns headings' style and margins - only in the table layout*/
	font-size: 1.2em;
	color:#173B78;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}

h4 { /*sets main content's left and right columns headings' style and margins - only in the table layout*/
	font-size: 1.1em;
	color:#173B78;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: normal;
	text-decoration: underline;
}

ol { 
	list-style: outside; 
	margin-left: 20px;
}

ul { 
	list-style: outside; 
	margin-left: 20px;
}

a {
	color: #B50F22;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.link_text { /*sets content link text's style as default*/
	color: #B50F22;
	text-decoration: none;
}

.link_text:hover { /*sets content link text's style as hovered*/
	color: #B50F22; 
	text-decoration: underline;
}



#bold_text {
	font-size: 1.2em;
	color:#173B78;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
}



#login_form_component { /*sets login components style and width in the left side*/
	width:85px;
	border:1px solid #173B78;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background:#ffffff;
}

#login_form_button { /*sets login button style and border in the left side*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:#F35331;
	border:1px solid #ffffff;
}

.forgot_pass { /*sets "forgot Password" link's style as default*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0000ff;
	text-decoration:underline;
}

.forgot_pass:hover { /*sets "forgot Password" link's style as hovered*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#0000ff;
	text-decoration:none;
}




#heading { /*sets heading's margin*/
	margin-bottom:9px;
}



#section_title1 h3,
#section_title2 h3 { /*sets main content's left and right columns headings' style and margins*/
	font-size:15px;
	font-weight:bold;
	color:#173B78;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:6px;
}


#content { /*sets main content's margin*/
	margin-top:40px;
}

#content_inner { /*sets main content's margin for the inner page*/
	margin-top:30px;
}

#column1 { /*sets main content's left column's alignment, width and margin*/
	float:left;
	width:53%;
	margin-left:5px;
}

#column_inner { /*sets main content's left column's alignment, width and margin for the inner pages*/
	margin-left:5px;
	margin-right:5px;
}

#column_separator { /*sets the separating "column"'s alignment and sizes between main content's left and right columns*/
	float:left;
	background-color:#FFFFFF;
	height:28px;
	width:2%;
}

#column2 { /*sets main content's right column's alignment and width*/
	float:left;
	width:43%;
}

#clear_content_columns { /*sets menu content's left and right columns' horizontal status and provides Xpx height*/
	clear:both;
	height:20px;
}

#section_title1 { /*sets main content's left column title's margins, style and alignment*/
	margin-left:10px;
	margin-bottom:10px;
	height:28px;
	text-align:left;
	background:url(images/title-bg.gif);
}

#section_title2 { /*sets main content's right column title's margins, style and alignment*/
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	height:28px;
	text-align:left;
	background:url(images/title-bg.gif);
}

#intro_text1 { /*sets main content's left column text's style, margin and alignment*/
	text-align:left;
	margin-left:15px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#intro_text2 { /*sets main content's right column text's style, margin and alignment*/
	text-align:left;
	margin-left:15px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}


#intro_text { /*sets main content's left column text's style, margin and alignment for the inner pages*/
	text-align:left;
	margin-left:15px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

#read_more { /*sets "read more" text's margins and alignment*/
	text-align:right;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:30px;
}

.read_more { /*sets "read more" text's style as default*/
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:underline;
}

.read_more:hover { /*sets "read more" text's style as hovered*/
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}





.bullet { /*sets small "bullets" margin in the linked list from the right column of the main content*/
	margin-right:5px;
}

#list { /*sets the linked list's style from the right column of the main content*/
	line-height:20px;
}

#bottom_section { /*sets menu content's left and right columns' horizontal status*/
	clear:both;
	padding-top:20px;
}

#bottom_links { /*sets links alignment and width in the bottom side*/
	float:left;
	width:55%;
}

#xhtml_css_logos { /*sets XHTML and CSS logos' alignment, margin and width in the bottom side*/
	float:left;
	width:22%;
	margin-top:45px;
}

.bottom_link { /*sets links style in the bottom side as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#173B78;
	text-decoration:underline;
}

.bottom_link:hover { /*sets links style in the bottom side as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#173B78;
	text-decoration:none;
}

.bottom_unlink { /*sets "by" word's style in the bottom side*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#173B78;
}

.bfc { /*sets "Fire Protection Online Ltd" text's style in the bottom side*/
	font-weight: normal;
	font-style: italic;
	color:#173B78;
}

.address { /*sets address text's style and margins in the bottom side*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	/*text-align:left;*/
	/*margin-left:145px;*/
	margin-top:10px;
}



ul .read_more { /*sets "read more" text's style as default*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:underline;
}

ul .read_more:hover { /*sets "read more" text's style as hovered*/
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#0000FF;
	text-decoration:none;
}

#form_component { /*sets any form components style and width in the left side*/
	width:250px;
	border:1px solid #173B78;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	background:#ffffff;
}

#form_button { /*sets any form button style and border in the left side*/
	border:1px solid #9c659c;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	background: #B50F22;
}

.question { /*sets "question" text style in the FAQs page*/
	font-weight:bold;
	color:#9c659c;
}


.blue_text { /*sets main content's common text's style and margin*/
	font-size:12px;
	font-weight: bold;
	color:#173B78;
}




/*------------------------------------------------------------------------------------
--------------DS Top Navigation Style-------------------------------------------------
------------------------------------------------------------------------------------*/
#topnav {
	margin: 0; padding: 0;
	width: 770px;
	height: 30px;
	position: relative;
	background: url(topnav.png);
	list-style-type: none;
}

#topnav li {float: left;}

#topnav li a {
	margin: 0; padding: 0;
	position: absolute;
	top: 0;
	display: block;
	height: 30px;
	background: url(images/dsimages/topnav.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}
/*----------Original States---------------------------------------------------------*/
li#nav_log a {left: 0; width: 120px; background-position: 0 0;}
li#nav_hom a {left: 120px; width: 65px; background-position: -120px 0;}
li#nav_abo a {left: 185px; width: 95px; background-position: -185px 0;}
li#nav_joi a {left: 280px; width: 80px; background-position: -280px 0;}
li#nav_fin a {left: 360px; width: 130px; background-position: -360px 0;}
li#nav_how a {left: 490px; width: 175px; background-position: -490px 0;}
li#nav_con a {left: 665px; width: 105px; background-position: -665px 0;}
/*----------Hover States------------------------------------------------------------*/
li#nav_log a:hover {background-position: 0 -30px;}
li#nav_hom a:hover {left: 120px; width: 65px; background-position: -120px -30px;}
li#nav_abo a:hover {left: 185px; width: 95px; background-position: -185px -30px;}
li#nav_joi a:hover {left: 280px; width: 80px; background-position: -280px -30px;}
li#nav_fin a:hover {left: 360px; width: 130px; background-position: -360px -30px;}
li#nav_how a:hover {left: 490px; width: 175px; background-position: -490px -30px;}
li#nav_con a:hover {left: 665px; width: 105px; background-position: -665px -30px;}
/*------------------------------------------------------------------------------------
--------------Top Navigation Style-------------------------------------------------------
-------------------END--------------------------------------------------------------*/
#ds_container {
	margin: 0 auto;
	width: 770px;
	background: url(images/dsimages/white_bg.png) center repeat-y;
	position: relative;
	text-align: left;
	min-height: 100%;
}

* html #ds_container {
	height: 100%;
}


#ds_wrapper {
	margin: 0 auto;
	width: 770px;
	background: url(images/dsimages/bfclogo_fadedbg.png) no-repeat top right;
	position: relative;
	text-align: left;
}

#ds_header {
	width: 770px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#ds_sidebar {
	width: 165px;
	float: left;
}

#ds_content {
	float: right;
	width: 585px;
	padding: 10px;
}

#ds_content img {margin-left: 10px;}

#ds_footer {
	width: 600px;
	padding: 10px 0 10px 170px;
	height: 60px;
	clear: both;
	background-color: none;
}

#footer_ds p {
	font-size: 0.8em;
	margin: 3px 0; padding: 0;
	color: #173b78;
}

/*------------------------------------------------------------------------------------
--------------DS Left Navigation Style-------------------------------------------------
------------------------------------------------------------------------------------*/



#leftnav {
	margin: 0; padding: 0;
	width: 165px;
	background-color: #b50f22;
	float: left;
}

#leftnav ul {
	list-style: none;
	margin: 0; padding: 0;
}

#leftnav li a { 
	display: block;
	color: white;
	background-color: #b50f22;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 5px 0 5px 5px;

}

#leftnav li a:hover {
	background-color: #173b78;
}

#leftnav li.header {
	margin: 0; padding: 0;
}
/*------------------------------------------------------------------------------------
--------------Left Navigation Style-------------------------------------------------------
-------------------END--------------------------------------------------------------*/