@charset "UTF-8";

/* globals */
body { color: #333; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* typo */
h1, h2, h3, h4, h5, h6, em { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1			{ width: 130px; height: 79px; float: left; }
h2 			{ color: #888; font-size: 1.83em; letter-spacing: -1px; border-bottom: 1px solid #ccc; margin: 0 0 0.5em 0; }
h2#sub			{ color: #900; font-size: 1em; letter-spacing: -1px; border-bottom: 0px; margin: 0 0 0 0; }
hr			{ border: 1px dotted #900;}

h2 strong 	{ color: #000; }
h3			{ font-size: 1.42em; letter-spacing: -1px; }

em			{ font-style: italic; }
strong 		{ font-weight: bold; }

p 			{ margin: 0 0 1.5em 0; }
p#link a	{ text-decoration:none;}
p#link a:hover	{ text-decoration: underline;}
ul, ol 		{ margin: 0 0 1.5em 20px; }
ul 			{ color: #fed70d; }
ul li span 	{ color: #333; }

em			{ font-style:normal; color:#900;}

address     { margin: 0 0 1.5em; font-style: italic; }


table		{ width: 90%; margin: 0 auto 1.4em auto; border: 1px solid #a7daf5; }
th			{ font-weight: bold; background: #a7daf5; }
th, td		{ padding: 4px 10px 4px 5px; }
td strong	{ text-transform: uppercase; }
td.numbers	{ text-align: right; }
td.summary	{ border-top: 1px solid #a7daf5; }

fieldset    { border: 1px solid #a7daf5; }
input.text, input.title,
textarea, select {
  border:1px solid #a7daf5;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #5695cb;
}
 
input#phone1   { width: 80px; padding: 3px 5px; margin-right: 4px; }
input#phone2   { width: 80px; padding: 3px 5px; margin-right: 4px; }
input#phone3   { width: 100px; padding: 3px 5px; }


/* layout elements */
.container 	{ width: 760px; position: relative; margin: 0 auto; }
.sidebar 	{ float: left; width: 120px; padding: 10px 0 0 0; _margin-left: -5px; }
.sidebar h3 { text-align: center; }

.box			{ background: #a7daf5 url(../images/box-bg.gif) 0 0 no-repeat; font-size: 0.92em; margin: 0 0 1.5em 0; padding: 5px; }
.box-inner		{ width: 92px; background: #fff url(../images/box-inner-bg.gif) 0 50% no-repeat; text-align: center; margin: 0 auto; padding: 10px 7px; }
.box-inner em	{ font-size: 1.09em; }

/* placeholders */
#top		{ width: 770px; background: transparent url(../images/top-bg.gif) 50% 100% no-repeat; margin: 0 -20px; padding: 17px 20px 0 20px; }
#logo		{ float: left; width: 130px; }
#rest		{ float: right; width: 615px; text-align: right; padding: 8px 0 0 0; }
#content 	{ float: left; width: 470px; border-left: 1px solid #a7daf5; border-right: 1px solid #a7daf5; margin: 0 10px 0 10px; padding: 15px 13px 0 13px; }
#footer		{ width: 760px; clear: both; height: 20px; color: #9f9f9f; background: transparent url(../images/footer-bg.gif) 50% 0 no-repeat; font-size: 0.92em; margin: 0 auto; padding: 15px 20px 10px 20px; }

#get-started-box	{ margin: 0 -13px; padding: 0; bottom: -5px; position: relative; }
#cooperative img	{ margin-bottom: 15px; }
#logos-box img		{ margin-bottom: 15px; }

/* widgets */
ul#mainnavi 	{ list-style: none; list-style-image: none; margin: 10px 0 30px 0; padding: 0; }
ul#mainnavi li	{ float: left; margin: 0 10px 0 0; }
ul#mainnavi a 	{ display: block; color: #000; background: transparent url(../images/mainnavi-li-bg.gif) 50% 100% no-repeat; font-size: 0.92em; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; padding: 0 0 9px 0; }
ul#mainnavi a:hover,
ul#mainnavi li.selected a { background: transparent url(../images/mainnavi-li-hover-bg.gif) 50% 100% no-repeat; }

#footer p		{ float: left; }
#footer ul 		{ float: right; list-style: none; list-style-image: none; margin: 0; padding: 0; }
#footer ul li 	{ float: left; border-left: 1px solid #9f9f9f; margin: 0 0 0 10px; padding: 0 0 0 10px; }
#footer ul li:first-child,
#footer ul li.first-child	{ border-left: none; margin: 0; padding: 0; }
#footer a		{ color: #d7b900; text-decoration: underline; }
#footer a:hover	{ text-decoration: none; }

/* extra stuff */
.bottom     	{ margin-bottom: 0 !important; padding-bottom: 0 !important; }
.last			{ margin-right: 0 !important; padding-right: 0 !important; }
.content-right	{ float: right; margin: 0 0 10px 10px; }
.content-left	{ float: left; margin: 0 10px 10px 0; }

.special	{ color: blue; }