@import url("nav.css");
@import url("modules.css");

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive.eot');
	src: local('ChunkFive'), local('ChunkFive'), url('Chunkfive.woff') format('woff'), url('Chunkfive.ttf') format('truetype'), url('Chunkfive.svg#ChunkFive') format('svg');
}


body {margin: 0; padding: 0; color: #666; background: #fff; font-size: 80%;}
body, textarea {font-family: Arial, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#d70500; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;
	border-collapse: collapse; }
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 5px 0; font-weight: bold; padding: 0;}
h1, h2, .data caption  {font-family: ChunkFiveRegular, Arial, sans-serif; font-weight: normal;}
h1 {font-size: 20px; color: #f59ea1;}
h2{font-size: 20px; color: #5f5f5f;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 0.9em; font-style: italic; font-weight: normal;}


p, pre { margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0; padding: 0; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {}
label { position: relative; top: 0.02em; padding-right: 0.02em;}

/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

#wrap {width: 940px; position: relative; margin: 0 auto; }
h1#logo {padding: 30px 0 0 10px; margin: 0; font: 12px arial, sans-serif;}

#alert {font-size: 13px; background: #f9f6d3; border: 1px solid #ccc;
	padding: 5px; width: 800px;
	position: absolute; left: 128px; top: 113px;}
#alert h3 {font-family: ChunkFiveRegular, Arial, sans-serif; display: inline; 
	font-size: 14px; font-weight: normal; text-transform: uppercase; margin: 0 0 0 5px;}
#cnt {margin: 1em 0;}


#foot { background: #d0d0d0 url(../img/bg_foot.png) repeat-x 0 0; padding: 10px 0;
	text-align: center;}
#foot #flinks {color: #5f5f5f; font-size: 12px; font-weight: bold; margin-bottom: 10px;}
#foot #flinks a { padding: 0 5px;}
#foot span.copy {font-size: 11px;}
#foot span.copy a { color: #5f5f5f;}
#foot span.copy a:hover {color: #000;}

#search { position: absolute; top: 38px; right: 2px;}
#search span { background: url(../img/bg_inputS.png) no-repeat; height: 20px; width: 155px; 
	display: block; float: left; 
	margin: 0 2px 0 0; padding: 4px 0 0; }
#search span input.stxt { border: 0 none; background: none; color: #363636;
	margin: 0; padding: 0 3px 0 26px; width: 126px; outline: none;}
#search span input.stxt:focus {outline: none;}
#search input.FormButton { background: #fff; color: #fff; font-size: 1em; padding: 0; border: 0 none;}

#logTab {position: absolute; top: 0; right: 60px; 
	font-size: 10px; }
#logTab a { color: #fff; text-transform: uppercase;background: url(../img/bg_tlogin.png) no-repeat 0 0;
	 width: 128px; height: 25px; line-height: 24px; display: block; float: left; margin-right: 2px;
	text-align: center; font-weight: bold;}
#logTab a:hover { text-decoration: none; color: #FDE8E9;}

#locate {position: absolute; top: 28px; left: 130px; height: 34px; width: 76px;}

.homeLeft, .homeRight  { float: left; width: 450px; padding: 0 10px;}
.homeLeft { background: url(../img/vertline.png) repeat-y top right;} 
.homeLeft h1, .homeRight h1 {margin: 0;}
.homeLeft h2, .homeRight h2 {margin: 15px 0 0;}

.apple { background: url(../img/bg_apple.png) no-repeat top right; font-size: 12px; line-height: 18px;
	min-height: 146px; padding-bottom: 10px;}
.apple p {line-height: 18px; margin: 0;}
.apple img { margin-top: 10px;}

/* landing pages */
.menu { float: left; width: 125px; }
.right { float: right; width: 800px; padding-left: 10px; background: url(../img/vertline.png) repeat-y;
	min-height: 350px;}
.right h2 {margin: 1em 0 0;}

/* nice table */
.data { border: 1px solid #f5f5f5; border-width: 1px 0 0 1px;}
.data caption { font-size: 16px;}
.data th { text-align: left; padding: 5px; background: #ccc; font-size: 11px; color: #fff;}
.data td { padding: 5px; border-bottom: 1px dashed #ccc; border-right: 1px solid #f5f5f5; font-size: 0.9em;}
.data tr.alt td { background: #f5f5f5;}
.data tr:hover td { background: #FDE8E9;}
.data tfoot td {font-weight: bold;}
.data .nowrap {white-space: nowrap;}
.data .nowrapbold {white-space: nowrap; font-weight: bold;}


.note {width: 85%; margin: 10px auto; padding: 10px; font-size: 11px; background: #ffc;}





.EditMode {}/* add for styles that need to display differently in cmsdesk */
.DesignMode #search {position: relative;}