/* Structure and Layout
--------------------------------------- */

body {
	background: #F0F0F0;
	color: #666;
	text-align: center;
	line-height: 1.5em;
	font: 100% helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

#body {background: #F0F0F0 url(../images/pagebk.png) repeat-x;}

#frame, #footerframe {
	text-align: left;
	margin: 0 auto;
	width: 760px;
	}

#header {
	height: 185px;
	position: relative;
	background: #F0F0F0 url(../images/headerbk.jpg) top left no-repeat;
	}
	
#maincol {
	float: left;
	display: inline;
	width: 580px !important;
	padding: 0 0 10px 0;
	font-size: 80%;
	}	


#rightcol {
	float: right;
	display: inline;
	width: 180px;
	color: #5b584c;
	font-size: 80%;
	margin: 0 0 10px 0
	}


#footer {
	clear: both;
	background: #000 url(../images/footerbk.png) repeat-x;
	color: #5b584c;
	height: 173px;
	font-size: 80%
	}
	
a {text-decoration: none}
a:focus, a:hover {background: #FFEA00 !important; color: #000 !important;}

#logo span {margin: 0; padding: 0; background: url(../images/logo.png) top left no-repeat; display: block; width: 169px; height: 90px; position: absolute; top: 9px; left: 0 }
#logo a h1 {cursor: pointer}
#logo h1 span, #hide {display: none}

/* Primary Nav
--------------------------------------- */
#primarynav{
width: 100%;
padding: 0;
background: transparent;
position: absolute;
top: 118px;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#primarynav ul{
font-weight: bold;
margin:0;
margin-bottom: 1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#primarynav li{
display:inline;
padding:0;
}

#primarynav a{
float:left;
color: #FFEA00;
background: #6E6335;
margin:0;
padding:16px 5px 17px 8px;
text-decoration:none;
letter-spacing: 1px;
font-size: 14px
}

#primarynav a span{
float:left;
display:block;;
padding:3px 9px 3px 6px;
}

#primarynav a span{
float:none;
}

#primarynav a:hover{
background-color: #FFEA00;
color: #000
}

#primarynav a:hover span{
background-color: #FFEA00;
color: #000
}

#primarynav .this a, #primarynav .this span{ /*currently selected tab*/
background-color: #FFEA00;
color: #000
}

#members ul{
font-weight: bold;
margin:0;
padding:0;
list-style:none;
}

#members a{
color: #000;
background: transparent !important;
margin:0 0 0 28px;
padding:0;
text-decoration:none;
}

#members a:hover, #members a:hover span{
color: #000;
background: transparent !important;
text-decoration:none;
}

/* Search Row
--------------------------------------- */

#searchrow {display: block; width: 170px; float: right; margin: 9px 0 3px 0}

h3.tagsearch, h3.tagsearch a {font-weight: bold !important; font-size: 14px; color: #fff; margin: 0 0 3px 0} 
 
#searchrow form {margin: 0; padding: 0}
#searchrow .searchbox input.searchBoxinput {border: none !important; font-size: 15px; width: 130px; background: #fff; height: 18px; color: #000; float: left }
#searchrow .searchbox input.searchBoxinput:hover { color: #000;background: #FFEA00;} 

#searchrow button { font-weight: bold; color: #6C6C6C; width: 26px; background: #EBF0AC; border: none !important; font-size: 90%; margin: 0 0 0 1px; padding: 0 2px 2px 1px; } 
#searchrow button:hover { color: #000;background: #FFEA00; cursor: pointer } 
#searchrow dd select {border: none !important; font-size: 14px; width: 155px; background: #fff; margin: 0; padding: 0}
#searchrow .tagname {color: #FFEA00; font-size: 80%}
#searchrow p.or {margin: 7px 0 3px 0; padding: 0; font-size: 14px; font-weight: bold; color: #EBF0AC}

/* Main Col Blocks
--------------------------------------- */

#maincol .block {background: #fff url(../images/maincoltop.png) top left no-repeat; width: 570px; display: block; margin: 10px 0 0 0; float: left}
#maincol .block .padding {margin: 0; padding: 0.5em 10px}
#maincol .block .profilepadding {margin: 0; padding: 0.5em 10px}

#maincol .blockbottom {background: #fff url(../images/maincolbot.png) bottom left no-repeat; width: 570px; display: block;  float: left}

/* General formatting
--------------------------------------- */
#maincol h1 {margin: 0; padding: 10px 0 10px 10px; font-size: 130%}
#maincol h2 {margin: 0; padding: 0; font-size: 100%}
#maincol a {color: #6E6335; text-decoration: none;}
#maincol a:hover {background: #FFEA00 !important; color: #000 !important;}
#maincol ul {width: 520px;}
#maincol li {margin: 5px 0; list-style: circle}
#maincol .stepsimage {margin: -2px 0 0 2px}
h1#nouser {color: red !important}
/* Right Col Blocks
--------------------------------------- */

#rightcol .block {background: #fff url(../images/rightcoltop.png) top left no-repeat; width: 180px; display: block; margin: 10px 0 0 0; float: left}
#rightcol .block p {margin: 0; padding: 0.5em 10px}
#rightcol .blockbottom {background: #fff url(../images/rightcolbot.png) bottom left no-repeat; width: 180px; display: block; float: left}
#rightcol a {color: #6E6335;}
#rightcol h1 {margin: 0; padding: 10px 0 10px 10px; font-size: 130%}
#rightcol ul {margin: 0; padding: 0}
#rightcol li {list-style: none; padding: 3px 10px}

#rightcol .editblock {background: #C5D30C url(../images/editprofiletop.png) top left no-repeat; width: 180px; display: block; margin: 10px 0 0 0}
#rightcol .editblock p {margin: 0; padding: 0.5em 10px}
#rightcol .editblockbottom {background: #C5D30C url(../images/editprofilebot.png) bottom left no-repeat; width: 180px; display: block}
#rightcol .editblock a {color: #fff;}

.block .myimages {margin: 0 0 0 0}
.block .myimages .profileside li img {border: 2px solid #F0F0F0;}
.block .myimages .profileside a:hover img {border: 2px solid #ccc;}
.block .myimages .profileside ul {margin: 0; padding: 0; float: left; border: 1px solid !important}
.block .myimages .profileside li {float: left;  margin: 0 0 7px 0 !important; display: block; height: 50px; padding: 0 0 0 4px !important;}

/* Listings
--------------------------------------- */
#maincol .listing {display: block}
#maincol .listing .item {display: block; padding: 10px; margin: 2px; float: left; width: 545px}
#maincol .listing .shade {background: #F7F7F7}
#maincol .listing .image {float: left; display: block; width: 60px; border: 2px solid #F0F0F0; margin: 0 10px 0 0}

#maincol .listing dl {margin: 0; padding: 0; display: block; float: left}
#maincol .listing dd {padding: 0 0 2px 0;}
#maincol .listing dt {float: left; font-weight: bold; width: 90px; padding: 0 0 2px 0}

.searchgroup {display: none}
.listing table {margin: 5px 0 0 8px}
/* Footer
--------------------------------------- */

#footerframe .sponsors {margin: 8px 0 0 10px; padding: 0; float: left; height: 43px; display: block;}
#footerframe .sponsors dl {margin: 0; padding: 0; float: left ;}
#footerframe .sponsors dd {margin: 0; padding: 0 20px 0 0; float: left; }
#footerframe h2 { font-size: 150%; color: #FFEA00; margin: 0; padding: 8px 0 0 3px; letter-spacing: 0.09em } 
#footerframe a img {border: 0 !important}

#footerframe .footerlinks {display: block; float: left;  clear: both; width: 100%; margin: 1px 0 0 0; color: #fff}
#footerframe .footerlinks a {color: #fff}
#footerframe .footerlinks td.info {background: url(../images/footertab.png) top left no-repeat; color: #000}
#footerframe .footerlinks td.info a {color: #000 !important}
#footerframe .footerlinks td.info a:hover {color: #000 !important}
#footerframe .footerlinks td.info p {padding: 0 0 0.8em 10px; margin: 0}
#footerframe .footerlinks td.info p.charitynum {padding: 0 0 0 10px; margin: 0}
#footerframe .footerlinks dl {margin: 0; padding: 0; display: block; float: left}
#footerframe .footerlinks dd {float: left; border: 1px solid red}

#footerframe .footerlinks ul {margin: 0; padding: 0}
#footerframe .footerlinks li {list-style: none}
#footerframe .footerlinks .info h3 {margin: 25px 0 0 10px; padding: 0; color: #000; font-size: 100%}
#footerframe .footerlinks h3 {margin: 25px 0 0 0; padding: 0; color: #fff; font-size: 100%}

#footerframe .footerlinks .width {display: block; width: 200px;}

/* Sitemap
--------------------------------------- */

#sitemap .trunktitle { font-size: 110%; font-weight: bold; border-bottom: 1px solid #F0F0F0; padding: 0 0 5px 10px; margin: 15px 0 5px 0 } 
#sitemap .branchmapitem a { margin: 0; padding: 0 0 0 10px;font-weight: bold;
background: url(../images/aropink.png) 1% 5px no-repeat; }
#sitemap .branchmap ul.leafmap { margin: 0 0 6px 12px; padding: 0;}
#sitemap .branchmap ul.leafmap li { display: block; background: none; padding: 0; margin: 2px 0 0 0;}
#sitemap .branchmap ul.leafmap li a,
#sitemap .branchmap ul.leafmap li a span { padding: 0 0 0 10px; margin: 0; background: none; text-decoration: none;}
#sitemap .branchmap ul.leafmap li a:hover,
#sitemap .branchmap ul.leafmap li a:hover span { text-decoration: underline;}

#maincol .pageimage {margin: 4px 0 8px 10px}
#maincol .pageimage a:hover {background: transparent !important}

/* Forms
--------------------------------------- */
#form legend {color: #666; font-weight: bold}
#form fieldset {margin: 10px; border: 1px solid #ccc}
span.formradio {margin: 0 0 0 100px;}
.required {color: red;}
.elements .required {color: red; margin: 0 0 0 -8px; padding: 0}
input.inputitem, input#email, input#password  {display: block; float: left;margin: 5px 0;border: 1px solid #ccc;font-size: 9px; width: 200px}
label {	text-align: left; width: 150px; padding: 5px 10px 5px 0; display: block; float: left; margin-bottom: 10px;}
br {clear: left;}
#form select {border: 1px solid #ccc; font-size: 9px; width: 202px}
#form textarea {border: 1px solid #ccc; margin: 5px 0; float: left}
#form .formsubmit a {margin: 0 0 0 11px; border: 1px solid #ccc; padding: 5px; float: left}
#form .loginbutton {margin: 0; border: 1px solid #ccc !important; padding: 5px; float: left; background: #fff; width: 95px; color: #6E6335}
p.noindent {margin: 0; padding: 5px 0 8px 0 !important}
.loginerror {font-weight: bold; color: red; text-transform: uppercase; margin: 5px 0 0 11px }
#form .error {color: red; display: block; font-weight: bold; margin: 5px 0; text-transform: uppercase}
.hide_error {display: none !important}
#form .datenodate {display: none}
#form select.dateday {margin: 5px 5px 0 0}
#form select.datemonth {margin: 0 5px 0 0}
#maincol form #countries, #maincol form #skills {width: 300px !important; }
/* Profile upload form
--------------------------------------- */

#form #profileform fieldset {margin: 0; border: 0 !important}
#form #profileform .item {display: block; float: left; width: 545px;margin: 0 0 10px 0; background: #F0F0F0; padding: 5px}
#form #profileform textarea {width: 540px; height: 300px}
#form #profileform .itemlistdisplayarea .item {width: 100px !important; clear: both; }
#profileform a.itemlistadd, #profileform a.itemlistviewall {text-transform: capitalize; float: left; margin: 10px 5px 0 0; border: 1px solid #ccc; padding: 4px 5px !important; background: #fff }
#profileform .itemlistdisplayarea {clear: both; margin: 5px 0 0 0; float: left}
#profileform table, #profileform table td {border: 0 !important}
#profileform table td input {;margin: 5px 0;border: 1px solid #ccc; width: 200px}
#profileform table.checkboxlist td {margin: 5px 0; display: block; float: left; width: 540px}
#profileform table.checkboxlist td input {width: 30px !important; margin: 2px 0; float: left}
#form .keywordlibrarytitle, .usersidelink {display: none !important}
input#mylacaa_main_image_keep {width: 20px !important}
#form .delete a {color: red !important; text-transform: capitalize; margin: 0 5px 0 0}

/* Hide Item List things*/

form .profileside {display: none !important}
#rightcol .userside {display: none !important}
#maincol .block .profileside {display: none !important}
/* Events
--------------------------------------- */
#form .listeventsheader {font-weight: bold; margin: 0 0 0 10px}
#form a {margin: 0 0 0 10px}
#form li a {margin: 0 !important}

/* Profiles
--------------------------------------- */
.details {clear: left}
#maincol .profileitem {display: block; background: #F0F0F0; border-left: 2px solid #fff; padding: 0px; margin: 0}
#maincol dl.profileitem {margin: 0; padding: 2px 8px; display: block; float: left; width: 550px;border-bottom: 1px solid #fff; }
#maincol .profileitem dd {padding: 2px 0 2px 0; }
#maincol .profileitem dt {float: left; font-weight: bold; width: 90px; padding: 2px 0 2px 0;}
.embed {margin: 10px 0 0 10px; padding: 5px 10px; background: #fafafa; border: 1px solid #EAEAEA; width: 425px}
.block h3 {padding: 10px 0 0 10px; margin: 0; font-size: 110%}
.block .image_main {float: left; margin: 5px 5px 0 5px; border: 3px solid #F0F0F0}

#rightcol li.facebook a, #rightcol li.facebook a:hover {background: url(../images/icon_fb.png) 1px 1px no-repeat !important; padding: 0 0 0 20px}
#rightcol li.myspace a, #rightcol li.myspace a:hover {background: transparent url(../images/icon_myspace.png) 1px 1px no-repeat !important; padding: 0 0 0 20px}
#rightcol li.flickr a, #rightcol li.flickr a:hover {background: transparent url(../images/icon_flickr.png) 1px 1px no-repeat !important; padding: 0 0 0 20px}

/* Resources
--------------------------------------- */
.resourceitem {padding: 0 10px; float: left; display: block}
.resourceitem dt {float: left; display: block; width: 90px; margin: 0; padding: 5px 0; font-weight: bold}
.resourceitem dd {float: left;width: 400px; margin: 0; padding: 5px 0}
#rightcol .searchbox {margin: 0 0 5px 8px}
#rightcol .searchbox input.searchBoxinput {border: none !important; font-size: 15px; width: 130px; background: #F0F0F0; height: 18px; color: #000 }
#rightcol .searchbox input.searchBoxinput:hover { color: #000;background: #FFEA00;} 
#rightcol button { font-weight: bold; color: #6C6C6C; width: 26px; background: #EBF0AC; border: none !important; font-size: 90%; margin: 0 0 0 1px; padding: 2px 2px 3px 1px; } 
#rightcol button:hover { color: #000;background: #FFEA00; cursor: pointer } 

#form .checkboxgroup {display: block; float: left; margin: 2px 0;width: 100%}
#form .checkboxgroup span {float: left; margin: 0 0 0 0}
#form .checkboxgroup input {float: right; margin: 2px 320px 0 0}

/* Advanced search
--------------------------------------- */
#maincol .searchbox {margin: 0 0 5px 8px}
#maincol .searchbox input.searchBoxinput {border: none !important; font-size: 15px; width: 130px; background: #F0F0F0; height: 18px; color: #000 }
#maincol .searchbox input.searchBoxinput:hover { color: #000;background: #FFEA00;} 
#maincol button { font-weight: bold; color: #6C6C6C; width: 26px; background: #EBF0AC; border: none !important; font-size: 90%; margin: 0 0 0 1px; padding: 2px 2px 3px 1px; } 
#maincol button:hover { color: #000;background: #FFEA00; cursor: pointer } 
#maincol select {border: 1px solid #ccc; font-size: 10px; width: auto; max-width: 130px; height: 17px;}
#maincol .keywordsearchlibrary {display: block; padding: 4px 0 !important;}
#maincol .keywordsearch label {float: none !important; text-transform: capitalize; margin: 0; padding: 0; font-weight: bold}
.paging {clear: both; margin: 0 0 10px 3px; font-size: 95%}
.paging a {border: 1px solid #F0F0F0; padding: 3px 4px; margin: 0 3px 10px 0;}
.paging a.current {background: #F0F0F0}
button.kwsearchfind {width: 33px !important}