/*************************************************************
Master style sheet - home page specific styles

Written by Richard Leland for G1440
rleland@g1440.com

When defining styles, for consistency,
use a similar order for definitions.

1. Display & Positioning (display, position, left, etc.)
2. Box model items (margin, padding, border, etc.)
3. Sizes (width, height) *Don't forget the box model hack
4. Appearance items (background, font, color, etc.)

*************************************************************/

/*************************************************************
Messaging styles
*************************************************************/

#messaging {
	border-bottom: 5px solid #333;
}

/*************************************************************
Callout styles
*************************************************************/

#callouts {
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
	padding: 0;
	width: 760px;
	background: #EFE9DD none;
}

#callout_left {
	padding: 13px 10px 10px 10px;
	width: 260px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px;
}

html>body #callout_left {
	/* continue rendering css */
	width: 240px;
}

#callout_middle {
	padding: 13px 10px 10px 10px;
	border-left: 10px solid #fff;
	width: 310px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 310px;
}

#callout_right {
	padding: 13px 10px 10px 10px;
	border-left: 10px solid #fff;
	width: 190px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
}

html>body #callout_right {
	/* continue rendering css */
	width: 160px;
}

#callout_right .textfield {
	width: 130px;
}