﻿
	
	/*
* multi-line comment
*/
p{ line-height: 22px; 
text-align:justify;}
h1, h2, h3, h4{
    color:#00a3e8;
	font-weight:bold;
	line-height: 1.1em;
	margin: 0 0 .5em 0;
}
h1{ font-size: 1.7em; }
h2{ font-size: 2em; }
a{
	color: black;
	text-decoration: none;
}
	a:hover,
	a:active{ text-decoration: underline; }

/* you can structure your code's white space so that it is as readable for when you come back in the future or for other people to read and edit quickly */
/*
body{
    font-family: arial; font-size: 80%; line-height: 1.2em; width: 100%; margin: 0; background: #eee;
} */

/* you can put your code all in one line like above */
#page{ margin: 20px; }

#body {
     background-image: url("/images/body_bkg.png");
     background-position: center center;
     background-repeat: repeat-y;     
}
body 
{
     font-family: Verdana,Geneva,sans-serif;
     font-size: 12px;
     margin: auto;
     padding: 0pt;
}
body a {
     color: #0066FF;
     text-decoration: none;
}

body a:link {
    
}

body a:visited {
    
}

body a:hover {
     color: #CCCCCC;
}

body a:active {
     color: #CCCCCC;
}

img {
     border: 0pt none;
}


#container {
     background-image: url("/images/container_img.png");
     background-position: center bottom;
     background-repeat: no-repeat;
     border: 0pt none;
     height: auto;
     margin-bottom: 0px;
     margin-left: auto;
     margin-right: auto;
     padding-right: 0px;
     position: relative;
     width: 920px;
}

.container {
     height: auto;
     margin-bottom: 0px;
     margin-left: auto;
     margin-right: auto;
     padding-left: 20px;
     padding-right: 0px;
     position: relative;
     width: 920px;
}


#header {
     float: left;
     font-size: 20px;
     font-weight: 800;
     height: 70px;
     width: 900px;
}

#logo {
     background-image: url("/images/logo.jpg");
     float: left;
	  margin-left:20px;
     height: 53px;
     width: 250px;
}

* html #logo {
     background-image: url("/images/logo.jpg");
     float: left;
	 height: 53px;
     width: 250px;
}

#toplinks {
     float: left;
     height: 33px;
     padding-top: 20px;
     text-align: right;
     width: 600px;
}

#toplinks strong {
     color: #0A41F6;
     font-size: 20px;
     font-weight: 800;
}

.contact_box {
     color: #666666;
     height: auto;
     line-height: 20px;
     margin-left: 20px;
     width: 880px;
}

.contact_left {
     float: left;
     height: auto;
     margin-right: 20px;
     width: 629px;
}

.contact_left h1 {
     color: #0066FF;
     font-weight: 500;
}

.contact_right {
     float: left;
     font-size: 9px;
     height: auto;
     width: 230px;
}

.contact_right h1 {
     color: #FF6600;
     font-size: 14px;
}

.contact_box_contact {
   /*  background-color: #F0F0F0;
     border: 1px solid #999999;*/
     float:right;
     height: auto;
     margin-bottom: 20px;
     padding: 10px;
     width: 270px;
}

.small_list_item li {
	list-style-type:none;
	margin-bottom: 0px;
}
/* or on different lines like below 
#logo{
	width: 35%;
	margin-top: 5px;
	font-family: georgia;
	display: inline-block;
}*/
/* but try and be as concise as possible */
#nav{
	width: 60%;
	display: inline-block;
	text-align: right;
	float: right;
}
	#nav ul{}
		#nav ul li{
			display: inline-block;
			height: 62px;
		}
			#nav ul li a{
				padding: 20px;
				background: orange;
				color: white;
			}
			#nav ul li a:hover{
				background-color: #ffb424;
				box-shadow: 0px 1px 1px #666;
			}
			#nav ul li a:active{ background-color: #ff8f00; }

#content{
	margin: 30px 0;
	background: white;
	padding: 20px;
	clear: both;
}



/* multiple styles seperated by a , */
#content,
ul li a{  }


	         .policy-heading-text
 {
	 color:#00a3e8;
	 font-size:28px;  
	 text-align:center; 
	 float:left;
     width:100%;
     
 }
	      
	      		 .policy-sub-heading
 {
	 color:#666666;
	 font-size:20px;  
	 text-align:left; 
	 float:left;
	 margin-top:15px;
        width:94%;
     padding:0 3%;
     
 }
	
#footer {
    clear: both;
    color: #cccccc;
    font-size: 10px;
    height: 160px;
    margin-left: -10px;
    padding-top: 100px;
    text-align: center;
    width: 920px;
}
#footer a {
    color: #cccccc;
}
#menu-bar-bottom-text a {
    color: #ffffff;
}
#footer_text {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    position: relative;
}
#footer_text a {
    color: #cccccc;
}
#footer_text a:hover {
    color: #cccccc;
}

#sevices-links1{ color: #cccccc;}
#sevices-links2{ color: #cccccc;}
#sevices-links3{ color: #cccccc;}
.font-bold{
	font-weight:bold;}
	
	.top-line{
		border-top:1px solid #dedede;
	}
		
		.clear{
			clear:both;}
			
.line-heght-ul{
				line-height:20px;
				color:#666666;}
