/*

	CSS styles
	Clent: OEM Computer Systems
	Filename: layout.css
	
	==============
	
	Branding colours
	
	BLUE
	Dark:    #B5D0D9 
	Med:     #BBD4DC
	Light:   #D3E3E8
	Lighter: #EEF4F6

*/

/* #topshadow { background:url(/images/shadow_top.jpg) #B5D0D9; margin:auto; width:820px; height:30px; }
*/
/* #wrapper { background:url(/images/bg_wrapper.jpg) #BBD4DC; repeat-y; margin:auto; padding:0 10px 0 10px; width:800px; }
*/

#wrapper {

	width:800px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	background-color: #FFFFFF;
	padding-top: 0px;
	float: none;
}

/* #header { 
	background: #B5D0D9 url(/images/logo03.bmp) no-repeat transparent; 
	height: 101px; 
	padding:0; 
	margin: 8px 0 0 0; 
	}
*/	
#Title {
	margin: 0px 0 25px 60px; 
}

#header li a, #header li a:link {
	margin: 25px 0 0 0; 
}
 Note - #address overridden specifically in /contactus/default.htm and /contactus/thankyou.htm to use different image (/images/contactaddress.gif)
*/
#navcontainer { margin: px 0 0 105px; padding:0; height: 23px; width: 662px; backgroud-color: #D3E3E8; }
#splash { background-color: #BBD4DC; margin: 50px 8px 0 10px; padding: 0; }
#containerhome { margin: 0; padding: 0; }
#container { margin: 0; padding: 0; background-color: #FFF; }
#content { display:block;  margin: 0; float:left }

#col3_content { width: 690px; position: relative; margin: 0 50px 0 30px; clear: both; }
#col3_left { width: 210px; padding: 0; margin: 0; margin-bottom: -2px; float: left;  position: relative; }
#col3_center { width: 210px; padding: 0; margin: 0 0 0 30px; float: left; position: relative; }
#col3_right { width: 210px; padding: 0; margin: 0 0 0 30px; float: right; position: relative; }

#col2_content { background-color: #FFF; width: 690px; position: relative; margin: 0 0px 0 20px; clear: both; }
#col2_leftS { width: 220px; padding: 0; margin-left: 10px; float: left; position: relative; }
#col2_leftM { width: 320px; padding: 0; margin-left: 10px; float: left; position: relative; }
#col2_leftL { width: 420px; padding: 0; margin-left: 10px; float: left; position: relative; }
#col2_rightS { width: 220px; padding: 0; margin: 0px; float: right; position: relative; padding: 0 10px 0 10px; border-left: 1px solid #D3E3E8; }
#col2_rightM { width: 320px; padding: 0; margin: 0px; float: right; position: relative; padding: 0 10px 0 10px; border-left: 1px solid #D3E3E8; }
#col2_rightL { width: 420px; padding: 0; margin: 0px; float: right; position: relative; padding: 0 10px 0 10px; border-left: 1px solid #D3E3E8; }





#col2search_left { width: 448px; padding: 0; margin: 0; float: left; position: relative; }
#col2search_right { width: 230px; padding: 0 0 0 20px; margin: 0; float: right; position: relative; }

#form_left { width: 200px; padding: 0; margin: 0; float: left; position: relative; }
#form_right { width: 200px; padding: 0; margin: 0; float: right; position: relative; }

#csbar { display:block; float:left; width:170px; padding: 0 10px 10px 20px; }
#custsol { display:block; float:left; width:190px; padding: 10px; }

#sidebar { display:block; float:right; margin: 0; position: relative; }
#maincontent { width: 325px; padding: 0; margin: 0 0 0 10px; float: left; position: relative; }
#home {margin: 20px 0 0 0; }

#collaborative { display:block }

#row { border-bottom: 1px dotted #000; margin-bottom: 15px; }
#logo { width: 150px; float: left; }
#summary { width: 341px; float: left; }

div.leftcon { float:left; width:120px; padding:5px }
div.rightcon { float:right; width:350px; padding:5px }
div.row { clear: both; padding-top: 10px }
div.row span.label { float: left; width: 80px; text-align: right }
div.row span.formw { float: right; width: 260px; text-align: left }

#footer { margin-left: 10px; margin-right: 10px; padding: 0; background-color:#BBD4DC; clear: both; color: black; cursor: default; }
#footcenter { margin: 10px 0px 0px 160px; }
#footleft { width: 400px; margin-left: 15px; }
#footright { float:right; clear: right; padding: 0; }

#bottomshadow {
	background: url(/images/bottom.jpg) no-repeat;
	margin: auto;
	width: 780px;
	height: 20px;
	clear: both;
	font-size: 0px;
}
*/
#dropshadow1 {
	background: url(/images/dropshadow03.gif) repeat-x;
	width: 800px;
	height: 10px;
	clear: both;
	font-size: 0px;
	margin: 0 8px 0 10px; padding: 0;
	
}
#dropshadow2 {
	background: url(/images/dropshadow04.gif) repeat-x;
	width: 780px;
	height: 10px;
	clear: both;
	font-size: 0px;
	margin: 0 8px 0 10px; padding: 0;
}
#wrapper {
	margin-right: Auto;
	margin-left: Auto;
	background-image: url(/images/bg_wrapper.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.clear { clear:both; height:0; font-size: 0px; }

.top {
	display:block;
	width:740px;
	float:left;
	color: #000000;
}


.horizBreadcrumbs {
	color: #333333;
	font-size: 12px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin: 0px;
	padding-left: 35px;
	text-decoration: none; 
}

.leftPageSide {
	width: 150px;
	float: left;
	background-position: top;
	height: 100%;
	vertical-align: top;
}

.rightPageSide {
	width: 540px;
	float: right;
	background-position: top;
	height: 100%;
}

#SideMenu {
	width: 143px;
	float: left;
	text-decoration: none;
	font-weight: bold;
	background-image: url(/images/138menupurple.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 27px;
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#SideMenu.LBlueMenu {
	background-image: url(/images/L138menublue.gif);
}

#SideMenu.LGoldMenu {
	background-image: url(/images/L138menugold.gif);
}

#SideMenu.LGreenMenu {
	background-image: url(/images/L138menuGreen.gif);
}

#SideMenu.LLilacMenu {
	background-image: url(/images/L138menulilac.gif);
}

#SideMenu.LRedMenu {
	background-image: url(/images/L138menured.gif);
}

#SideMenu.BlueMenu {
	background-image: url(/images/138menublue.gif);
}

#SideMenu.GoldMenu {
	background-image: url(/images/138menugold.gif);
}

#SideMenu.GreenMenu {
	background-image: url(/images/138menuGreen.gif);
}

#SideMenu.LilacMenu {
	background-image: url(/images/138menulilac.gif);
}

#SideMenu.RedMenu {
	background-image: url(/images/138menured.gif);
}

#SideMenu.PurpleMenu {
	background-image: url(/images/138menupurple.gif);
}

#SideMenu ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-decoration: none;
}

#SideMenu a {
	display: block;
	width: 126px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(/images/bulletarrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 12px;
}

#SideMenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#SideMenu a:hover {
	color: #13617B;
	text-decoration: none;
}