@import url("reset.css");

/************************************************************************/
/* Layout*/
/************************************************************************/

body {

font-size: 12px;
color: #000;
background-color: #fff;

}

#container {
position: relative;
width: 1000px;
margin: 0 auto;
font-family: Arial,Helvetica,sans-serif;
}

#container #header {
position: relative; 
}

#container #header #menu {
height: 22px;
background-color: #fff;
color:#333;
text-align: right;
font-size:12px;
padding: 0px 20px;
padding-top: 8px;
}

#container #header #menu a {
color:#000;
margin-left: 45px;
}

#container #header #logo {
width:348px;
height: 57px;
background-image: url(../images/logo.png);
margin:37px 20px 85px 20px;
}

#container #footer {
height: 70px;
margin-top: 90px;
padding-top: 20px;
background-color: #fff;
color:#333;
text-align: center;
}

#container #footer a {
color: #fff;
}

#bodycontent {
overflow: hidden;
}



a {
text-decoration: none;
}


/************************************************************************/
/*/ Common
/*
************************************************************************/

dt {
font-weight: bold;
margin-bottom:5px;
clear:both;
}

dd {
margin-bottom: 19px;
line-height: 150%;
}

dt label span.caption {
	font-weight: normal;
	font-size: 10px;
	}

dd div.description {
	float:right;
	width:200px;
	padding-top:25px;
	background-image: url(/public/images/information.png);
	background-repeat: no-repeat;
	height:0px;
	overflow:hidden;
	margin-top: -25px;
	}

dd div.description.selected {
	height:auto;
	
	padding-bottom:25px;
	}
/************************************************************************/
/*Columns*/
/************************************************************************/
div.column {
float:left;
margin: 0px 20px;
border-top: solid 1px #999999;
}

#container #links, #container #jargonbuster {
width: 200px;
}

#container #pagecontent {
width: 480px;
font-size: 14px;
}

#container #jargonbuster {
font-size: 14px;
}


/************************************************************************/
/*/ Navigation
/*
************************************************************************/
#container #navigation {
overflow: auto;
font-size:14px;
font-weight: bold;
}
#container #navigation li {

border-bottom: 1px solid #999999;
}

#container #navigation li a {
color: #000;
display: block;
padding:8px 0px;
height:15px;
}

body.about #container #navigation li.about a,
body.contact #container #navigation li.contact a,
body.downloads #container #navigation li.downloads a,
body.faqs #container #navigation li.faqs a,
body.howtoapply #container #navigation li.howtoapply a,body.howitworks #container #navigation li.howitworks a,
body.recordcompanyservices #container #navigation li.recordcompanyservices a,
body.whyjoin #container #navigation li.whyjoin a,
#container #navigation li a:hover
 {
color: #000;
}

#navbuttons {
	
	margin-top: 20px;
	}

#navbuttons li {
	
	margin-bottom:20px;
	
	}
	
	
#navbuttons li a {
	width:200px;
	height: 59px;
	display:block;
	}


#navbuttons #signup a {
	background-image: url(/public/images/signup.png);
	background-position: 0% 0%;
	}
	
body.register #navbuttons #signup a, #navbuttons #signup a:hover {
	background-position: 0% 100%;
	}
	
#navbuttons #memberlogin a {
	background-image: url(/public/images/memberlogin.png);
	background-position: 0% 0%;
	}
body.members #navbuttons #memberlogin a, #navbuttons #memberlogin a:hover {
	background-position: 0% 100%;
	}

/************************************************************************/
/*/ page content
/*
************************************************************************/

#pagecontent h1 {
font-size: 36px;
font-weight: bold;
line-height: 117%;
padding-top:10px;
height: 278px;
border-bottom: 1px solid #999999;
}

#pagecontent h1 span.first {
color: #000;
}

#pagecontent p {
margin: 19px 0;
line-height: 150%;
}

#pagecontent a {
color: #000;
}

#pagecontent a:hover {
padding-bottom:2px;
border-bottom: solid 1px #00ff00;
}

#pagecontent li {
margin-bottom: 10px;
list-style: disc;
list-style-position: inside;
}

/************************************************************************/
/*/ Jargon buster
/*
************************************************************************/

#jargonbuster p {
margin: 19px 0;
line-height: 150%;
color: #ccc;
}

#jargonbuster h2 {
font-size:14px;
font-weight: bold;
padding:8px 0px;
height:15px;
border-bottom: 1px solid #999999;
color: #000;
}

#jargonbuster h3 {
margin-top:19px;
margin-bottom:5px;
color: #000;
}

#jargonbuster p.first {
margin-top: 0px;
}

#jargonbuster a {
color: #000;
}

#jargonbuster a:hover {
padding-bottom: 2px;
border-bottom: solid 1px #000;
}

#jargonbuster #searchlinks li {
margin-bottom: 10px;
}

/************************************************************************/
/*/ Sections
/*
************************************************************************/


/************************************************************************/
/*/ home
/*
************************************************************************/

body.home div#container div#smallheader {
height:30px;
background-color: #000;
}

body.home div#container div#flashcontent {
margin:200px auto 100px;
width: 782px;
height:133px;
}

body.home div#container div#start {
margin:0 auto;
font-size: 14px;
font-weight: bold;
text-align: center;
}

body.home div#container div#start a {
color: #000;
}

/************************************************************************/
/*/ record company services
/*
************************************************************************/

dl.recordcompanyservicelist dt, dl.recordcompanyservicelist dd {
display:inline;
clear:both;

}



/************************************************************************/
/*/ Quick Look
/*
************************************************************************/

dl.quicklooklist dt {
background-image: url(/public/images/bullet-lock.png);
background-position: 13px 10px;
background-repeat: no-repeat;
height:62px;
width: 33px;
color: #333;
padding: 28px 0px 0px 21px;
float:left;
clear:left;

}

dl.quicklooklist dd {
float: left;
height: 77px;
padding-top: 13px;
font-weight: bold;
width:426px;
color: #000;
}

dl.quicklooklist dt.alternate, dl.quicklooklist dd.alternate {
background-color: #fff;
}

dl.quicklooklist dd.alternate {
color: #000;
}

/************************************************************************/
/*/ Personnel
/*
************************************************************************/


body.register #container #pagecontent {
	
	width: 720px;
}

body.register h2 {
color: #000;
margin:20px 0px;
padding-bottom: 20px;
}

body.register form#registerForm {
margin-top: 20px;
}

table#personnel {
border-collapse: collapse;
}

table#personnel td, table#personnel th {
padding:5px;
}

table#personnel tr {
border-bottom: solid 1px #999999;
}

table#personnel td.yesno {
text-align: center;
}

table#personnel a.edit:hover, table#personnel a.delete:hover {
border-bottom: none;
}


/*
REgister
*/

div.formresponse {
	background-image: url(/public/images/formerror.png);
	height:50px;
	margin-bottom:20px;
	color: #fff;
	font-weight: bold;
	padding: 30px 0px 0px 50px;
	}

ul.errors {

padding-top: 6px;

background-image: url(/public/images/error-bg.png);
background-repeat:no-repeat;
color: #fff;
font-size: 12px;
width: 480px;
margin-top:1px;
}

#pagecontent ul.errors li {
	
	background-color:#00ffff;
	padding:8px 5px 5px 5px;
	list-style: none;
	color: #333;
}


div.tooltip {
display:none;
}


body.register input,
body.register textarea {
width:468px;
border:1px solid #000;
padding: 5px;
background-color: #efefef;
color: #333;
}

body.register input.submit,
	body.register input.checkbox{
	width: auto;
	}