/* Base styles 
------------------------------------------------------------------------------- */
* { margin:0; padding:0; }
html {height: 100%}

body {
    background: transparent url(../images/bodybg.png) repeat top left; 
    font: normal 13px/1.6em  georgia, times, serif;
    text-align: center;
    margin: 0 auto 1px;
    height: 100%;
    text-align: center;
}
div, p, img, a, td, ul, ol {
    font-size: 1em; }
img {
    border: none; }

h1, h2, h3, h4 {
	font-family: georgia, helvetica, arial, verdana, sans-serif;
	font-weight: normal;
	color: #888;
	margin-bottom: .25em;
	line-height: 1em;
}
h1 { font-size: 218% }
h2 { font-size: 164%; }
h3 { font-size: 145%; }
h4 { font-size: 118%; }

p { padding: 0 0 1em }
    
ul, ol {
    margin-left: 1em;
    padding-left: 1em;
}

.clear {
    clear:both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

/* Main layout 
------------------------------------------------------------------------------- */

 #site {
    text-align: left;
    margin: 10px auto 0;
    padding-bottom: 60px;
    width: 710px;  }
 #contentw {
    clear: both;
    margin: 0 auto; 
    background: transparent url(../images/body.png) repeat-y top left; }
 #content {
    margin: 0 16px 0 6px;
    height: auto !important;
    min-height; 300px;
    height: 300px;
    padding: 20px 20px 0; }

 #head {
    padding: 0;
    margin: 0;
    height: 143px;
    background: transparent url(../images/head.png) no-repeat top left; }
 #head a img {
    margin: 5px 0 0 5px; }   

/* Messaging 
------------------------------------------------------------------------------- */
.message, .error {
    background: green;
    margin: 6px 0;
    padding: 12px;
    color: #fff;
}
.error {
    background: red;
}
/* Main Naviagation 
------------------------------------------------------------------------------- */

ul.nav {
    background: transparent url(../images/nav.png) no-repeat top left;
    height: 25px;
    margin: 2px 0 0;
    padding: 3px 30px 5px 20px;
    list-style-type: none; }
ul.nav li {
    display: inline;
    float: left;
    display: block;
    margin-right: 1px; }
ul.nav a {
    display: block;
    float: left;
    padding: 0 7px;
    color: #ddd;
    line-height: 16px;
    text-decoration: none; }
ul.nav a:hover {
    background: #ddd;
    color: #333; }
ul.nav li.here {
    font-style: bold;
    background: #adbbff;
    color: #111; 
    padding: 0 7px;
    line-height: 16px;
}    

ul.subnanv,
ul.subnanv li {
    margin: 0;
    padding: 0;
}
ul.subnav li a { 
    background-color: #fafafa;
}
ul.subnav li.here a { background-color: #ccc; }
/* Two-column content
------------------------------------------------------------------------------- */
div.maincontent {
    margin-right: 215px;
}
div.navside {
    float: right;
    margin-right: -10px;
    width: 200px;
    clear: none;
    border-left: 1px solid #ddd;
    padding: 8px 0 10px 10px;
}
div.navside ul,
div.navside li {
    list-style: none;
}
div.navside li {
    margin: 0 2px 2px 0;
    float: left;
    display:block;
}
div.navside a {
    padding: 2px 6px;
    background-color: #eee;
    display: block;
    float: left;
    text-decoration: none;
    width: 119px;
}
div.navside li.here {
    padding: 2px 6px;
    background-color: #ddd;
    display: block;
    float: left;
    margin: 0 2px 2px 0;
    color: #333;
    width: 119px;
}
div.navside li.here a {
    margin: -2px -6px;
}

div.navside a:hover {
    background-color: #555;
    color: #fff;
}
div.navside a:active {
    background-color: #222;
    color: #fff;
}

div.instructions {
    border: 1px solid #ccc;
    background-color: #fafafa;
    padding: 6px;
    position: relative;
    cursor: pointer;
}

div.tutorialHide {
    font-size: 93%;
    text-align: right;
    color: #777;
    padding-right: 6px;
}

a.action {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: blue;
    padding: 2px 6px 1px;
    text-decoration: none;
}
a.action:hover {
    background-color: blue;
    color: white;
}
/* Footer 
------------------------------------------------------------------------------- */

#foot {
    color: #555;
    padding: 60px 30px 0 20px;
    background: transparent url(../images/foot.png) no-repeat top left; }
#foot p {
    margin-top: -13px;
    line-height: 18px; }
#foot a {
    text-decoration: none;
    color: #444;
    padding: 1px 2px; }
#foot a:hover {
    background-color: #555;
    color: #eee; }        


/* Tables 
------------------------------------------------------------------------------- */
table {
    margin: 12px 0;
    width: 100%;
    padding: 0;
    border: 1px solid #ddd;
    border-width: 1px 0 0 1px;
    background-color: #fff;
}
table * {
    margin: 0;
    padding: 0;
}
table a {
    line-height: 20px;
}

tr.alt {
    background-color: #eef;
}

td, th {
    border: 1px solid #ddd;
    border-width: 0 1px 1px 0;
    padding: 1px 3px;
}
td a.inactive {color: #bbb !important}

/* Buttons 
------------------------------------------------------------------------------- */
a.smbutton {
    border: 1px solid #bbb;
    border-color: #ddd #bbb #bbb #ddd;
    padding: 0 3px;
	line-height: 16px;
	height: 16px;
    text-decoration: none;
    background-color: #fff;
    margin-right: 3px;
    white-space: nowrap;
}
a.smbutton:hover {
    background-color: #ddd;
}
a.smbutton:active {
    background-color: #eee;
    border-color: #bbb #ddd #ddd #bbb;
}


a.button {
    border: 1px solid #61B7F1;
    border-color: #61B7F1 #305BE9 #305BE9 #61B7F1;
    background-color: #C0CBF1;
    color: #081A55;
    padding: 0 6px;
    line-height: 24px;
	 height: 24px;
    text-decoration: none;
    margin-right: 3px;
    white-space: nowrap;
    font-size: 14px;
    display: block;
    float: left;
}
a.button:hover {
    border-color: #305BE9 #61B7F1 #61B7F1 #305BE9;
    background-color: #99AFF7;
}
a.button:active {
    color: #fff;
    background-color: #081A55;
    border-color: #bbb #ddd #ddd #bbb;
}


/* Pagination 
------------------------------------------------------------------------------- */
#pagination ul {
    list-style: none;
    clear: both;
}
#pagination li {
    list-style: none;
    float: left;
    display: inline;
}
#pagination a {
    float: left;
    display: block;
    padding: 2px;
}

/* Forms 
------------------------------------------------------------------------------- */

form {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	clear: left;
}
form.full {
    width: 100%;
}
form fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	display: block;
	clear: left;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

form label,
form p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first,
form label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}

form label.second,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}

form label.first input,
form label.city input,
form label.second input,
form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0;
}

form label.state,
form label.field-state {
	float: left;
	clear: none;
	margin-right: 10px;
	width: 60px;
}

form label.state select,
form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.zip,
form label.field-zip {
	float: left;
	clear: none;
	width: 80px;
}

form label.zip input,
form label.field-zip input {
	float: left;
	width: 80px;
}

form label,
form label.field-address {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

form label input,
form label.field-address input {
	float: left;
	width: 310px;
	padding: 0;
}

form input.radio,
form input#radio_1,
form input#radio_2,
form input#radio_3,
form input#radio_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

textarea {
	display: block;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox,
form label.field-checkbox {
	clear: none;
	margin: 0 0 0 9px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers */
form input[type=password],
form input[type=text],
form input.calc[type=text] {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(../images/input-bg.gif) repeat-x top left;
}
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    background: #fff url(../images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
form textarea {
	margin-top: 3px;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}


form fieldset ul.collection-sorter ul,
form fieldset ul.collection-sorter li {
    margin-left: 1em;
    padding-left: 1em;
}