/**********************************************************************
	Filename: bonnot.css
	Project:  bonnot.com
	
	Global style sheet
**********************************************************************/
/* Body Tag Definition */
body,p,div,span,td { font-family:Arial,Helvetica,Verdana,sans,sans-serif; font-size:14px; color:#ffffff; }
body { margin:0px; background:#333399; }
a { font-size:14px; color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:none; }
h1,h2,h3,h4,h5,h6 { color:#ffcc33; margin:0; font-family:Verdana,Arial,Helvetica,sans,sans-serif; font-weight:bold; }
h1 { font-size:36px; margin-bottom:10px; }
h2 { font-size:40px; margin-bottom:10px; }
h3 { font-size:18px; margin-bottom:5px; color:#ffffff; }
h4 { font-size:35px; margin-bottom:10px; }
h5 { font-size:32px; margin-bottom:10px; }
h6 { font-size:28px; margin-bottom:10px; }

#header { width:750px; position:relative; }
#header .logo { position:absolute; top:20px; left:6px; }
#header .addressSection { position:absolute; text-align:left; top:60px; left:85px; }
#header .addressText1 { font-family:Arial; font-weight:bold; font-size:12px; }
#header .addressText2 { font-family:Arial; font-weight:normal; font-size:9px }
#header .addressText3 { position:absolute; top:112px; left:85px; text-align:left; font-size:20px; font-weight:bold; }

#line { background-color:#ff3333;height:6px; }

#page  { width:750px; position:relative; text-align:left; margin-top:30px; padding-bottom:30px; margin-left:25px; }

#leftSide { float:left; width:225px; padding-left:5px; text-align:left; }
#leftSide .subNav { margin-top:10px; margin-bottom:15px; background-repeat : no-repeat; background-image : url(images/subNavMarker.gif); padding-left:30px; }
#leftSide .subNavLink { font-size:24px; font-weight:bold; color:#ffffff; text-decoration:none; line-height:24px; }
#leftSide .subNavLink:hover { color:#ffcc33; }
#leftSide .leftPic { margin-bottom:15px; }
#leftSide .leftPicText { width:200px; margin-bottom:30px; }
#leftSide .listTitle { font-size:35px; margin-bottom:10px; color:#ffcc33; font-weight:bold; }

#leftSide .subNavTeam1 { margin-top:10px; margin-bottom:1px; background-repeat : no-repeat; background-image : url(images/picCompTeam1.jpg); padding-left:50px; }
#leftSide .subNavTeam2 { margin-top:10px; margin-bottom:1px; background-repeat : no-repeat; background-image : url(images/picCompTeam2.jpg); padding-left:50px; }
#leftSide .subNavTeam3 { margin-top:10px; margin-bottom:1px; background-repeat : no-repeat; background-image : url(images/picCompTeam3.jpg); padding-left:50px; }
#leftSide .subNavTeam4 { margin-top:10px; margin-bottom:1px; background-repeat : no-repeat; background-image : url(images/picCompTeam4.jpg); padding-left:50px; }
#leftSide .subNavTeam5 { margin-top:10px; margin-bottom:1px; background-repeat : no-repeat; background-image : url(images/picCompTeam5.jpg); padding-left:50px; }
#leftSide .subNavTeamLink { font-size:18px; font-weight:bold; color:#ffffff; text-decoration:none; line-height:18px; }
#leftSide .subNavTeamLink:hover { color:#ffcc33; }

#rightSide { float:right; width:480px; position:relative; text-align:left; margin-top:0px; padding-left:20px; padding-right:20px;  }
#rightSide .listTable { margin-top:35px; width:470px; }
#rightSide .listStart { color:#ffcc33; font-weight:bold; font-size:14px; } 
#rightSide .listText { font-size:14px; }
#rightSide .textHighlight { color:#ffcc33; font-weight:bold; } 

#onePage { width:750px; position:relative; text-align:left; margin-top:10px; padding-bottom:30px; margin-left:25px; }
#onePage .textHighlight { color:#ffcc33; font-weight:bold; } 
#onePage .formlabel { color:#ffffff; text-align:right; padding-right:40px; font-size:12px; height:30px; }

/* SubMenu */
#submenu div { position:absolute; border:1px solid #222222; z-index:4; text-align:left; background-color:#fcfcfc; visibility:hidden; }
#submenu ul { margin:0px; padding:0 0 0 0px; } 
#submenu li { list-style-type:none; margin:0px; padding:0px; height:50px; }
#submenu a { font-weight:normal; color:#000000;  line-height:20px; padding: 0 0 0 15px; display:block; text-decoration:none; }
#submenu a:hover { font-weight:none; color:#000000; background-color:#badaf5; text-decoration:none; }
#submenu .subMain { font-weight:bold; color:#000000;  line-height:20px; padding: 0 0 0 15px; display:block; text-decoration:none; background-color:#cccccc; border-bottom:1px solid black; }
#submenu .subMain:hover { font-weight:bold; color:#ffffff; background-color:#ff3333; text-decoration:none; }

.crumb { font-size:14px; margin-bottom:1px; color:#ffcc33; font-weight:bold; text-decoration:none; }
.crumbLink { font-size:14px; margin-bottom:1px; color:#ffcc33; font-weight:bold; text-decoration:none; background-repeat:no-repeat; background-image:url(images/subArrow.gif); padding-left:14px;}
.crumbLink:hover { font-size:14px; margin-bottom:1px; color:#ffcc33; font-weight:bold; text-decoration:underline; }