/* CSS Document */
*
{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body
{
	background: url(/cassia/images/body-bg.gif);
	text-align: center;
}
.top-tail
{
	background: url(/cassia/images/top-tail.gif) top repeat-x;
}

.top-tailHeaderBlack
{
	background-color: black;
	xbackground: url(/cassia/images/top-tail2.gif) top repeat-x;
	margin-top: 63px;
	position: absolute;
	right: 0;
	width: 100%;
	height: 50px;
}

.top-tailHeaderWhite
{
	background: white;
	position: absolute;
	right: 0;
	width: 100%;
	height: 63px;
}

img
{
	vertical-align: top;
}
a img
{
	border: 0;
}


.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}

html
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
	color: #646464;
}

input, select
{
	vertical-align: middle;
	font-weight: normal;
}

a
{
	color: #37a2d5;
}

a:hover
{
	text-decoration: none;
}

p
{
	padding-top: 5px;
}

strong
{
	display: block;
	padding-bottom: 11px;
}

/* ============================= main layout ====================== */

.imgindent
{
	margin: 0 20px 0 0;
	float: left;
}
.phone
{
	float: right;
	padding-right: 155px;
}
.margin1
{
	margin-top: 29px;
}
.padding1
{
	padding-top: 15px;
}
.padding2
{
	padding-top: 20px;
}
.padding3
{
	padding-top: 25px;
}
.padding4
{
	padding-top: 8px;
}

/* ============================= header ====================== */

#headerWhite
{
	background-color: white;
	display: block;	
}

#headerWhite .logo
{
	display: inline-block;
	font-size: 1.083em;
	color: #a6a6a6;
	padding: 13px 0 0 70px;
	float:left;
}

#headerWhite .slogan
{
	display: inline-block;
	font-size: 1.083em;
	color: #a6a6a6;
	padding: 39px 0 0 10px;
}

#headerWhite .Text
{
	float: right;
	padding: 39px 54px 0 0;
}

#headerBlack
{
	xbackground: url(/cassia/images/header-bg.gif) top left no-repeat;
	display: block;
}

#headerBlack .SearchBox
{
	float: right;
	padding: 14px 79px 0 0;
}
#headerBlack .SearchBox input
{
	width: 165px;
	border: solid 0px;
	padding: 2px 0 2px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#headerBlack .SearchBox a
{
	display: inline-block;
	background: url(/cassia/images/form-button-left-bg.gif) left top no-repeat #747474;
	font-size: 0.917em;
	text-transform: uppercase;
	color: #f6f6f6;
	font-weight: bold;
	text-decoration: none;
	margin-left: 7px;
}
#headerBlack .SearchBox a span
{
	display: block;
	background: url(/cassia/images/form-button-right-bg.gif) right top no-repeat;
	padding: 1px 10px 1px 12px;
	vertical-align: middle;
}
#headerBlack .SearchBox a:hover
{
	background: url(/cassia/images/form-button-left-bg-act.gif) left top no-repeat #403f3f;
}
#headerBlack .SearchBox a:hover span
{
	background: url(/cassia/images/form-button-right-bg-act.gif) right top no-repeat;
}

/* ============================= Top menu ====================== */

.TopMenuContainer
{
	xbackground-color: fuchsia;
	padding: 0px 0px 0px 50px;
}
#headerBlack .menu
{
	padding: 16px 0 0 14px;
}
#headerBlack ul
{
	list-style: none;
}
#headerBlack .menu li
{
	float: left;
	padding: 0 22px 0 20px;
	background: black;
}

#headerBlack .separator
{
	margin-top: -3px;
	padding: 3px 0px 0px 0px !important;
	font-weight: normal;
	color: white;
	font-size: medium;
	xbackground: url(/cassia/images/menu-item-bg.gif) no-repeat 0 3px;	
}
#headerBlack .menu .first
{
	background: none;
	padding-left: 0px;
}
#headerBlack .menu a
{
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
#headerBlack .menu a span
{
	display: block;
}
#headerBlack .menu a span span
{
	padding: 6px 11px 7px 12px;
}

#headerBlack .menu a:hover
{
	color: #FFFFFF;
	xtext-decoration: underline;
	xbackground: url(/cassia/images/menu-tail.gif) top repeat-x;
}
#headerBlack .menu .active
{
	color: #FFFFFF;
	xtext-decoration: underline;
	xbackground: url(/cassia/images/menu-tail.gif) top repeat-x;
	background: black;
}

/* ============================= left menu ====================== */

#standardpage .leftmenu
{
	width: 220px;
	color: #838383;
}

#standardpage .leftmenu a
{
	color: #1E1E1E;
	text-decoration: none;
}

#standardpage .leftmenu .menuline
{
	height:5px;
	background: url(/cassia/images/line2.gif) bottom repeat-x;
	margin-bottom: 5px;
	padding-left: -20px;
	margin-left: -20px;
}

#standardpage .leftmenu ul
{
	padding-left: 0px;
}

#standardpage .leftmenu li.level1
{
	font-size: 11px;
	list-style-type: none;
	xlist-style-image: url(/cassia/images/cross.gif) ;
}

#standardpage .leftmenu ul.level2
{
	padding-left: 25px;
}

#standardpage .leftmenu li.level2
{
	font-size: 11px;
	list-style-type: none;
}

#standardpage .leftmenu li.level2 a
{
	xcolor: #838383;
	color: #646464;
}

#standardpage .leftmenu li.level2 a.selected
{
	color: Red;
	text-decoration: underline;
}

#standardpage .leftmenu a.selected
{
	color: Red;
	text-decoration: underline;
}


/* ============================= content ====================== */

#content
{
	padding: 16px 55px 0 55px;
}
#content .top-tail
{
	background: url(/cassia/images/content-top-tail.gif) top repeat-x #ffffff;
	width: 100%;
}

#contactform {
	padding-top:20px
}

#contactform LABEL {
	display:block
}

#contactform TEXTAREA {
	border-bottom: #d8d8d8 1px solid;
	border-left: #d8d8d8 1px solid;
	padding-bottom:1px;
	padding-left: 3px;
	width: 245px;
	padding-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	background: #ffffff;
	height: 110px;
	color: #000000;
	font-size: 1em;
	overflow:hidden;
	border-top:#d8d8d8 1px solid;
	border-right:#d8d8d8 1px solid;
	padding-top:1px;
 
}

#contactform .col-1 {
	width: 280px !important;
}

#contactform .col-2 {
	width: 250px !important;
	margin-left:0px !important;
}

.col-1{ width:200px;}
.col-2{ width:210px;}

.bot-tail
{
	background: url(/cassia/images/content-bot-tail.gif) bottom repeat-x;
}
.left-tail
{
	background: url(/cassia/images/left-tail.gif) left repeat-y;
}
.right-tail
{
	background: url(/cassia/images/right-tail.gif) right repeat-y;
}
.left-top
{
	background: url(/cassia/images/corner-left-top.gif) left top no-repeat;
}
.right-top
{
	background: url(/cassia/images/corner-right-top.gif) right top no-repeat;
}
.left-bot
{
	background: url(/cassia/images/corner-left-bot.gif) left bottom no-repeat;
}
.right-bot
{
	background: url(/cassia/images/corner-right-bot.gif) right bottom no-repeat;
	width: 100%;
}
.indent
{
	padding: 25px 10px 30px 28px;
}
#page8 .indent
{
	padding: 25px 30px 45px 28px;
}

.line
{
	padding-bottom: 15px;
}
.extra
{
	padding-bottom: 0;
}
.title
{
	padding-bottom: 11px;
}

.unline
{
	background: url(/cassia/images/line.gif) bottom repeat-x;
	padding-bottom: 25px;
	margin-bottom: 24px;
}
.unline1
{
	background: url(/cassia/images/line.gif) bottom repeat-x;
	padding-bottom: 37px;
	margin-bottom: 24px;
}
.unline2
{
	background: url(/cassia/images/line2.gif) bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 5px;
}
.unline3
{
	background: url(/cassia/images/line2.gif) bottom repeat-x;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

.menu
{
	padding: 20px 0 0 14px;
}
.menu li
{
	float: left;
	padding: 0 22px 0 20px;
	background: url(/cassia/images/menu-item-bg.gif) no-repeat 0 11px;
}
.menu .first
{
	background: none;
	padding-left: 0px;
}
.menu a
{
	color: #4b4b4b;
	text-decoration: none;
	display: block;
}
.menu a span
{
	display: block;
}
.menu a span span
{
	padding: 6px 11px 7px 12px;
}

.menu a:hover
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
	background: url(/cassia/images/menu-tail.gif) top repeat-x;
}
.menu .active
{
	color: #ffffff;
	text-decoration: underline;
	background: url(/cassia/images/menu-tail.gif) top repeat-x;
}
.menu a:hover span, .menu .active span
{
	background: url(/cassia/images/menu-left-bg.gif) left top no-repeat;
}
.menu a:hover span span, .menu .active span span
{
	background: url(/cassia/images/menu-right-bg.gif) right top no-repeat;
}

.top
{
	height: 293px;
	background: url(/cassia/images/top-bg.jpg) bottom left no-repeat;
	margin-left: 10px;
}
.flash2
{
	padding: 13px 0px 0px 0px;
	margin-left: -7px;
}

.top .text
{
	padding: 84px 0 0 46px;
	width: 340px;
	color: #42a1ff;
	line-height: 1.417em;
}
.top .text img
{
	margin-bottom: 9px;
}
.top .text a
{
	display: inline-block;
	margin-top: 10px;
	color: #ffffff;
	font-weight: bold;
}

.box
{
	background: url(/cassia/images/box-corner-left-top.gif) top left no-repeat;
	width: 100%;
}
.box .right-top
{
	background: url(/cassia/images/box-corner-right-top.gif) top right no-repeat;
	width: 100%;
}
.box .left-bot
{
	background: url(/cassia/images/box-corner-left-bot.gif) bottom left no-repeat;
	width: 100%;
}
.box .right-bot
{
	background: url(/cassia/images/box-corner-right-bot.gif) bottom right no-repeat;
	padding: 5px;
	width: auto;
}
.box .top-border
{
	background: url(/cassia/images/box-border.gif) top repeat-x #ffffff;
	margin: -5px 0;
}
.box .bot-border
{
	background: url(/cassia/images/box-border.gif) bottom repeat-x;
	padding: 5px 0;
}
.box .left-border
{
	background: url(/cassia/images/box-border.gif) left repeat-y #ffffff;
	margin: 0 -5px;
}
.box .right-border
{
	background: url(/cassia/images/box-border.gif) right repeat-y;
	padding: 0 5px;
}
.box .indent
{
	padding: 8px 10px 2px 17px;
}
.box p
{
	padding-top: 17px;
}
.box .line
{
	background: url(/cassia/images/line4.gif) repeat-y 195px 0 !important;
	padding-bottom: 0;
}

.box .col-1
{
	width: 180px;
}
.box .col-2
{
	width: 187px;
	margin-left: 40px;
}
.link1
{
	background: url(/cassia/images/link1-bg.jpg) no-repeat 0 0;
	padding: 12px 0 13px 47px;
	line-height: 1.333em;
}
.link2
{
	background: url(/cassia/images/link2-bg.jpg) no-repeat 0 0;
	padding: 12px 0 13px 55px;
	line-height: 1.333em;
}
.link1 a, .link2 a
{
	font-weight: bold;
	color: #2b84ae;
}

.link
{
	display: inline-block;
	font-weight: bold;
	margin-top: 15px;
}

.date a
{
	color: #2b84ae;
}

.list
{
	color: #2b84ae;
}
.list a
{
	font-weight: bold;
	text-decoration: none;
	color: #2b84ae;
	margin-left: 5px;
}
.list a:hover
{
	text-decoration: underline;
}


/* ============================= footer ====================== */
#footer
{
	text-align: right;
	color: #2a4959;
	font-size: 0.917em;
}
#footer a
{
	color: #2a4959;
	margin-left: 3px;
}
#footer .text
{
	padding: 18px 64px 0 0;
}
#footer .text span
{
	text-transform: uppercase;
	font-weight: bold;
}

/* ============================= forms ============================= */

#ContactForm
{
	padding-top: 20px;
}
#ContactForm .col-1
{
	width: 280px !important;
}
#ContactForm .col-2
{
	width: 250px !important;
	margin-left: 0 !important;
}
#ContactForm label
{
	display: block;
	height: 47px;
}
#ContactForm input
{
	border: solid 1px #d8d8d8;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding: 2px 0 2px 3px;
	width: 215px;
}
#ContactForm textarea
{
	border: solid 1px #d8d8d8;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding: 1px 0 1px 3px;
	width: 245px;
	height: 110px;
	overflow: hidden;
}
#ContactForm .link
{
	margin: 5px 0 0 20px;
}