/*
 * reset
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }
a:focus { outline: none; }

/* CSS Document */
body {background:#f4f3f3;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#333
}
h2 {padding:0 0 12px;font-size: 2em;color:#000000; font-weight:normal; text-transform: capitalize;
}
h3 {padding:0 0 10px;font-size: 1.8em;color:#24A7ED;font-weight:normal; line-height:1em; text-transform: capitalize;
}
h4 {font-size: 1em
}
#wrapper {width:820px; margin:auto auto; background:#fff;
} 
#header {height:100px;
} 
	#home #header h1 {margin-top:2px; }
	#header h1 a {
	float:left;
	text-indent: -9999px;
	width: 244px;
	margin: 10px 0 0 20px!important;
	display: block;
	overflow:hidden;
	border-bottom: medium none;
	height: 73px;
	background-image: url(images/canman_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu {

}

div.header-b1 {	background: url(../images/header_corners.png) 0 0 no-repeat; border-bottom:thin solid #ccc;}

div.header-b2 {
	padding: 0px;
	background: url(../images/header_corners.png) 100% -60px no-repeat;
}

div.header-b3 {
	height: 40px;
	overflow: hidden;		
	background: url(../images/header_corners.png) 0 -120px repeat-x;
}
/*
 * menu
 */

 
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	position: relative;
	list-style:none
	margin: 0px;
	padding: 0px;
}

#menu a,
#menu span { display: block; }
#menu a { text-decoration: none; }

 
#menu span.icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
}

 
#menu ul.menu { float: left; }

#menu li.level1 {
	margin-left: -2px;
	background: url(../images/menu_level1_item.png) 100% 0 no-repeat;
	float: left;
}

#menu a.level1,
#menu span.level1 {
	float: left;
	padding: 0px 20px 0px 18px;
}

#menu a.level1 span.bg,
#menu span.level1 span.bg {
	height: 45px;
	float: left;
	line-height: 45px;
	font-size: 12px;
	color: #323232;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}
/* 
#menu li.level1:hover,
#menu li.level1.remain {
	background-position: 0 -55px;
	background-repeat: repeat-x;
} 
*/
#menu li:hover .level1 span.bg,
#menu li.remain .level1 span.bg {
	color: #24A7ED;
}
#menu li.level1.last {
}
 
#menu li.parent a.level1,
#menu li.parent span.level1 {
	background: url(../images/menu_level1_item.png) 10px -110px no-repeat;
	padding-left: 30px;
}

#menu li.parent:hover a.level1,
#menu li.parent.remain a.level1,
#menu li.parent:hover span.level1,
#menu li.parent.remain span.level1 { background-position: 10px -165px; }

#menu li.parent a.level1.active { background-position: 10px -220px; }

#menu li.parent:hover a.level1.active,
#menu li.parent.remain a.level1.active { background-position: 10px -165px; }

 
#menu li.active .level1 span.bg {
	color: #000;
	font-weight: bold;
}

#menu li.active:hover .level1 span.bg,
#menu li.active.remain .level1 span.bg { color: #000; }

 
#menu a.level1 span.title,
#menu span.level1 span.title {
	font-size: 12px;
	line-height: 34px;
}

 
#menu a.level1 span.subtitle,
#menu span.level1 span.subtitle {
	margin-top: -8px;
	font-size: 9px;
	font-weight: normal;
	line-height: 10px;
}

 
#menu .dropdown {
	position: absolute;
	top: 45px;
	left: -999em;  
	z-index: 100;
	 
}

#menu li:hover .dropdown,
#menu li.remain .dropdown { left: -5px; }

#menu .dropdown-t1 { background: url(../images/menu_dropdown_corners.png) 0 -51px no-repeat; }

#menu .dropdown-t2 {
	padding: 0px 5px 0px 5px;
	background: url(../images/menu_dropdown_edges.png) 100% -11px no-repeat;
}

#menu .dropdown-t3 {
	height: 5px;
	background: #5495C9;
	border-bottom: 1px solid #ffffff;
}

#menu .dropdown-1 { background: url(../images/menu_dropdown_edges.png) 0 0 repeat-y; }

#menu .dropdown-2 {
	padding: 0px 6px 0px 6px;
	background: url(../images/menu_dropdown_edges.png) 100% 0 repeat-y;
}

#menu .dropdown-3 {
	padding: 0px 0px 0px 0px;
	background: #f9f9f9 url(../images/menu_dropdown_bg.png) 0 100% repeat-x;
	overflow: hidden;
}

#menu .dropdown-b1 { background: url(../images/menu_dropdown_corners.png) 0 0 no-repeat; }

#menu .dropdown-b2 {
	padding: 0px 7px 0px 7px;
	background: url(../images/menu_dropdown_corners.png) 100% -17px no-repeat;
}

#menu .dropdown-b3 {
	height: 7px;
	background: url(../images/menu_dropdown_corners.png) 0 -34px repeat-x;
}

 
#menu ul.level2 { background: url(../images/menu_level2_line_v.png) 100% 0 repeat-y; }
#menu ul.last { background: none; }

#menu .hover-box1 { overflow: hidden; }

 
#menu li.level2 { 
	margin-right: 2px;
	padding-bottom: 1px;
	background: url(../images/menu_level2_item.png) 0 100% repeat-x;
}
#menu ul.last li.level2 { margin-right: 0px; }
#menu li.level2.last { background: none; }

#menu a.level2:hover { background:  url(../images/menu_level2_item_hover.png) 0 0 repeat-x; }

#menu a.level2 span.bg,
#menu span.level2 span.bg {
	padding-left: 10px;
	line-height: 30px;
	color: #323232;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#menu a.level2:hover span.bg { color: #9D1C1F; }

 
#menu li.level2 a.current span.bg { font-weight: bold; } 
#menu li.level2:hover a.parent { background:  url(../images/menu_level2_item_hover.png) 0 -210px repeat-x; }

 
#menu a.level2 span.subtitle,
#menu span.level2 span.subtitle {
	margin-top: -10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
}

 
#menu a.level2 span.icon,
#menu span.level2 span.icon {
	min-height: 40px;
	padding-left: 45px;
	line-height: 40px;
}
#menu a.level2 span.icon span.title,
#menu span.level2 span.icon span.title { line-height: 28px; }
#menu a.level2 span.icon span.subtitle,
#menu span.level2 span.icon span.subtitle { line-height: 16px; }

 
#menu .sub { padding: 0px 10px 0px 10px; }

#menu ul.level3 { padding-bottom: 10px; }

#menu a.level3 { background: url(../images/menu_level3_item.png) 0 0 no-repeat; }
#menu a.level3:hover { background-position: 0 -35px; }

#menu a.level3 span.bg,
#menu span.level3 span.bg {
	padding-left: 10px;
	line-height: 17px;
	font-size: 11px;
	color: #323232;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

#menu a.level3:hover span.bg { color: #9D1C1F; }

#menu .columns2 ul.level2,
#menu .columns3 ul.level2,
#menu .columns4 ul.level2 { float: left; }

#menu .columns2 ul.level2 {	width: 50%; }

#menu .columns3 ul.level2 { width: 34%; }
#menu .columns3 ul.first,
#menu .columns3 ul.last { width: 33%; }

#menu .columns4 ul.level2 { width: 25%; }


#home #content, #home #rightpanel{padding-top:0}
#container {width: 816px;background-color:#FFFFFF
}
#content {width: 550px;padding:30px 20px 30px 30px;float:left; background-color:#FFFFFF
}
#content p {line-height:1.45em; padding-bottom:10px;
}
#rightpanel {width: 195px;padding-top: 30px;padding-right: 20px;text-align:left;float: right;background-color:#FFFFFF
}
.clear {clear: both
}
#rightpanel a:link, #rightpanel a:visited, #rightpanel a:active {color: #333;font-weight:normal;text-decoration: none
}
#rightpanel a:hover  {color: #ff7b00;
}
#rightpanel h4 {color: #24a7ed
}
.homepanel {padding-top: 5px;width:33%;height: 115px;float: left;vertical-align: middle
}
.homepanel p {margin-top: 0;padding-top: 0
}
#links {padding-left: 200px;padding-right: 30px;float: right;margin-top:20px; color:#BBB
}
#links a:link, #links a:visited{color:#333; text-decoration: none; font-size:0.8em;
}
#links a:hover {color: #FF6600;
}
#footer {width:100%;height: 90px;background:#f4f3f3 url(/images/bgfooter.gif) repeat-x
}
#footer p {margin:0px;margin-right: 40px;margin-left: 10px;padding-top: 65px;font-size: 0.8em
}
#footer a:link, #footer a:visited{color: #555;text-decoration: none
}
#footer a:hover {color:#BBB;text-decoration: none
}
#innercontent {width: 610px;padding:30px 20px 30px 30px;float: left;background-color:#FFFFFF
}
#innercontent ul{padding:0.4em 0em 2em 1em;
}
#innercontent li{line-height:1.8em; list-style:square; list-style-position:inside;
}
#innercontent p{line-height:1.45em; margin-bottom:10px;
}
#white {background-color:#FFFFFF;background-image: url(/images/white.gif);background-repeat:repeat;
}
#leftnav {padding: 0;padding-right: 0;margin:18px 0 0 0;text-align: right;width: 156px;float: left
}
#leftnav li {list-style: none;margin: 0;border-top: 1px solid gray;
}
#leftnav li a {text-decoration: none;color: #24a7ed;width: 156px;height: 26px;display: block; padding-top:2px;
}
#leftnav li a:hover, li .highlight {color: #666;background-color: #efefef;margin:0;
}
#sublinks {font-size: 0.85em;color: #555;margin: 0;padding: 0;padding-top: 3px
}
#sublinks br {line-height: 0px
}
#sublinks a:link {text-decoration: none;color: #000;margin-top: 0;margin-bottom: 0
}
#sublinks a:visited {text-decoration: none;color: #000;margin-top: 0;margin-bottom: 0
}
#sublinks a:hover {text-decoration: none;color: #000;background-color: #efefef;margin-top: 0;margin-bottom: 0
}
fieldset {margin-top:1em;padding: 1em;border: 1px solid #ccc;background: #f8f8f8 url(images/lightgraybg.png)
}
label {color:#000;font-weight:bold;
}
.heading {font-weight:bold}
input.radio {width:10px;margin-right: 3px;margin-left: 3px
}
.radio {margin-left:120px
}
label.spend, label.many, label.no, label.apps, label.board , label.hear, label.type {width:340px;font-weight:bold;margin-top:10px
}
input#spend, input#many, input#board {margin-top:10px;margin-left:20px;width: 80px;float: left;
}
select#no, select#apps, select#hear {margin-top:10px;margin-left:20px;float: left;
}
textarea {width:400px;
}
label.comment {width:400px
}
select#type {margin-top:10px;margin-left:20px;
}
#content ul li {list-style-type:circle;color: #333;
}
#content a:link, #content a:visited {font-weight: bold;text-decoration: none;color: #24a7ed
}
#content a:hover {font-weight: bold;text-decoration: underline;color: #000
}
#innercontent a:link, #innercontent a:visited{font-weight: normal;text-decoration: none;color: #24a7ed
}
#innercontent a:hover {font-weight: normal;text-decoration: underline;color: #000
}
object#flash {position: absolute;margin-left: -10px;z-index:5
}
.divider {width: 590px;height: 1px;background-image: url(/images/divider.gif);background-repeat: no-repeat
}   
#sitemap{/*margin-top: -381px;display:inline;*/float: left;margin-left: 4em;
}
#sitemap1{float: left;/*position: relative;*/
}

/*Side BOX

/* next-steps Styles */
.side-box{
	width: 200px;
	background: url(images/bg-next-steps-2.jpg) no-repeat 0 100%;
	padding: 0 0 12px;
	margin: 0 0 20px;
}
.side-box p{ padding-bottom:10px}
.side-box-area{
	width: 190px;
	border: solid 1px #d1d1d1;
	border-bottom: none;
}
.side-box span.side-box-t,
.side-box span.side-box-b {
	background: url(images/side-box-ns.gif) no-repeat;
	overflow: hidden;
	display: block;
	height: 13px;
	width: 100%;
}
.side-box span.side-box-b {
	background-position: -428px 0;
	height: 15px;
}
.side-box .side-box-holder {
	background: url(images/side-box-ns.gif) repeat-y -214px 0;
	width:160px;
	padding:0 15px;
}
.side-box .side-box-holder:after {
	display: block;
	content: "";
	clear: both;
}
input {border:1px solid #C0C0C0; background:#F6F6F6; padding:2px; margin-bottom:10px;}

.lsb{background:#eee url(/images/button.png)no-repeat bottom;font:15px arial,sans-serif;border:solid 1px;border-color:#ccc #999 #999 #ccc;color:#000;cursor:pointer;height:30px;margin:0;outline:0;vertical-align:top; text-align:center;}
.lsb:active{background:#ccc}

.btn-next{background:#eee url(../images/next.gif) no-repeat top left; width:91px; height:34px; text-indent:-9999; overflow:hidden}
.btn {
	background: url(../images/bg_button.gif) bottom left repeat;
	display: block;
	border-color:#D2D2D2 #D2D2D2 #CCCCCC #CCCCCC;
	border-style:solid;
	border-width:1px;
	text-align:center;
	width:130px;

}
.btn a {
	display: block;
	padding: 8px 5px;
	font-size:1em;
	color:#666!important;
	font-weight:bold!important;
}
.btn a:hover {text-decoration: none!important; color:#000!important}

#left {
	position: relative;
	left: -50%;
	float: left;
	overflow:hidden;
}
#right {
	float: left;
	overflow:hidden;
}
/*
 * Layout position
 */
.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }
.center{margin:auto auto}

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width75 { width: 75%; }
.width100 { width: 100%; }
/*
 * unsorted lists
 */

/* icon style */
ul.arrow,
ul.checkbox,
ul.check,
ul.star {
	margin: 10px 0px 10px 0px;
	padding-left: 20px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li {
	margin: 5px 0px 5px 0px;
	padding-left: 35px;
	font-weight: bold;
	line-height: 26px!important;
	list-style:none!important;
}

ul.arrow li { background: url(/images/list_arrow.png) 0 0 no-repeat; }
ul.checkbox li { background: url(/images/list_checkbox.png) 0 0 no-repeat; }
ul.check li { background: url(/images/list_check.png) 0 0 no-repeat; }
ul.star li { background: url(/images/list_star.png) 0 0 no-repeat; }