/*=====================Columbianlogistics Style===========================*/

body {

	font-family: Tahoma;

	font-size: 12px;

	margin-right: 0px;

	margin-left: 0px;

	padding-right: 0px;

	padding-left: 0px;

	color: #000000;

}

h1 { font-size:16px;

	font-family:Tahoma;

	color:#000000}

.zone {

	border: 1px solid #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #996600;

}

.logos {

	border: 1px solid #000000;

}

.blackbig {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 25px;

	font-weight: bold;

	color: #000000;

}





a.textlink {

	color: #336699;

	text-decoration: underline;

}

a.textlink:hover {

	color: #CC6600;

	text-decoration: underline;

}





.blackfonts {

	color: #CC6600;

	font-size: 14px;

	font-weight: bold;

}



.clear {

	clear: both;

}

.darkfonts {

	color: #000000;

}

.mapadd {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CCCCCC;

	display: block;

	line-height: 18px;

}



.rightpic {

	float: left;

	margin-right: 15px;

}





#wholebody {

	float: none;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	height: 850px;

}

/*=====================Head Style===========================*/

#head {

	float: none;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

}

#head #top {

	float: none;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	font-family: Tahoma;

	font-size: 10px;

	color: #666666;

}

#head #navigate {

	float: none;

	width: 800px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 1px;

	margin-bottom: 1px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #000000;

	border-bottom-color: #000000;

	background-image: url(../images/navigate_bg.jpg);

	height: 23px;

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	line-height: 22px;

	font-weight: bold;

	visibility: visible;

	z-index: 3;

	position: relative;

}

#head #navigate ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

	float: none;

}

#head #navigate ul li {

	float: left;

	margin: 0px;

	display: block;

	text-align: center;

	padding: 0px;

	height: 23px;

}

#navigate ul li a {

	padding-right: 14px;

	padding-left: 14px;

	color: #000000;

	text-decoration: none;

	line-height: 23px;

}

#navigate ul li a.last {

	padding-right: 17px;

	padding-left: 16px;

	color: #000000;

	text-decoration: none;

	line-height: 23px;

}

#navigate ul li a:hover {

	background-color: #000000;

	text-decoration: none;

	color: #FFD538;

}

/* style the outer div to give it width */

.menu {

	width:800px;

	visibility: visible;

	z-index: auto;

}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none; background:transparent;}



/* style the sub-level lists */

.menu ul ul {

	margin: 0px;

	padding: 0px;

	width: 155px;

}



/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {float:left; display:block;}



/* style the sub level list items */

.menu ul ul li {

	display:block;

	width:155px;

}



/* style the links for the top level */

.menu a, .menu a:visited {

	display:block;

	float:left;

	font-size:1em;

	text-decoration:none;

	color:#fff;

}





/* style the sub level links */

.menu ul ul li a, .menu ul ul li a:visited {

	display:block;

	color:#fff;

	font-family: "Times New Roman", Times, serif;

	font-size: 11px;

	background-color: #fce48d;

	font-weight: normal;

	width: 155px;

	border: 1px solid #333333;

}

* html .menu ul ul a, * html .menu ul ul a:visited  {

	width:155px;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #333333;

	border-left-color: #333333;

}





/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; font-size:1em; z-index:1;}





/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#b4be9c url(sub_grad.gif);}

/* style the fourth level background */

.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#c4ceac url(sub_grad.gif);}

/* style the sub level 1 background */

.menu ul :hover a.sub1 {}

/* style the sub level 2 background */

.menu ul ul :hover a.sub2 {}



/* style the level hovers */

/* first */

* html .menu a:hover {color:#ff0;position:relative; z-index:100;}

.menu li:hover {position:relative;}

.menu :hover > a {color:#ff0;}

/* second */

* html .menu ul ul a:hover{color:#ff0;background:#7aa; position:relative; z-index:110;}

.menu ul ul li:hover {position:relative;}

.menu ul ul :hover > a {color:#ff0;background:#7aa;}

/* third */

* html .menu ul ul ul a:hover {background:#7aa; position:relative; z-index:120;}

.menu ul ul ul :hover > a {background:#7aa;}

/* fourth */

.menu ul ul ul ul a:hover {background:#7aa; position:relative; z-index:130;}





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:155px;}



/* position the third level flyout menu */

.menu ul ul ul{left:12em;top:12px;width:14em;}





/* make the second level visible when hover on first level list OR link ----- LEFT TO RIGHT ALIGNMENT OF DROP DOWN*/

.menu ul :hover ul{visibility:visible; height:auto; padding:0; background:transparent url(images/trans.gif); left:0px;}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover 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;}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/*=====================Maintext Style===========================*/

#maintext {

	float: none;

	width: 800px;

	margin-right: auto;

	margin-left: auto;



}

#maintext #sidebar {

	left:0px;

	top:205px;





	width:205px;

	z-index:1;

	float: right;

}

.sidebarcss h3 {

	margin: 0px;

	padding: 0px;

	height: 24px;

	width: 205px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: bold;

	text-transform: uppercase;

	background-image: url(../images/sidebarh2_bg.jpg);

	display: block;

	text-align: center;

	color: #000000;

	font-size: 11px;

	line-height: 20px;

}

.sidebarcss {

	margin-top: 5px;

	font-size: 11px;

}

.sidebarcss input {

	background-color: #FFD22A;

	border: 1px solid #999999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 15px;

}

.sidebarcss td.con {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #000000;

	border-right-color: #606060;

	border-bottom-color: #606060;

	border-left-color: #606060;

	padding: 6px;

}

.sidebarcss ul {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

.sidebarcss ul li a {

	color: #333333;

	text-decoration: none;

}

.sidebarcss ul li a.more {

	text-align: right;

	color: #333333;

	text-decoration: underline;

	display: block;

}

.sidebarcss ul li a.more:hover {

	color: #CC6600;

	text-decoration: underline;

}



.sidebarcss ul li a:hover {

	color: #333333;

	text-decoration: underline;

}







#containts {

	margin-top: 0px;

	padding-top: 0px;

		top: 1px;

	*top: 0px;

}

ul.yellow {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

}

ul.map {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	margin-left: 20px;

	padding-left: 5px;

}

ul.map li {

	padding-top: 7px;

	color: #666666;

	list-style-image: url(../images/yellowdot2.gif);

}





ul.yellow li {

	list-style-image: url(../images/yellowdot.gif);

	padding-top: 3px;

	padding-bottom: 3px;

	color: #996600;

	margin-left: 20px;

}

ul.yellow ol {

	color: #000000;

	list-style-type: disc;

	list-style-image: none;

}

ul.yellow ol li {

	color: #000000;

	list-style-type: disc;

	list-style-image: none;

}







.user {

	font-size: 11px;

	color: #000000;

}

.user a {

	color: #000000;

	background-color: #FFD430;

	border: 1px solid #000000;

	padding-right: 3px;

	padding-left: 3px;

	text-decoration: none;

	font-weight: bold;

}

.user a:hover {

	color: #000000;

	background-color: #FFFFFF;

}

#contactform {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	background-color: #F8F8F3;

	color: #3D2B0A;

}

#contactform td.line {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}

input.loginput{

	background-color: #FFD22A;

	border: 1px solid #999999;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 15px;

	padding: 3px;

}



#maintext table {

}

#maintext h2 {

	font-size: 20px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	font-weight: bold;

	color: #000000;

}

#maintext h1 {

	font-size: 20px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 2px;

	font-weight: bold;

	color: #000000;}

#maintext p {

	padding-left: 3px;

	line-height: 17px;

	padding-right: 5px;

}

.boldfonts {

	font-size: 14px;

	font-weight: bold;

}

.boldfontslink {

	font-size: 14px;

	font-weight: bold;

	color:#996600;

}

#footer {

	float: none;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin-top: 15px;





}

#footer #top{

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #000000;

	border-bottom-color: #000000;

	background-image: url(../images/navigate_bg.jpg);

	background-repeat: repeat-x;

	height: 23px;

	line-height: 22px;

	padding-right: 5px;

	padding-left: 5px;

	font-size: 11px;

	font-weight: bold;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #000000;

}

#footer #menus {

	font-family:Tahoma;

	text-align: center;

	font-weight: bold;

	font-size: 10px;

	padding-top: 6px;

}

#footer #menus a {

	text-decoration: none;

	color: #000000;

}

#footer #menus a:hover {

	text-decoration: underline;

}

#loginfoot {

	position: relative;

	background-image: url(../images/footerbg.gif);

	background-repeat: repeat-x;

	background-position: top;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #333333;

	text-align: center;

	padding-top: 10px;

}



.designerlink{

	text-decoration:none;

	color:#666666;

	font-family:Tahoma;

	font-size:10px}



.error{color:#CC0000}