body {
	font: 0.55em/1.8em Verdana, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #333333;
}
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}

#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#header {
	height: 74px;
}
#header div#logo {
	float: left;
	width: 351px;
	height: 74px;
	background-image: url(../images/layout_01.jpg);
}
#header ul#menu {
	float: left;
	width: 599px;
	height: 74px;
	background-image: url(../images/layout_08.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;

}
#header ul#menu li {
	float: left;
	margin: 0;
	padding: 0;
	height: 74px;
	line-height: 6px;
}
#header ul#menu li a {
	float: left;
}

#baseLine, #baseLineHome {
	clear: both;
	display: block;
	height: 40px;
	background-image: url(../images/layout_09.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#baseLine {
	background-image: url(../images/layout_sub_09.jpg);
}

/* would only be used if we have expandable layout in height not fixed */
#contentWrapper {
	background-image: url(../images/bkg_main.gif);
	background-repeat: repeat-y;
	width: 950px;
}

#colLeft, #colLeftHome {
	float: left;
	width: 488px;
/**	height: 481px;		**/
	background-image: url(../images/layout_sub_10.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#colLeftHome {
	background-image: none;
	height: 481px;
}
#colRight {
	float: left;
	width: 462px;
/**	height: 481px;		**/
	background-image: url(../images/layout_sub_11.jpg);
	background-position: top;
	background-repeat: no-repeat;	
}
#colRightHome {
	float: right;
	width: 462px;
	height: 481px;
	background-image: url(../images/layout_11.jpg);
}

div.columnLeft {
	float: left;
	width: 200px;
}
div.columnRight {
	float: right;
	width: 200px;
}
div.columnLeft ul li, div.columnRight ul li {
	padding: 0 0 2px 0;
}

#colLeft div.content {
	margin: 10px 0 0 0;
	padding: 0 0 0 40px;
/**	height: 455px;
	overflow: auto;				**/
}
#colRight div.content {
	padding: 0 35px 60px 47px;
/**	height: 455px;				**/
}
#colRight div.content div.photo {
	padding: 0 0 15px 0;
}
#colRight div.content p {
	color: #333333;
	font: 25px/26px "Arial Narrow", Arial, Verdana, sans-serif;
	padding: 0 15px 0 4px;
}
#colRight div.content p.small {
	font-size: 15px;
	line-height: 18px;
}
#colRight div.content p a {
	text-decoration: none;
}
#colRight div.content p a:hover {
	color: #000;
}

#footer {
	width: 950px;
	height: 78px;
	background-image: url(../images/layout_12.jpg);
}
#footer ul {
	margin: 0;
	padding: 6px 0 20px 42px;
	list-style: none;
	list-style-image: none;
}
#footer ul li.company {
	color: #FFF;
	font-weight: bold;
}
#footer ul li {
	margin: 0;
	padding: 0 3px 0 0;
	display: inline;
	color: #e0e0e0;
}
#footer ul li a {
	color: #e0e0e0;

}

#footer p {
	color: #8c8b8b;
	padding: 0 0 0 42px;
}
#footer p a {
	color: #8c8b8b;
	text-decoration: none;
}
#footer p a:hover {
	color: #b5b5b5;
}

/* overall classes */

.clear {
	clear: both;
}
.highlight {
	color: #99b6dc;
}

/* tags */

h1 {
	color: #99b6dc;
	font: 44px "Arial Narrow", Arial, Verdana, sans-serif;
	padding: 0 0 15px 0;
	font-weight: normal;
}
h2 {
	color: #99b6dc;
	font: bold 14px Arial, Verdana, sans-serif;
	padding: 0 0 15px 0;
}
h3 {
	color: #99b6dc;
	font: 0.9em Arial, Verdana, sans-serif;
	padding: 0 0 15px 0;
}
p {
	padding: 0 0 15px 0;
}

ul, ol {
	margin: 0 0 0 35px;
	padding: 0 0 15px 0;
}
li {
	color: #99b6dc;
}

a {
	color: #99b6dc;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}