/* Defaults */
*
{
	margin:0px;
	padding:0px;
}

/* Some page defaults that most child elements will inherit */
body
{
	background:#CBD7DF url(../image-files/body-bg.gif) repeat-x top left;
	background-attachment:fixed;
	text-align:center;
	font-family:verdana, lucida, arial, helvetica, sans-serif;
	color:#333;
}

/* Link colors and style for various states */
a:link{color:#447AC1;}
a:visited{color:#6A8CAF;}
a:hover{text-decoration:none;}
a:active{color:#2D7E4C;} 

/* The outermost div containing everything in the page. Do not touch or modify */
#BodyContainer
{
	background:#FFF;
	border:0px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:770px;
}

/* Use this div whenever you want to add a line break after a floating div or an image with align="right" or align="left" set */
.ClearIt
{
	clear:both;
	float:none;
	font-size:1px;
	color:#FFF;
	height:0px;
}

/* Page header. Do not insert anything inside the header (in the HTML) without making the corresponding change here. And rememeber to test in both IE and Firefox. */
#Header
{
	background:#FFF url(../image-files/header-bg.gif) no-repeat center top;
	height:253px;
}

/* The text inside the header field */
#HeaderText
{
	position:absolute;
	top:50px;
	margin-left:410px;
	color:#C1EBFB;
	width: 352px;
}
#HeaderText h4
{
	font-size:23px;
	font-weight:normal;
	width:350px;
	line-height: 27px;
}
#HeaderText p
{
	font-size:11px;
	font-weight:bold;
	width:350px;
}

/* The "global" navigation - contains the about us, contact us, and home links. */
#GlobalNav
{
	position:absolute;
	top:185px;
	text-align:right;
	background:transparent;
	padding:0px;
	margin:0px 0px 0px 540px;
	list-style:none;
	line-height:18px;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
}

/* Style for links inside the global navigation */
#GlobalNav a:link, #GlobalNav a:visited, #GlobalNav a:hover, #GlobalNav a:active
{
	background:transparent;
	color:#FFF;
	text-decoration:none;
	margin:0px 10px;
}
#GlobalNav a:hover
{
	text-decoration:underline;
}

/* The global nav is basically a list of links */
#GlobalNav li
{
	float:left;
}

/* The top horizontal navigation (dropdowns) is basically a list of links that form the top level navigation */
#TopNav, #TopNav ul
{
	float:left;
	padding:0px;
	margin:-32px 0px 0px 0px;
	list-style:none;
	line-height:25px;
	background:transparent;
	font-weight:bold;
	z-index:10;
}
#TopNav ul
{
	line-height:18px;
}

/* The individual top level items in the drop downs */
#TopNav li
{
	float:left;
	padding:0px;
	width:148px;
	color:#FFF;
	font-size:11px;
	padding:3px;
	text-align:left;
	background:transparent url(../image-files/menu-bg.gif) no-repeat top right;
}

/* Links in the drop downs (top level) */
#TopNav a
{
	display:block;
	width:148px;
	color:#FFF;
	font-size:11px;
	padding:0px;
	text-decoration:none;
}

/* Each top level item in the drop downs has an associated list of sub links that actually form the "dropdown" when you hover your mouse on it. What follows is the style for those dropdowns */
#TopNav li ul
{
	position:absolute;
	width:154px;
	height:auto;
	left:-999em;
	font-weight:normal;
	margin:0px;
	margin-left:-3px;
	background:#8CBED9;
	background:#DCEBF4;
}

/* The individual sub-items in the drop down */
#TopNav li li
{
	width:148px;
}

/* The individual sub-items (links) in the drop down */
#TopNav li li a
{
	color:#000;
}

/* Style for the top level and other elements when you hover your mouse over them */
#TopNav li:hover, #TopNav li.wtrhover, #TopNav a:hover
{
	background:#60A5CA;
}

#TopNav li:hover ul
{
	left:auto;
}

#TopNav li:hover ul, #TopNav li.wtrhover ul
{
	left:auto;
}

/* The search box. */
#Search
{
	position:absolute;
	top:15px;
	background:transparent;
	width:768px;
	text-align:right;
}

/* A button class. Used in the search form, but can be used elsewhere too */
.BlueBtn
{
	background:#5194C5;
	font-weight:bold;
	font-size:11px;
}

/* The div containing the content */
#Content
{
	text-align:left;
	line-height:120%;
	float:right;
	width:530px;
	margin-bottom:30px;
	margin-top:20px;
	margin-left:10px;
	padding-bottom:30px;
	padding-top:15px;
	background:#FFF;
}

/* Page heading */
#Content h1
{
	font-size:18px;
	font-weight:bold;
	color:#DF0000;
	padding-bottom:1px;
	margin:5px 10px 10px 0px;
}

/* Section heading */
#Content h2
{
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-align:left;
	text-transform:capitalize;
	border-bottom:1.4px solid #DF0000;
	margin:10px 10px 10px 0px;
}

/* Paragraph text */
#Content p
{
	padding:10px 10px 10px 0px;
	text-align:justify;
	font-size:.7em;
}

/* List items */
#Content li
{
	font-size:.7em;
	padding:10px 10px 0px 0px;
	text-align:justify;
	margin-left:40px;
}

/* Line divider/horizontal rule */
#Content hr
{
	margin-right:10px;
	color:#CCC;
	border:0px;
	border-bottom:1px solid #CCC;
}

/* The div for page abstact. Occurs only once in the page */
#PageAbstract
{
	font-size:0.7em;
	color:#D15543;
	padding-top:20px;
	margin-right:10px;
	border-bottom:1px solid #CCC;
	line-height: 2;
	background-color: #ffffdf;
	padding-left: 5px;
}

/* Right sidebar, for additional text, promos, etc. Repeat as many times in the page as desired */
.RightSidebar
{
	background-color:#F9F9F9;
	border:1px #DCDCDC solid;
	padding:5px;
	margin:10px;
	width:200px;
	float:right;
	clear:left;
}

/* Styles for stuff inside the right sidebar */
.RightSidebar p, .RightSidebar li, .RightSidebar h1, .RightSidebar h2, .RightSidebar h3
{
	font-size:11px;
	text-align:justify;
}

/* Headings inside the right sidebar */
.RightSidebar h1, .RightSidebar h2, .RightSidebar h3
{
	font-weight:bold;
	color:#3464AA;
}

/* Punch line. Repeat as many times in the page as desired */
.Punchline
{
	font-size:14px;
	font-weight:bold;
	color:#FE9E10;
	border:1px solid #CCC;
	border-width:1px 0px;
	padding:10px 0px;
	margin:10px 10px 10px 0px;
}

/* Punch line text. created: KGO */
.Punchlinetext
{
	font-size:14px;
	font-weight:normal;
	color:#191919;
	border:1px solid #CCC;
	border-width:1px 0px;
	background-color: #F4F4F4;
	padding-left: 10px;
	clear: inherit;
}


/* Style for a picture that floats towards the right side. Repeat as many times in the page as desired */
.RightPic
{
	margin:10px;
	float:right;
	clear:left;
}

/* Style for a picture that floats towards the left side. Repeat as many times in the page as desired */
.LeftPic
{
	margin:10px;
	float:left;
	clear:right;
}

/* Div for extra information at the bottom in the content pages, or towards the middle, in the home page. Repeat as many times as desired. */
#Content .InfoBox
{
	background-color:#F9F9F9;
	border:1px #DCDCDC solid;
	padding:10px;
	margin:25px 10px 10px 0px;
	text-align:justify;
	font-size:11px;
}

/* Style for elements inside the information "box". */
#Content .InfoBox p, #Content .InfoBox li, #Content .InfoBox h1, #Content .InfoBox h2, #Content .InfoBox h3
{
	font-size:11px;
}

/* Headings inside the info box */
#Content .InfoBox h1, #Content .InfoBox h2, #Content .InfoBox h3
{
	font-weight:bold;
	color:#3464AA;
	margin-top:15px;
}

/* Fancy bulleted list */
.LinksList
{
	list-style-image:url(../image-files/link-list-bullet.gif);
}

/* The div containing the entire left side navigation */
#LeftColumn
{
	background:#F7F7F9 url(../image-files/navbox-bg.gif) repeat-y right top;
	background:#FFF;
	float:right;
	font-size:11px;
	width:210px;
	margin:25px 5px 0px -5px;
}

/* Boxes in the left column */
.LeftBox
{
	float:left;
	padding:20px 0px;
	margin:15px 0px;
	background-color:#F9F9F9;
	border:1px #DCDCDC solid;
	line-height:170%;
	width:100%;
}

/* Heading for the boxes in the left column */
.LeftBox h4
{
	font-size:10px;
	text-transform:uppercase;
	color:#223949;
	height:20px;
	line-height:18px;
	padding:5px;
	font-weight:bold;
}

/* Bulleted lists for the boxes in the left column */
.LeftBox ul
{
	padding:5px;
	margin:0px;
}

/* List elements for the boxes in the left column */
.LeftBox li
{
	list-style-type:disc;
	margin-left:20px;
}

/* For normal text in the boxes in the left column. Put all text inside <p> and </p> tags only. */
.LeftBox p
{
	padding:5px;
}

/* The download button */
.DownloadBtn
{
	background:transparent url(../image-files/downloadbtn-bg.gif) no-repeat 0px -65px;
	width:136px;
	height:45px;
	border:0px;
	margin-top:10px;
}
.DownloadBtn:hover
{
	background:transparent url(../image-files/downloadbtn-bg.gif) no-repeat 10px 7px;
	width:144px;
	height:45px;
	border:0px;
	margin-top:10px;
}

/* The breadcrumbs trail, at the top of the page */
#BreadCrumbs
{
	position:absolute;
	top:225px;
	background:#BCD;
	background:transparent;
	text-align:left;
	font-size:10px;
	color:#789;
	padding:10px;
	margin-top:26px;
}

/* The links at the bottom of the page */
#FooterLinks
{
	color:#666;
	border:#CCC 2px solid;
	border-width:1px 0px;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	font-size:10px;
	background:#ECECEC;
}

/* Page footer */
#Footer
{
	color:#666;
	border:#CCC 2px solid;
	border-width:1px 0px;
	margin-bottom:20px;
	padding:10px;
	text-align:center;
	font-size:10px;
	background:#FFF;
}

/* The copyright information, inside the page footer. Occurs only once in the HTML page */
#CopyrightInfo
{
	float:right;
	width:440px;
	text-align:left;
}

/* The address information, inside the page footer. Occurs only once in the HTML page */
#AddressInfo
{
	float:left;
	width:300px;
	text-align:left;
}
#AddressInfo img
{
	margin-right:10px;
}

/* styles added by karl ....................... */

.style1 
{
	color: #F98F00
	}


.style2 
{
	color: #FE9E10;
	font: bold;
	}


.style97 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; color: #000000;
}


.QuickTip 
{
	color: #FDB92D
	}


.RegDates 
{
	line-height:1.5}