/*css document */


/* common styling*/
body {color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-top: 0;}
img {border: 0; margin: 0;}
a:link{text-decoration: underline; color:  #000066;}
a:visited{text-decoration: underline; color: #000066;}
a:hover{text-decoration: none; color: #000066;}

p.red {color:#CC0000; font-weight:bold;}



/* inject some space between list items*/
#space li, ul.space li, ol.space li {margin: 5px 0 5px 0;}

h1 {/*height: 1.5em;*/
	margin: 20px 0 20px 0;
	font-size: 1.4em;
	color: #000066;
	word-spacing: -0.1em;}

h2 {margin: 20px 0 5px 0;
	font-size: 1.3em;
	color: #000066;}
	
h3 {margin: 18px 0 5px 0;
	font-size: 1.1em;
	color: #000066;}
	
h4 {margin: 18px 0 5px 0;
	font-size: 1.1em;
	color:#CC0000}

th {text-align: left;}

#breadcrumb{text-transform: lowercase; margin-bottom: 10px; height: 1em;}

#print {margin: 10px 0 10px 0; clear: both; float: left; width: 100%;}


	

/***************HEADER START******************/
#header {
background: #fff url(../../images/top.jpg);
width: 960px;
margin-left: auto;
margin-right: auto;
height: 150px;
color: #444444;
border-bottom: 1px solid #CC0000;
}
/***************HEADER END******************/



/***************HEADER2 START******************/
#header2 {
width: 960px;
margin-left: auto;
margin-right: auto;
background-color:#921818;
height: 25px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;

}


/**************HEADER2 END******************/





/***************SIDE  START******************/
/* These divs are floated because the menu is - and so margin top settings work*/ 
#mailing-list {float: left; margin: 20px 0 10px 0; font-size: 0.8em;}
#mailing-list input {margin: 2px 0 2px 0;}


#w3c-l img, #w3c-r img {margin: 10px 0 0 0; width: 70px; height: 25px;}
#w3c-l{float: left;}
#w3c-r{float: right;}
/***************HEADER NAV END******************/

/***************MAIN CONTENT ******************/
#main-holder {margin: 0; width: 770px; clear: both; float: left;}
div.main-right {width: 250px; float: right; display: block; border: 0px solid #FFCC00; padding-left: 10px; text-align:right;}
div.main-left {width: 490px; float: left; padding-right: 10px; border: 0px solid #679BC2; text-align:justify;}
/***************MAIN CONTENT END******************/

img.main {
border-bottom: 0 solid #921818;}

img.left-fses {
margin:15px 15px 0 0 ;
}

/***************BULLET LIST******************/
ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
}

li.bullet_points{
background-image: url(../ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
font-weight: bold;
font-style:italic;
}
/***************BULLET LIST END******************/


/***************BULLET 2 LIST******************/
ul.bullet_points_2{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
}

li.bullet_points_2{
background-image: url(../ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
}
/***************BULLET LIST 2 END******************/


/*///////////////////////////////////////////////////////////////*/
/*Main navigation////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/



ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////*/
list-style: none; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background-color: #fff;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: bold;
font-size:0.9em;
}

ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;
/*///////// width should have the padding subtract ////////////*/
width: 172px;
padding: 6px 0 6px 2px;
color: #000066;
}
ul.mainnav li {
border-bottom: 1px solid #000066;
border-left: 0px solid #999;
}
ul.mainnav li a:hover {
background-color: #fff;
color: #CC0000;
}


/*///////////////////////////////////////////////////////////////*/
/*Form //////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/

tr.order_form_1 td {
/* border-bottom:1px solid #000066; */
padding: 4px 0 4px 0;
}

td.order_form_tickbox {
 /* border-bottom:1px solid #D6614C; */
width: 20px;
text-align:right;
}

tr.order_form_text td { 
padding: 4px 4px 4px 4px;  
vertical-align: middle;
}

tr.order_form_message td { 
padding: 4px 4px 4px 4px;  
vertical-align: top;
}

input.input_box{
margin: 3px 0px 2px 4px;
padding: 2px 4px 4px 4px;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
background-color: #fff;
color: #333; 

}

textarea { 
padding: 4px 4px 4px 4px;  
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
width: 150px; 
background-color: #fff; 
margin-left: 3px;
}