/*
Default base for all pages.
@requires reset, fonts
*/

/*
General tags
------------*/

* {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	outline: none;
}

body {
	/* For breathing room between content and viewport. */
	margin:0px;
	line-height:1.15;
}

h1 {
	/* 18 px */
	font-size: 138.5%;
	color: #cf2028;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h2 {
	/* 25 px */
	font-size: 189%;
	color: #cf2028;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h3 {
	/* 20 px */
	font-size: 153.9%;
	color: #cf2028;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h4 {
	/* 13 px */ 
	font-size: 100%;
	font-style: italic;
	padding: 0px 0 5px 0;
	color: #636567;
}
h5 {
	/* 16 px */
	font-size:123.1%;
	text-align:center;
	margin:	3px 0;
	}
h6 {
	/* 14 px */
	font-size:108%;
	}
h2, h3 {
	/* Top & bottom margin based on font size. */
	margin: 0.44em 0 0.37em;
}

h1,h4,h5,h6,strong,dt {
	/* Bringing boldness back to headers and the strong element. */
	font-weight: bold;
}
optgroup {
	font-weight:normal;
}

abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}

blockquote,ul,ol,dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 1em;
}

ol,ul,dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style:outside;
}

dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

th,td {
	/* Borders and padding to make the table readable. */
	padding: .5em;
}

th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: .5em;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

a { 
	text-decoration: none;
	color: #cf2028;
}
a:hover { 
color: #636567;
}

p,
fieldset,
table,
pre {
	/* So things don't run into each other. */
	margin-bottom: 0.88em;
}
p,
strong {
	text-align:justify;
}
/* Opera requires 1px of passing to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
hr {
	border:none;
	background:url(../images/default/1pxBlack.gif);
	height:2px;
	margin:15px 0;
	}

/*
Specific tags
------------*/
#keywords {
	height:22px;
	background-color:#EFEFEF;
	}
#keywords h1,
#keywords h2 {
	display:none;
	position:relative;
	top:-100px;
	left:-100px;
	}
ul#mainMenu {
	position:absolute;
	top:505px;
	margin:0;
	z-index:2;
	}
ul#mainMenu li {
	width:82px;
	height:25px;
	background:url(../images/default/menu/bg_title.gif) no-repeat left top;
	list-style-type:none;
	text-align:center;
	float:left;
	}
ul#mainMenu li a {
	font-size:12px;
	font-weight:bold;
	color:#636567;
	display:block;
	padding:9px 0 2px;
	}
ul#mainMenu li a:hover {
	color:#CF2028;
	background:url(../images/default/menu/bg_link.gif) no-repeat left 5px;
	}
ul#mainMenu li a.selectedOption {
	color:#fff;
	background:url(../images/default/menu/bg_expand_title2.gif) no-repeat left top;
	}
ul#mainMenu li ul.levelTwoMenu {
	position:absolute;
	top:-500px; /*-120px*/
	margin:0;
	background:url(../images/default/menu/bg_expand_title.gif) no-repeat;
	z-index:1;
	padding:4px 0;
	visibility: hidden;
	overflow: hidden;
	display: block;
}

ul#mainMenu li ul#aboutUsSubMenu{
	left: 82px;

}

ul#mainMenu li ul.levelTwoMenu li {
	background:none;
	float:none;
	height:auto;
	width:82px;
	}
ul#mainMenu li ul.levelTwoMenu li a{
	font-weight:normal;
	font-size:10px;
	color:#fff;
	padding:3px;
	line-height:1.3;
	}
ul#mainMenu li ul.levelTwoMenu li a:hover {
	background:none;
	color:#fff;
	}
ul#mainMenu li a.expandedOption {
	background:url(../images/default/menu/bg_link2.gif) no-repeat;
	color:#fff;
	display:block;
	}
#mainContent {
	width:925px;
	height:508px;
	margin:0 auto;
	padding:0 0 0 70px;
	background:url(../images/default/top/logo.gif) no-repeat right 10px;
	}
#mainContent span.mainLogo {
	background:url(../images/default/top/logo.gif) no-repeat right top;
	width:100%;
	height:88px;
	display:block;
	margin:0 0 19px 0;
	}
#mainContent #infoContent {
	width:550px;
	position:absolute;
	top:120px;
	}
#mainContent #infoContent p.fistParagraph {
	margin-top:19px;
	}
#mainContent #infoContent span.red {
	color:#CF2028;
	}
#mainContent #infoContent span.gray {
	color:#636567;
	}
#mainContent #infoContent h4.list {
	width:150px;
	float:left;
	margin:4px 0 0 10px;
	}
#mainContent #infoContent ul.smallRightList {
	list-style:none;
	float:left;
	margin:3px 0 19px 58px;
	width:300px;
	line-height:1.05em;
	}
#mainContent #infoContent ul.plain {
	list-style:none;
	float:left;
	margin:9px 0 19px 13px;
	text-align:justify;
	width:530px;
	}
#mainContent #infoContent ul li {
	list-style-image:url(../images/default/list_dot.jpg);
	margin:0 0 2px 0;
}
#mainContent span#flashContent {
	display:block;
	float:right;
	width:257px;
	height:262px;
	position:relative;
	top:128px;
	left:-30px;
	}
#mainContent span#slideImage {
	width:265px;
	height:262px;
	display:block;
	position:relative;
	top:121px;
	left:631px;
	}

#mainContent #infoContent div.scrollContainer
{
	position: relative;
	overflow: hidden;
	display: block;
	width: 550px; 
	height: 265px; 
	border: none;
}

#mainContent #infoContent div.scrollContainer div.scrollableContent
{
	position: absolute;
	top: 0; 
	left: 0; 
	width: 550px; 
	height: auto;
}

#bottom {
	height:50px;
	background:url(../images/default/1pxRed.jpg) repeat;
	padding:25px 0px 0px 25px;
	}
#bottom p.brandingMessage {
	color:#fff;
	margin:0 auto;
	/*padding:0 0 0 455px;*/
	text-align:right;
	width:990px;
	}

.rightAligned
{
	text-align: right;
	margin:10px 2px 0 0;
}

.center {
	display:block;	
	text-align: center;
	}
.justify {
	text-align: justify;
	}
.underline {
	text-decoration:underline;
	}
.italic {
	font-style:italic;
	}