@charset "UTF-8";
/* CSS Document */

/**********************************************
BREAD CRUMBS And "BACK" links

*************************************************/
.breadcrumbs {
position:absolute;	
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#00538e;
height:15px;
width:500px;
text-align:left;
line-height:15px;
vertical-align:middle;
z-index:11;
top:260px;
left:222px;
}


.breadcrumbs .arrows {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#00538e;
text-decoration:none;
}


.breadcrumbs a {
color:#00538e;
text-decoration:underline;

}

.breadcrumbs a:visisted {
color:#00538e;
text-decoration:underline;

}

.breadcrumbs a:hover {
color:#B26642;
text-decoration:underline;

}

.breadcrumbs a:active {
color:#00538e;
text-decoration:underline;

}


.back {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00538e;
height:13px;
width:50px;
z-index:100;
left:680px;
position:absolute;
cursor:pointer;
}


.back .arrows {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#00538e;
text-decoration:none;
}


.back a:link {
color:#00538e;
text-decoration:underline;

}

.back a:visisted {
color:#00538e;
text-decoration:underline;

}

.back a:hover {
color:#00538e;
text-decoration:underline;

}

.back a:active {
color:#00538e;
text-decoration:underline;

}





/**********************************************
LEFT COLUMN DIVS

*************************************************/

.left_col {
width:200px;
height:650px;
background-image:url(../images/lft_col_bkgd.jpg);
background-repeat:repeat-x;
float:left;
display:inline;

}

.left_col_2 {
width:200px;
height:500px;
background-image:url(../images/lft_col_bkgd.jpg);
background-repeat:repeat-x;
float:left;
display:inline;

}

.left_col_3 {
width:200px;
height:500px;
background-image:url(../images/lft_col_3_bkgd.jpg);
background-repeat:repeat-x;
float:left;
display:inline;

}

.left_col_4 {
width:200px;
height:650px;
background-image:url(../images/lft_col_4_bkgd.jpg);
background-repeat:repeat-x;
float:left;
display:inline;

}

.nav_buttons1 {
position:absolute;
top:335px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons1hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons1hover', '');")
	);
}

.nav_buttons1:hover, .nav_buttons1hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}


.nav_buttons1_hover {
position:absolute;
top:335px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}



.nav_buttons2 {
position:absolute;
top:381px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons2hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons2hover', '');")
	);
}

.nav_buttons2:hover, .nav_buttons2hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}



.nav_buttons2_hover {
position:absolute;
top:381px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}

.nav_buttons3 {
position:absolute;
top:431px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons3hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons3hover', '');")
	);
}

.nav_buttons3:hover, .nav_buttons3hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}


.nav_buttons3_hover {
position:absolute;
top:431px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}



.nav_buttons4 {
position:absolute;
top:481px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons4hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons4hover', '');")
	);
}

.nav_buttons4:hover, .nav_buttons4hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}

.nav_buttons4_hover {
position:absolute;
top:481px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}


.nav_buttons5 {
position:absolute;
top:531px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons5hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons5hover', '');")
	);
}

.nav_buttons5:hover, .nav_buttons5hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}


.nav_buttons5_hover {
position:absolute;
top:531px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}

.nav_buttons6 {
position:absolute;
top:581px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons6hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons6hover', '');")
	);
}

.nav_buttons6:hover, .nav_buttons6hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}


.nav_buttons6_hover {
position:absolute;
top:581px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}

.nav_buttons6_spec {
position:absolute;
top:581px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons6_spechover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons6_spechover', '');")
	);
}

.nav_buttons6_spec:hover, .nav_buttons6_spechover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}

.nav_buttons6_spec_hover {
position:absolute;
top:581px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}



.nav_buttons7 {
position:absolute;
top:631px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons7hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons7hover', '');")
	);
}

.nav_buttons7:hover, .nav_buttons7hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}


.nav_buttons7_hover {
position:absolute;
top:631px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}




.nav_buttons8 {
position:absolute;
top:681px;
background-image:url(../images/bttn_lft.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
background-color: expression(
		this.onmouseover = new Function("this.className += ' nav_buttons8hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('nav_buttons8hover', '');")
	);
}

.nav_buttons8:hover, .nav_buttons8hover {
	background-image: url(../images/bttn_lft_lght_hover.jpg);
}


.nav_buttons8_hover {
position:absolute;
top:681px;
background-image:url(../images/bttn_lft_hover.jpg);
background-repeat:no-repeat;
width:189px;
height:36px;
cursor:pointer;
text-decoration:none;
}



.nav {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	width:179px;
	height:36px;
	color:#53585F;
	line-height:36px;
	vertical-align:middle;
	padding-left:10px;
}

.nav a:link {
text-decoration:none;
color:#53585F;
}

.nav a:visited {
text-decoration:none;
color:#53585F;
}

.nav a:hover {
text-decoration:none;
color:#53585F;
}


.nav a:active {
text-decoration:none;
color:#53585F;

}


.nav_spec {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	line-height:13px;
	color:#53585F;
	padding-top:5px;
	padding-left:10px;
	height:36px;
	width:179px;
	height:36px;
	cursor:pointer;
}

.nav_spec a:link {
text-decoration:none;
color:#53585F;
}

.nav_spec a:visited {
text-decoration:none;
color:#53585F;
}

.nav_spec a:hover {
text-decoration:none;
color:#53585F;
}


.nav_spec a:active {
text-decoration:none;
color:#53585F;
}


.tab1 {
background-image: url(../images/tab_order_materials.gif);
background-repeat:no-repeat;
width:150px;
height:23px;
float:left;
margin-right:2px;
display:inline;
cursor:pointer;
background-color: expression(
		this.onmouseover = new Function("this.className += ' tab1hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('tab1hover', '');")
	);
}

.tab1:hover, .tab1hover {
	background-image: url(../images/tab_order_materials_hover.gif);
}

.tab2 {
background-image: url(../images/tab_manage_inventory.gif);
background-repeat:no-repeat;
width:150px;
height:23px;
float:left;
margin-right:2px;
display:inline;
cursor:pointer;
background-color: expression(
		this.onmouseover = new Function("this.className += ' tab2hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('tab2hover', '');")
	);
}

.tab2:hover, .tab2hover {
	background-image: url(../images/tab_manage_inventory_hover.gif);
}

.tab3 {
background-image: url(../images/tab_create_campaign.gif);
background-repeat:no-repeat;
width:150px;
height:23px;
float:left;
margin-right:2px;
display:inline;
cursor:pointer;
background-color: expression(
		this.onmouseover = new Function("this.className += ' tab3hover';"),
		this.onmouseout = new Function("this.className = this.className.replace('tab3hover', '');")
	);
}

.tab3:hover, .tab3hover {
	background-image: url(../images/tab_create_campaign_hover.gif);
}






/**********************************************
CENTER SECTION Layout CSS
*************************************************/
.center_section {
float:left;
width:600px;
display:inline;
background-color:#FFFFFF;
}

iframe {
width:600px;
height:555px;
border:none;

}

.center_inside_container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	vertical-align:middle;
	color:#474B51;
	margin-left:20px;
	margin-right:20px;
	margin-top:30px;
}


.center_inside_container h1 {
color:#27A0EA;
font-size:16px;
height:16px;
vertical-align:middle;
padding-top:10px;
padding-bottom:3px;
display:block;
font-weight:normal;
margin-bottom:0px;

}

.center_inside_container h2 {
color:#27A0EA;
font-size:16px;
height:32px;
vertical-align:middle;
padding-top:10px;
padding-bottom:3px;
display:block;
font-weight:normal;
margin-bottom:0px;
}

.center_inside_container h3 {
color:#27A0EA;
font-size:16px;
height:16px;
vertical-align:top;
padding-bottom:3px;
display:block;
font-weight:normal;
margin-bottom:0px;
margin-top:0px;
padding-top:8px;
}


.sup {
color:#27A0EA;
font-size:11px;
height:16px;
vertical-align:top;
font-weight:normal;
}




.center_inside_container .col1{
	float:left;
	margin-right:5px;
	width:265px;
	text-align: justify;
}

.center_inside_container .col1 li{
	text-align: left;
	margin-left:-10px;
	margin-bottom:3px;
	
}



.heading {
width:265px;
border-bottom:#babcc3 1px solid;
}


.mangmnt_team {
width:540px;
height:29px;
border-bottom:#babcc3 1px solid;
margin-bottom:15px;
}


.center_inside_container .col2 {
float:right;
margin-left:5px;
width:265px;
text-align: justify;
}

.center_inside_container .col1 h2{
font-family:Arial, Helvetica, sans-serif;
color:#474B51;
font-size:12px;
font-weight:bold;
height:20px;
padding-bottom:0x;
}

.center_inside_container .col2 li{
	text-align: left;
	margin-left:-10px;
	margin-bottom:3px;
}

.center_inside_container .col2 h2{
font-family:Arial, Helvetica, sans-serif;
color:#474B51;
font-size:12px;
font-weight:bold;
height:20px;
padding-bottom:0x;
}


.center_inside_container .col1_wide {
	float:left;
	width:540px;
	text-align: justify;
	margin-bottom:15px;
}

.center_inside_container .col1_wide li{
	text-align: left;
	margin-left:-10px;
	
}

.center_inside_container .col1_wide a:link {
color:#27A0EA;
}

.center_inside_container .col1_wide a:visited {
color:#27A0EA;
}

.center_inside_container .col1_wide a:hover {
	color:#27A0EA;
}


.center_inside_container .col1_wide a:active {
color:#27A0EA;
}




.center_inside_container .col1_wide h2 {
font-family:Arial, Helvetica, sans-serif;
color:#474B51;
font-size:12px;
font-weight:bold;
margin-bottom:5px;
padding:0px;
}

.span {
color:#27A0EA;
font-weight:normal;
}


.animai {
margin:0px;
padding:0px;
cursor:pointer;
display:block;
}

.about_animai {
margin:0px;
padding:0px;
cursor:pointer;
display:inline;
float:left;
}




/**********************************************
RIGHT COLUMN

*************************************************/

.right_col {
width:100px;
height:177px;
background-color:#ffffff;
display:inline;
float:right;
}

.right_col div {
color:#27A0EA;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
padding:3px 0px 3px 0px;
border-top:#27A0ea 1px solid;
border-bottom:#27A0ea 1px solid;
}

.right_col div p {
color:#9ba0aa;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:11px;
vertical-align:middle;
margin:4px 0px 5px 0px;
padding:0px 2px 0px 2px;
}

.menu_bar_position {
margin-top:75px;
}


.right_col div p a  {
color:#848992;
text-decoration:none;
}

.right_col div p a:visited  {
color:#848992;
text-decoration:none;
}

.right_col div p a:hover {
color:#9ba0aa;
text-decoration:none;
}

.right_col div p a:active  {
color:#848992;
text-decoration:none;
}

/**********************************************
RIGHT SIDE BAR

*************************************************/


.right_sidebar {
width:100px;
background-color:#ebeaeb;
display:inline;
float:right;
border-top:#BABCC3 1px solid;
border-bottom:#BABCC3 1px solid;
}

.right_sidebar div {
color:#848992;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
padding:3px 0px 3px 0px;
font-weight:normal;

}

.right_sidebar div h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#53585F;
padding:0px 0px 3px 3px;
margin:0px;
font-weight:normal;
border-bottom:#BABCC3 1px solid;
}

.right_sidebar div p {
color:#53585F;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
margin:4px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-weight:normal;
}

.menu_bar_position {
margin-top:75px;
}

.right_sidebar div p a  {
font-size:9px;
color:#9ba0aa;
text-decoration:none;
}

.right_sidebar div p a:visited  {
font-size:9px;
color:#9ba0aa;
text-decoration:none;
}

.right_sidebar div p a:hover {
font-size:9px;
color:#27A0EA;
text-decoration:none;
}

.right_sidebar div p a:active  {
font-size:9px;
color:#9ba0aa;
text-decoration:none;
}



/**********************************************
RIGHT SIDE BAR JOBS

*************************************************/


.right_sidebar_jobs {
width:99px;
background-color:#73a1c1;
display:inline;
float:right;
border-left:#00538e 1px solid;
}


.right_sidebar_jobs div {
padding:3px 0px 5px 0px;

}

.right_sidebar_jobs div h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#daedfa;
padding:0px 0px 3px 3px;
margin:0px;
border-bottom:#8cd0fa 2px solid;
}

.right_sidebar_jobs div p {
color:#daedfa;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
margin:5px 2px 6px 3px;
padding:0px 0px 0px 0px;
font-weight:normal;
}

.right_sidebar_jobs a:link {
color:#daedfa;
text-decoration:underline;
}

.right_sidebar_jobs a:visited {
color:#daedfa;
text-decoration:underline;
}

.right_sidebar_jobs a:hover {
	color:#00538e;
text-decoration:underline;
}

.right_sidebar_jobs a:active {
color:#daedfa;
text-decoration:underline;
}

.menu_bar_position {
margin-top:75px;
}