/* ################################################################################################## */
/* MOBILE TEXT SIZE */
/* ################################################################################################## */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}

/* ################################################################################################## */
/* CONSTANTS */
/* ################################################################################################## */

.FL {float: left;}
.FR {float: right;}
.TC {text-align: center;}
.TR {text-align: right;}
.TL {text-align: left;}

/* ################################################################################################## */
/* LIGHTBOX */
/* ################################################################################################## */

#lightbox{position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; padding: 4px;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/lbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {height: 1%;}


/* ################################################################################################## */
/* LINKS */
/* ################################################################################################## */

a:link, a:visited, a:hover {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, san-serif;
	text-decoration: none;
	font-size: 1em;
	font-weight: normal;
} 

a.LinkNav:link, a.LinkNav:visited, a.LinkNav:hover {
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: -1px;
	font-family: Arial, Verdana, Helvetica, san-serif;
} 

a.LinkSideBox:link, a.LinkSideBox:visited, a.LinkSideBox:hover {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
} 

a.LinkHead:link, a.LinkHead:visited, a.LinkHead:hover {
	font-family: Arial, Verdana, Helvetica, san-serif;
	font-size: 0.75em;
	font-weight: bold;
} 

a.LinkPaging:link, a.LinkPaging:visited, a.LinkPaging:hover {
	font-size: 1em;
	font-weight: bold;
} 
a.LinkBoxHeader:link, a.LinkBoxHeader:visited, a.LinkBoxHeader:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
} 
a.LinkBoxMain:link, a.LinkBoxMain:visited, a.LinkBoxMain:hover {
	font-family: Arial, Helvetica, san-serif;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
} 

a.LinkFootBox:link, a.LinkFootBox:visited, a.LinkFootBox:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
} 

a.LinkFootBox:link, a.LinkFootBox:visited 		{color: #B8B39F;}
a.LinkFootBox:hover 							{color: #FFFFFF;}

a.LinkBoxMain:link, a.LinkBoxMain:visited 		{color: #990000;}
a.LinkBoxMain:hover 							{color: #000000;}

a.LinkBoxHeader:link, a.LinkBoxHeader:visited 	{color: #990000;}
a.LinkBoxHeader:hover 							{color: #000000;}

a:link, a:visited						 	{color: #0066CC;} 
a:hover 									{color: #CC0000;}

a.LinkNav:link, a.LinkNav:visited 			{color: #FFFFFF;} 
a.LinkNav:hover 							{color: #999999;}

a.LinkSideBox:link, a.LinkSideBox:visited 	{color: #CC0000;} 
a.LinkSideBox:hover 						{color: #000000;}

a.LinkHead:link, a.LinkHead:visited			{color: #666666;} 
a.LinkHead:hover 							{color: #CC0000;}

a.LinkPaging:link, a.LinkPaging:visited 	{color: #000000;} 
a.LinkPaging:hover 							{color: #B19BB1;}


/* ################################################################################################## */
/* COMMON DIMENSIONS & FONTS */
/* ################################################################################################## */

body, .BodyContainer {
	width: 960px;
}

body, form, .FormLeft, p, .ContentText, .SingleBox, .SingleBoxOff, .Copyright, .ContentHeader, h1, h2, .ContentSubHeader, h3, .FootBG {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, san-serif;
}

p {
	font-size: 0.8em;
}

.BodyLeft, .HeadLogo, .HeadNav, .HeadImage, .FadeDown, .FadeUp {
	float: left;
	width: 756px;
	text-align: left;
}

.BodyRight, .HeadLinks, .HeadBlank, .HeadBoxes, .FadeDownW, .FadeDownG, .FadeUpG {
	float: right;
	width: 198px;
}

.BodyRight {
	text-align: left;
}

.FadeDown, .FadeDownW, .FadeDownG, .FadeUp, .FadeUpG {
	background-repeat: repeat-x;
	height: 22px;
}

.HeadBlank, .HeadNav {
	background-repeat: repeat-x;
	height: 32px;
}

.HeadImage, .HeadBoxes {
	height: 310px;
}


/* ################################################################################################## */
/* NAVIGATION */
/* ################################################################################################## */

.ulNav {
	margin: 0px;
	padding: 0px;
}
.liNav, .liNavSplit {
	list-style-type: none;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}
.liNavSplit {
	background-image: url(../images/nav-split.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 1px;
	padding-right: 1px;
	width: 2px;

}

/* ################################################################################################## */
/* HEADER */
/* ################################################################################################## */

.HeadLogoBG {
	background-image: url(../images/head-logo-bg.jpg);
	background-repeat: repeat-x;
}
.HeadLogo, .HeadLinks {
	height: 136px;
}
.HeadNav {
	background-image: url(../images/nav-bg.jpg);
}
.HeadBlank {
	background-image: url(../images/blank-bg.gif);
}

body {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #DEE1E3;
}

.BodyContainer {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

.BodyBox {
	width: 956px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bodybox-bg.gif);
	background-repeat: repeat-y;
}

.BodyLeft {
	background-color: #FFFFFF;
	margin-right: 2px;
}

/* ################################################################################################## */
/* PADDING */
/* ################################################################################################## */

.PadHeader {
	padding: 0px 5px 10px 10px;
}
.Pad5 {
	padding: 0px 5px 10px;
}
.Pad10 {
	padding: 10px;
}
.Pad20 {
	padding: 20px;
}
.PadRight {
	padding: 20px 10px;
}
.PadFoot {
	padding: 5px 20px;

}
.PadContent {
	padding: 10px 30px 10px 0px;
}
.PadCopyright {
	padding: 5px 20px 10px;
}
.PadTop5 {
	padding: 5px 0px 0px;
}
.PadPaging {
	padding: 4px;
}
.PadNav {
	padding-left: 20px;
	padding-top: 4px;
}
.PadHeadLinks {
	padding-top: 95px;

}
/* ################################################################################################## */
/* CONTENT FADES */
/* ################################################################################################## */

.FadeDown {
	background-image: url(../images/fade-down.jpg);
}
.FadeDownW {
	background-image: url(../images/fade-down.jpg);
}
.FadeDownG {
	background-image: url(../images/fade-down-g.jpg);
}
.FadeUp {
	background-image: url(../images/fade-up.jpg);
}
.FadeUpG {
	background-image: url(../images/fade-up-g.jpg);
}

/* ################################################################################################## */
/* FORMS */
/* ################################################################################################## */

form		{
	margin: 10px 0px;
	font-size: 0.8em;
}

.FormBox {
	width: 658px;
}
.FormLeft, .FormRight {
	height: 40px;
}
.FormHider {
	visibility: hidden;
}
.FormLeft {
	width: 170px;
	color: #000000;
	background-color: #EAEAEA;
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 1px;
	text-align: left;

}
.FormRight {
	width: 460px;
	background-color: #F4F4F4;
	margin-bottom: 1px;
	text-align: left;

}
.FormFieldSmall {
	height: 20px;
	width: 200px;
}
.FormFieldMed {
	height: 20px;
	width: 300px;
}
.FormFieldLong {
	height: 20px;
	width: 380px;
}
textarea {
	overflow: auto;
	height: 100px;
	width: 400px;
}
.FormPadL {
	padding: 5px;
}
.FormPadR {
	padding: 5px;
}

/* ################################################################################################## */
/* PAGE CONTENT */
/* ################################################################################################## */

.ContentHeader, h1, h2 {
	font-size: 1.3em;
	font-weight: normal;
	color: #000000;
	letter-spacing: -1px;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: -5px;
	margin-left: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;


}
.ContentSubHeader, h3, .FootHeader {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	margin: 3px 0px 5px;
	padding: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.ContentSubHeader, h3 {
	color: #999999;
}
.FootHeader {
	color: #B8B39F;
	font-weight: normal;
	font-size: 1.2em;

}
.ContentText {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 18px;
	color: #000000;
	text-align: left;
}
.ContentDots {
	background-image: url(../images/content-dots.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 10px;
	width: 100%;
	margin: 0px;
	padding: 0px;

}

/* ################################################################################################## */
/* PAGING */
/* ################################################################################################## */


.PagingBox {
	height: 30px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	background-image: url(../images/paging-bg.jpg);
	background-repeat: repeat-x;

}
.PagingLeft {
	float: left;
	width: 50%;
}
.PagingRight {
	float: right;
	width: 50%;
	text-align: right;
}
.SingleBox, .SingleBoxOff {
	border: 1px solid #999999;
	width: 20px;
	height: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px 4px;
}
.SingleBox {
	background-color: #990000;
}
.SingleBoxOff {
	background-color: #F4F4F4;
}


/* ################################################################################################## */
/* FOOTER */
/* ################################################################################################## */

.FootBG {
	background-color: #3D332F;
	text-align: left;
	height: 256px;
	color: #8D796B;
	font-size: 1em;
}
.Copyright {
	height: 58px;
	font-size: 0.7em;
	line-height: 22px;
}
.NewsletterButton {
	margin-left: 3px;
}
.FootBoxL {
	width: 400px;
}
.FootBoxR {
	width: 300px;
}
.SmallText {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;

}
.NewsDrop {
	margin-top: 10px;
	margin-bottom: 10px;
}
.SearchField {
	background-color: #FFFFFF;
	height: 24px;
	width: 174px;
	border: 1px solid #990000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.SearchButton {
	margin-top: 5px;
}
.NewsField {
	background-color: #FFFFFF;
	height: 24px;
	width: 140px;
	border: 1px solid #990000;
	margin-right: 2px;
}
.NewsButton {
	height: 24px;
	width: 57px;
	margin-top: 10px;

}
.SideBox {
	height: auto;
	width: 174px;
	border: 1px solid #999999;
}
.SideHead {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 1em;
	color: #CC0000;
}
.SideBoxF {
	width: 162px;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.65em;
}
.SideBoxL {
	float: left;
	width: 97px;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.65em;
}
.SideBoxR {
	text-align: center;
	float: right;
	width: 65px;
}
.ClearBoth {
	clear: both;
}
.ContentLeft {
	float: left;
	width: 180px;
}
.ContentRight {
	background-color: #F4F4F4;
	float: right;
	width: 525px;
}


/* ################################################################################################## */
/* PAGE LIST ITEMS, NEWS ETC */
/* ################################################################################################## */

.ListBox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	background-image: url(../images/box-bg.jpg);
	background-repeat: repeat-x;

}
.ListText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.ListHeader {
	height: 28px;
	font-size: 1em;
	background-color: #E0E0E0;
	color: #FFFFFF;
	padding-top: 6px;
	font-weight: normal;
}
.PicThumb {
	margin: -30px 10px 6px;
	border: 1px solid #999999;
	float: right;
	text-align: center;
	padding: 3px;
	background-color: #FFFFFF;
}
.NewsDate {
	font-weight: bold;
	color: #999999;
	height: 30px;
}
.PicBox {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: auto;
	float: left;
}
.FootNewsDate {
	font-weight: normal;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}
.FootNewsDots {
	background-image: url(../images/content-dots.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.FooterDrop {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.QuickForm {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 300px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
}
.QuickFormLeft {
	float: left;
	width: 100px;
	height: 25px;
}
.QuickFormRight {
	float: right;
	width: 200px;
	height: 25px;
}

.ContentQuote {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;

}
.ContentLinks {
	float: left;
	width: 43%;
	margin-right: 10px;
}
.SpecBox {
	text-align: center;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 0.8em;
}
.SpecLeft {
	float: left;
	width: 25%;
	text-align: left;
	font-weight: bold;
}
.SpecRight {
	text-align: left;
	float: right;
	width: 75%;
}


a.linkMainNav:link, a.linkMainNav:visited, a.linkMainNav:hover, a.linkMainNavOff:link, a.linkMainNavOff:visited, a.linkMainNavOff:hover, a.linkSubNav:link, a.linkSubNav:visited, a.linkSubNav:hover, a.linkSubNavOff:link, a.linkSubNavOff:visited, a.linkSubNavOff:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, san-serif;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
} 
a.linkMainNav:link, a.linkMainNav:visited, a.linkMainNavOff:hover, a.linkSubNav:link, a.linkSubNav:visited, a.linkSubNavOff:hover {
	color: #003399;
}
a.linkMainNav:hover, a.linkMainNavOff:link, a.linkMainNavOff:visited, a.linkSubNav:hover, a.linkSubNavOff:link, a.linkSubNavOff:visited {
	color: #990000;
}


.MenuSide, .MenuSub, .MenuItem, .MenuSubItem {
	list-style-type: none;
}

.MenuSide {
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	width: 175px;
}
.MenuItem {
	margin-bottom: 5px;
	padding-top: 6px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}

.MenuSub {
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
	width: 175px;
}
.MenuSubItem, .MenuSubItemHL {
	margin-bottom: 2px;
	margin-top: 2px;
	padding-top: 4px;
	padding-left: 5px;
	padding-bottom: 2px;
	border-width: 1px;
	border-style: dashed;
	border-color: #999999;
}
.MenuSubItemHL {
	background-color: #FFFFFF;
}
.FeatPic {
	margin-left: 15px;
	margin-top: -55px;

}

