/* =reset (ONLY EDIT THE FONT FAMILY)******************************** */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body {font:13px verdana,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% verdana,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body * {line-height:1.22em;}

/* =elements ***************************** */
a:link			{color: #0063CD;}
a:active		{color: #0063CD;}
a:visited		{color: #0063CD;}
a:hover		{color: #0063CD; text-decoration: none;}

body {background: url(/assets/images/bg.gif) repeat-x; color: #000;}
h1,h2,h3,h4,h5,h6 {}
h1 {}
h2 {}
h3 {}
p {}
ul, ol {}
li {}

/* =classes ***************************** */
.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {display: block; overflow: hidden;}

.float-left {float: left;}

.float-right {float: right;}

.border {border: 1px solid #000;}

/* =grids ***************************** */
#skip {display:none;}

#document {margin: auto;width: 971px;}

/* =header */
#header {width: 971px; height: 269px; background: url(/assets/images/header.jpg) no-repeat;overflow: hidden;}
#header ul {list-style: none;padding: 220px 0 0 0;}
#header ul li {
	float: left;
	padding: 10px 10px;
	background: url(/assets/images/bullet_topnav.jpg) no-repeat left;
}
#header ul li.border {border: none;}
#header ul li a {color: #134580;text-decoration: none;font-weight: bold;font-size: 107%;}
#header ul li a:hover {text-decoration: underline;}

/* =body */
#body {width: 971px;display: inline;}

#sub-content {width: 250px; float: left;}
#sub-content ul {list-style: none;margin: 20px 0 0 0;}
#sub-content ul li {padding: 10px 0; border-bottom: 1px solid #CDCDCD;}
#sub-content ul li a {color: #343434;background: url(/assets/images/bullet_up.jpg) no-repeat left;padding: 0 0 0 20px;text-decoration: none;}
#sub-content ul li a:hover {background: url(/assets/images/bullet_over.jpg) no-repeat left;color: #3A96F9;}
#sub-content img {margin: 50px 0;}

#main-content {width: 455px; float: left;}
#main-content h1 {background: url(/assets/images/h1.jpg) no-repeat; margin: 20px 10px;color: #0063CD; font-size: 152%; font-weight: normal;padding: 15px 0 0 60px;}
#main-content h2 {margin: 20px 10px;color: #0063CD;font-size: 122%;}
#main-content h3 {margin: 20px 10px;color: #0063CD;font-size: 107%;}
#main-content p {margin: 10px;color: #3232;}
#main-content ul {margin: 10px 50px;color: #3232;}
#main-content ul li {line-height: 1.5em;}
#main-content ol {margin: 10px 50px;color: #3232;}
#main-content ol li {line-height: 1.5em;margin: 5px 0;}

#side-content {width: 266px;float: left;}
#side-content img {display: block; margin: 20px auto 0 auto;}

/* =footer */
#footer {clear: both;background: #013567;}
#footer p {font-size: 85%;display: block; width: 971px; margin: 0 auto;position: relative;padding: 20px 0 50px 0;color: #fff;}
#footer p a {color: #389AF3; text-decoration: none;color: #002D59;position: absolute;right: 0;top: 0;background: url(/assets/images/sitemap.gif) no-repeat;padding: 4px 50px 10px 10px;}
#footer p span {color: #359AFF;}

/* =navigation */
#main-navigation {}
#main-navigation li {}
#main-navigation li a {}
#main-navigation li a:hover {}

#sub-navigation {}
#sub-navigation li {}
#sub-navigation li a {}
#sub-navigation li a:hover {}

/* =cta */
#cta-main {}

.cta-sub {}

/* =extra elements (Anything that needs a custom name use ee-customname)*/
.ee- {}

/* =omniture */
#omniture {display: none;}

/* =form ***************************** */
#form {width: 400px;} /* You need to change the width according to your document */

form ul {position: relative;list-style-type: none;width: 100%;}

form li {line-height: 2em;margin: 0;padding: 1px 4px 6px 9px;display: inline-block;} /* You need to change the padding according to your document */

form li:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}

/* =holly hack */
* html form li {height: 1%;}
form li {display: block;}
/* =end holly hack */

form li div {float: left;display: inline;margin-right: 5px;color: #444;}

form li.focused {background-color: #fff7c0;}

form li p{clear: both;font-size: 9px;line-height: 13px;color: #444;}

form li div.left {width: 48%;}

form li div.right {width: 48%;}

form li div.left .medium, form li div.right .medium {width: 100%;}

.clear {clear: both;}

form li div p {margin-bottom: 3px;}

form li img.icon {float: left;margin: .35em 5px 0 0;}

/* =buttons */
.buttons {clear: both;margin: 10px 0 20px 7px;} 

.buttons .button {font-size: 120%;margin: 0 5px 0 0;} /* You need to change the margins according to your document */

.button {cursor: pointer !important;}

/* =fields and labels */
label.desc {font-weight: bold;line-height: 125%;padding: 4px 4px 1px 0;border: none;color: #444;display: block;font-size: 95%;}

input.text, textarea.textarea, select.select {font-size: 100%;border-top: 1px solid #7c7c7c;border-left: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3;border-bottom: 1px solid #ddd;color: #333;}

input.text {padding: 2px 0 2px 0;}

input.currency {text-align: right;}

input.checkbox, input.radio {display: block;line-height: 1.4em;margin: 8px 0 0 3px;width: 13px;height: 13px;}

label.choice {font-size: 100%;display: block;line-height: 1.4em;margin: -19px 0 0 25px;padding: 4px 0 5px 0;color: #444;width: 90%;}

textarea.textarea {margin-top: 1px; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;}

select.select {margin: 1px 0 1px 0;padding: 1px 0 0 0;}

select.select[class] {margin: 0;padding: 1px 0 1px 0;}

/* =sizes */
.third {width: 32% !important;}

.half {width: 48% !important;}

.full {width: 100% !important;}

input.small, select.small {width: 25%;}

input.medium, select.medium {width: 50%;}

input.large, select.large, textarea.textarea {width: 99%;}

input.tags {width: 315px;}

textarea.small {height: 5.5em;}

textarea.medium {height: 10em;}

textarea.large {height: 20em;}