/* GENERAL STYLES */
html {
	min-height: 100%;
	margin-bottom: 1px; 
}
body {
	background-color: #ffffff;
	font-family: Arial, sans-serif;
	color: #000000;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
img {
	border-style: none;
}
a {
	color: inherit;
	text-decoration: underline;
}
a:visited {
	color: inherit;
}

/* BOXES (LEFT AND RIGHT COLUNMS) */
.box {
	width: 120px;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.box .top {
	height: 16px;
	padding: 1px 0px 0px 0px;
}
.box .middle {
	height: 1%;	/* This line forces the element to have a layout which is necessary in IE to ensure that clientHeight is correct */
	padding: 3px 6px 0px 6px;
}
.box .bottom {
	height: 7px;
	margin: 0px;
	padding: 0px;
}
.box .bottom2Tabs {
	height: 22px;
	margin: 0px;
	padding: 0px;
}
.box.black .top {
	background-image: url(../images/boxBlackTop.jpg);
}
.box.black .middle {
	background-image: url(../images/boxBlackMiddle.jpg);	
}
.box.black .bottom {
	background-image: url(../images/boxBlackBottom.jpg);
}
.box.grayHollow .top {
	background-image: url(../images/boxGrayHollowTop.jpg);
}
.box.grayHollow .middle {
	background-image: url(../images/boxGrayHollowMiddle.jpg);	
}
.box.grayHollow .bottom {
	background-image: url(../images/boxGrayHollowBottom.jpg);
}
.box.grayHollow .bottom2Tabs.tab1Selected {
	background-image: url(../images/boxGrayHollowBottomTab1Selected.jpg);
}
.box.grayHollow .bottom2Tabs.tab2Selected {
	background-image: url(../images/boxGrayHollowBottomTab2Selected.jpg);
}
.box.grayHollow .bottom2Tabs.tab1Selected .tab1 {
	color: #000000;
	cursor: default;
}
.box.grayHollow .bottom2Tabs.tab1Selected .tab2 {
	color: #c0c0c0;
	cursor: pointer;
}
.box.grayHollow .bottom2Tabs.tab2Selected .tab1 {
	color: #c0c0c0;
	cursor: pointer;
}
.box.grayHollow .bottom2Tabs.tab2Selected .tab2 {
	color: #000000;
	cursor: default;
}
.box.blue .top {
	background-image: url(../images/boxBlueTop.jpg);
}
.box.blue .middle {
	background-image: url(../images/boxBlueMiddle.jpg);	
}
.box.blue .bottom {
	background-image: url(../images/boxBlueBottom.jpg);
}
.box.yellow .top {
	background-image: url(../images/boxYellowTop.jpg);
}
.box.yellow .middle {
	background-image: url(../images/boxYellowMiddle.jpg);
}
.box.yellow .bottom {
	background-image: url(../images/boxYellowBottom.jpg);
}
.box.orange .top {
	background-image: url(../images/boxOrangeTop.jpg);
}
.box.orange .middle {
	background-image: url(../images/boxOrangeMiddle.jpg);	
}
.box.orange .bottom {
	background-image: url(../images/boxOrangeBottom.jpg);
}
.box.redHollow .top {
	background-image: url(../images/boxRedHollowTop.jpg);
}
.box.redHollow .middle {
	background-image: url(../images/boxRedHollowMiddle.jpg);	
}
.box.redHollow .bottom {
	background-image: url(../images/boxRedHollowBottom.jpg);
}

/* BIG BOXES */
.bigBox {
	width: 692px;
	margin-bottom: 10px;
	text-align: justify;
}
.bigBox .top {
	height: 16px;
	padding: 1px 8px 0px 8px;
}
.bigBox .middle {
	height: 1%;	/* This line forces the element to have a layout which is necessary in IE to ensure that clientHeight is correct */
	padding: 5px 8px 1px 8px;
}
.bigBox .bottom {
	height: 7px;
	margin: 0px;
	padding: 0px;
}
.bigBox.yellow .top {
	background-image: url(../images/bigBoxYellowTop.jpg);
}
.bigBox.yellow .middle {
	background-image: url(../images/bigBoxYellowMiddle.jpg);	
}
.bigBox.yellow .bottom {
	background-image: url(../images/bigBoxYellowBottom.jpg);
}
.bigBox.orange .top {
	background-image: url(../images/bigBoxOrangeTop.jpg);
}
.bigBox.orange .middle {
	background-image: url(../images/bigBoxOrangeMiddle.jpg);	
}
.bigBox.orange .bottom {
	background-image: url(../images/bigBoxOrangeBottom.jpg);
}
.bigBox.redHollow .top {
	background-image: url(../images/bigBoxRedHollowTop.jpg);
}
.bigBox.redHollow .middle {
	background-image: url(../images/bigBoxRedHollowMiddle.jpg);	
}
.bigBox.redHollow .bottom {
	background-image: url(../images/bigBoxRedHollowBottom.jpg);
}
.bigBox.grayHollow .top {
	background-image: url(../images/bigBoxGrayHollowTop.jpg);
}
.bigBox.grayHollow .middle {
	background-image: url(../images/bigBoxGrayHollowMiddle.jpg);	
}
.bigBox.grayHollow .bottom {
	background-image: url(../images/bigBoxGrayHollowBottom.jpg);
}
.bigBox.black .top {
	background-image: url(../images/bigBoxBlackTop.jpg);
}
.bigBox.black .middle {
	background-image: url(../images/bigBoxBlackMiddle.jpg);	
}
.bigBox.black .bottom {
	background-image: url(../images/bigBoxBlackBottom.jpg);
}

/* FORUM BUBBLES */
.grayBubble {
	color: #cccccc;
}
.grayBubble .top {
	background-image: url(../images/bubbleGrayTop.jpg);
}
.grayBubble .topLeft {
	background-image: url(../images/bubbleGrayTopLeft.jpg);
}
.grayBubble .topRight {
	background-image: url(../images/bubbleGrayTopRight.jpg);
}
.grayBubble .left {
	background-image: url(../images/bubbleGrayLeft.jpg);
}
.grayBubble .right {
	background-image: url(../images/bubbleGrayRight.jpg);
}
.grayBubble .leftPointer {
	background-image: url(../images/bubbleGrayLeftPointer.jpg);
}
.grayBubble .rightPointer {
	background-image: url(../images/bubbleGrayRightPointer.jpg);
}
.grayBubble .bottom {
	background-image: url(../images/bubbleGrayBottom.jpg);
}
.grayBubble .bottomLeft {
	background-image: url(../images/bubbleGrayBottomLeft.jpg);
}
.grayBubble .bottomRight {
	background-image: url(../images/bubbleGrayBottomRight.jpg);
}

.yellowBubble .top {
	background-image: url(../images/bubbleYellowTop.jpg);
}
.yellowBubble .topLeft {
	background-image: url(../images/bubbleYellowTopLeft.jpg);
}
.yellowBubble .topRight {
	background-image: url(../images/bubbleYellowTopRight.jpg);
}
.yellowBubble .left {
	background-image: url(../images/bubbleYellowLeft.jpg);
}
.yellowBubble .right {
	background-image: url(../images/bubbleYellowRight.jpg);
}
.yellowBubble .leftPointer {
	background-image: url(../images/bubbleYellowLeftPointer.jpg);
}
.yellowBubble .rightPointer {
	background-image: url(../images/bubbleYellowRightPointer.jpg);
}
.yellowBubble .bottom {
	background-image: url(../images/bubbleYellowBottom.jpg);
}
.yellowBubble .bottomLeft {
	background-image: url(../images/bubbleYellowBottomLeft.jpg);
}
.yellowBubble .bottomRight {
	background-image: url(../images/bubbleYellowBottomRight.jpg);
}

.bubble .top {
	background-image: url(../images/bubbleTop.jpg);
}
.bubble .topLeft {
	background-image: url(../images/bubbleTopLeft.jpg);
}
.bubble .topRight {
	background-image: url(../images/bubbleTopRight.jpg);
}
.bubble .left {
	background-image: url(../images/bubbleLeft.jpg);
}
.bubble .right {
	background-image: url(../images/bubbleRight.jpg);
}
.bubble .leftPointer {
	background-image: url(../images/bubbleLeftPointer.jpg);
}
.bubble .rightPointer {
	background-image: url(../images/bubbleRightPointer.jpg);
}
.bubble .bottom {
	background-image: url(../images/bubbleBottom.jpg);
}
.bubble .bottomLeft {
	background-image: url(../images/bubbleBottomLeft.jpg);
}
.bubble .bottomRight {
	background-image: url(../images/bubbleBottomRight.jpg);
}

/* TEXT COLOURS */
.text.black {
	color: #000000;
}
.text.gray {
	color: #444444;
}
.text.lightGray {
	color: #666666;
}
.text.white {
	color: #ffffff;
}
.text.blue {
	color: #002685;
}
.text.clearBlue {
	color: #0000ff;
}
.text.clearGreen {
	color: #00ff00;
}
.text.limeGreen {
	color: #aeff00;
}
.text.clearRed {
	color: #ff0000;
}
.text.yellow {
	color: #ffd52e;
}
.text.orange {
	color: #ffa200;
}



/* TEXT SIZES */
.text.tiny {
	font-size: 9px;
	line-height: 11px;
}
.text.small {
	font-size: 11px;
	line-height: 12px;
}
.text.normal {
	font-size: 13px;
	line-height: 14px;
}
.text.medium {
	font-size: 15px;
	line-height: 17px;
}
.text.large {
	font-size: 18px;
	line-height: 24px;
}



/* TEXT STYLES */
.text.quote {
	font-style: italic;
}