/*********************** 
*  	layout *
***********************/

#contentL {
float:left; 
width:560px; 
}

#content-all {
float:left; 
width:800px;
}

#contentR {
float:right; 
width:230px
}

#content {
float:left; 
width:810px; 
position:relative; 
left:18px; 
top:40px;
}

.spacer {
height:10px;
}

.spacer-footer {
height:50px;
}

.hr { 
background:url(../_images/hr.jpg) no-repeat bottom left;
height:20px;
}

/*********************** 
*  	default    *
***********************/

a  {
color:#156cb6;
text-decoration:underline;
}


a:visited {
color:#156cb6;
text-decoration:underline;
}

a:active  {
color:#156cb6;
text-decoration:underline;
}

a:hover{
color:#d30000;
text-decoration:underline;
}


/** Jo 13-08-08 **/


#list ul  {
list-style-type:circle;
padding:0px;
margin:0px;
}


#list ul li {
padding:0px 40px;
padding:0px 40px;
font-size:1em;
font-weight:normal;
color:#000000;
background-image:none;
}

ul {
    padding-left:3em;
	padding-bottom:1em;
    margin-left:0;
	font-weight:normal;
}

li {}

ol {
    padding-left:3em;
    margin-left:0;
	font-weight:normal;	
}

/*********************** 
*  	body  *
***********************/

h1 {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:22px;
font-weight:bold;
color:#235e7e;
padding-bottom:5px;
margin:0px 0px 10px 0px;
border-bottom: 1px solid #dedede;
}

h2 {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:16px;
font-weight:bold;
color:#bd0707;
/*color:#458bc7;*/
margin:10px 0px 5px 0px;
}

h2.blue {
color:#458bc7;
}

h2.red {
color:#bd0707;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#156cb6;
margin: 10px 0px 5px 0px;
}


h4 {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
font-weight:bold;
color:#d30000;
text-decoration:underline;
margin:15px 0px 5px 0px;
}

h5 {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
color:#727272;
margin:0px 0px 10px 0px;
padding:10px 5px;
border-bottom: 1px solid #dedede;
display:block;
background:#edf2f5;
position:relative;
top:-10px;
}

h5.line {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:15px;
color:#235e7e;
margin:15px 0px 15px 0px;
padding:10px 5px;
border-bottom: 1px solid #dedede;
border-top: 1px solid #dedede;
background:#fff;
position:relative;
top:0;
}

/*********************** 
*  rfq 1    *
***********************/

#rfq {
float:right;
height:225px;
width:193px;
position:relative;
right:5px;
background:url(../_images/request-quote-2.jpg) no-repeat top;
}

#rfq a{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
font-weight:bold;
text-decoration:none;
position:relative;
left:10px;
top:25px;
color:#000;
}

#rfq a:active{
color:#000;
}

#rfq a:visited{
color:#000;
}

#rfq a:hover{
color:#449cc4;
}

/*********************** 
*  rfq 2    *
***********************/

#rfq2 {
float:right;
height:259px;
width:191px;
position:relative;
right:5px;
background:url(../_images/request-quote.jpg) no-repeat top;
}

#rfq2 a{
font-family:"Trebuchet MS", Arial, Verdana;
font-size:14px;
font-weight:bold;
text-decoration:none;
position:relative;
left:10px;
top:8px;
color:#000;
}

#rfq2 a:active{
color:#000;
}

#rfq2 a:visited{
color:#000;
}

#rfq2 a:hover{
color:#449cc4;
}


/*********************** 
*  	infoBox      *
***********************/

#services {
margin:0px 0px 50px 0px;
}

#services h2 {
font-family:"Trebuchet MS", Arial, Verdana;  
color:#fff;
font-size: 14px;
font-weight:bold;
margin:0px;
position:relative;
top:7px;
left:5px;
}

.iBox {
border:1px solid #b9b9b9; 
float:left;
padding:1px;
}

.iBoxContainer {
width:260px;  
height:210px;
background:url(../_images/gradient.gif) repeat-x bottom #fff;
}

.iBoxH {
height:33px;
/*background:url(../_images/info_box_gradient2.jpg) repeat-y right #2d79a2;*/
background:url(../_images/info_box_gradient.jpg) repeat-y right #2240ae;
}

.iBoxC {
width:245px;
height:125px;
position:relative;
left:5px;
top:10px;
}

.iBoxU {
position:relative;
left:10px;
}

.infoImg {
float:right;
padding:1px;
border:1px solid #b8b6b6;
margin-left:5px;
margin-bottom:5px;
}

.arrow {
background:url(../_images/arrow.gif) no-repeat left;
padding:0px 20px;
}

.arrow a {
color:#2675a0;
text-decoration:underline;
}

.arrow a:visited {
color:#2675a0;
text-decoration:underline;
}

.arrow a:active {
color:#2675a0;
text-decoration:underline;
}

.arrow a:hover{
color:#e22c2e;
text-decoration:underline;
}

/*********************** 
*  	anchors  *
***********************/

#course-nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#course-nav li{
background:url(../_images/arrow_sm.gif) no-repeat left;
}

#course-nav a {
display: block;
padding: 8px 5px;
margin-left:15px;
width: 170px;
border-bottom:1px dotted #bcbcbc;
color:#27749d;
text-decoration:none;
}

#course-nav a:hover {
color:#27749d;
text-decoration:none;
background:#e2eef5;
}


.notice {
width:190px;
margin-left:0px;
margin-top:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
line-height:17px;
/*border:1px solid #dedede;  border color, per usual */
background:#a43d3d;
padding:10px;
color:#fff;

}

/**************** 
*  instruction *
****************/
.step-wrap {
margin-bottom:20px;
border:1px solid #000;
}


.step {
background:#ededed;
float:left;
}

.stepT {
background:url(../_images/step-t.gif) no-repeat top;
width:521px;
height:11px;
}

.stepB {
background:url(../_images/step-b.gif) no-repeat bottom;
width:521px;
height:11px;
}

.stepC {
position:relative;
left:20px;
}

.steptm {
position:relative;
left:20px;
font-size:14px;
font-weight:bold;
color:#626262;
}

.steptm p{
font-size:11px;
font-weight:normal;
}




/*********************** 
*  	form      *
***********************/
.formDetail {
}

.formDetail td {
color:#000;
height:25px;
}

.formFeild {
border:1px solid #fff;
font:12px Arial, Helvetica, sans-serif;
width:300px;
border:1px solid #9bbed3;
}

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

.errorWarning {
color:#CC0000; 
font-weight:bold;
padding:10px 0px;
}


/*********************** 
*  	 courses  *
***********************/
.courses {
margin-bottom:30px;
}

courses h2 {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:16px;
font-weight:bold;
color:#d30000;
margin:10px 0px 5px 0px;
}

.coursesT {
background:url(../_images/courses-t.gif) no-repeat top #f1f4f7;
width:545px;
height:10px;
}

/*COURSE HOVER BLOCK*/

.courses-block {
margin:0;
padding:0;
width:545px;
}

.courses-block ul {
list-style-type: none;
margin:0;
padding:0;
width:auto;
} 

.courses-block li {
margin: 0;
padding:0;
}

.courses-block li a, 
.courses-block li a:visited,
.courses-block li a:active
{ 
color: #000000;
background:url(../_images/courses-bg.gif) no-repeat bottom #f1f4f7;
display: block;
padding:5px 10px 5px 10px;
margin:0;
text-decoration: none;
text-align:left;
}

.courses-block li a span{
display:block;
padding:0px 0px 10px 0px;
}

* html #courses-block li a {  /* make hover effect work in IE */
width:auto;
display:block;
}

.courses-block li a:hover {
background:url(../_images/courses-bg-o.gif) no-repeat bottom #f1f4f7;
width:auto;
display:block;
}

span.courses-redtxt {
display:block;
color:#CC0000;
text-decoration:underline;
text-align:right;
}


/*********************** 
*  	 about us *
***********************/

#float-left {
float:left; 
width:48%; 
border-right:1px solid #c5c5c5;
}

.float-right-p {padding:0px 0px 0px 10px;}

#float-right {
float:left; 
width:50%; 
}

.float-left-p   {padding:0px 15px 0px 0px;}

/*********************** 
*  	 courses  *
***********************/

.greybox {
width:702px;
}

.greybox-t {
background:url(../_images/grey-box-t.gif) no-repeat top #f3f3f3;;
width:702px;
height:11px;
}

.greybox-b {
background:url(../_images/grey-box-b.gif) no-repeat top #fff;
width:702px;
height:11px;
}

.greybox-c {
background:#f3f3f3;
padding:0px 11px;
}

.box-left {
float:left; 
width:300px;
padding:0px 15px 10px 10px; 
border-right:1px solid #d6d5cf;
}

.box-right {
float:left; 
width:300px;
padding:0px 10px 10px 20px; 
}

/* box styles */

.normal{
font-weight:normal;
}

/*********************** 
*  	img              *
***********************/

.pageImg {
text-align:right;
margin:30px 0;
position:relative;
}

.pageImg img{
padding: 2px;
background:#fff;
border:1px solid #cdcdcd;
}

/*********************** 
*  	workshops           *
***********************/

#courselist {
float:right; 
width:230px; 
margin-left:10px; 
margin-bottom:20px;
position:relative; 
right:-15px; 
top:10px;
}

#course-details {
float:left; 
width:540px;
}


#courselist h2 {
font-family:"Trebuchet MS", Arial, Verdana;
font-size:16px;
font-weight:bold;
color:#bd0707;
/*color:#458bc7;*/
margin:10px 0px 5px 0px;
}


/*********************** 
*  	workshops           *
***********************/


#ie6Warning {
background: #e3e3e3;
border-bottom: 5px solid #000;
padding: 10px 10px 1px;
margin-bottom: 10px;
margin:0 auto;
color:#000;
font-size:17px;
font-weight:bold;
}

#ie6Warning h2 {
background: url(http://www.bringdownie6.com/assets/ie6-warning.gif) 0 50% no-repeat;
padding-left: 40px;
font-size:32px;
}