/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/

@import "reset.css";
@import "base.css";
@import "fonts.css";
@import "CMScontent.css";

body, html { background-color:#1b334d; font-family: Georgia, "Times New Roman", Times, serif; color:#000 }
body {min-width:928px;}
html {min-height: 101%;}

a {color:#4d6f8c; text-decoration:none}
a:hover {color:#838080; text-decoration:none}
a:focus {outline: none}
a img  {text-decoration:none}
p { letter-spacing:.5px; line-height:125%}
#home p {line-height:150%}
dd { line-height:125%}
dt {font-weight:bold; padding-top:10px}


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#outerWrap {width:928px; margin:20px auto 0 auto;}
#innerWrap {background:url(../images/shadowLR.png) repeat-y ; padding-left:14px}
#header {background-color:#aeb1b4; height:82px; width:900px; border-bottom:1px solid #fff; float:left}
#content {padding:0 30px; color:#545353}
#foot {background: url(../images/shadowBot.png) no-repeat; min-height:21px; padding:15px 35px 0 35px; text-align:right;font-size:77%; color:#dbd9d9;}

.sidebar {width:250px; float:left}
.mainbar {width:650px; float:left}


/*  <HEADER>
--------------------------------------------------*/
#header img {padding:20px 0 0 10px}


/*  <CONTENT>
--------------------------------------------------*/
#home #content {color:#000000}
#content ul {margin-left:0;}
#content li { list-style:none; margin-bottom:10px; background:url(../images/bullet.gif) no-repeat 0px 3px; padding-left:20px}

/*  <FOOT>
--------------------------------------------------*/
#foot a {color:#d7cdb6;}


/*  <NAVIGATION>
--------------------------------------------------*/
#nav {width:547px; float:left; font-family: Arial, Helvetica, sans-serif;color:#fdfcfc;text-align: center; font-size:87%; letter-spacing:1px; font-variant:small-caps;}
#nav a {display:block; float:left;background: url(../images/navBkg.jpg) no-repeat 0 0;color:#fdfcfc;text-decoration:none; height:44px; width:77px; padding-top:10px }
#nav a:hover {background: url(../images/navBkg.jpg) no-repeat -77px 0;}

#nav .home a {background: url(../images/navBkgHome.jpg) no-repeat 0 0}
#nav .home a:hover {background: url(../images/navBkgHome.jpg) no-repeat -77px 0;}
#home #nav .home a { background:url(../images/navBkgOnFirst.jpg) no-repeat; height:42px; padding-top:40px; cursor:default; }

#nav .ourteam a {padding-top:5px}

#nav .contact a {background: url(../images/navBkgLast.jpg) no-repeat 0 0}
#nav .contact a:hover {background:url(../images/navBkgLast.jpg) no-repeat -77px 0}

#services #nav .services a,
#ourteam #nav .ourteam a,
#seminars #nav .seminars a,
#resources #nav .resources a,
#careers #nav .careers a,
#contact #nav .contact a
	{background:url(../images/navBkgOn.jpg) no-repeat; padding-top:40px; height:42px; cursor:default; }
#ourteam #nav .ourteam a
	{padding-top:35px; }


/*  <FORM>
--------------------------------------------------*/
#contact table {padding:0; margin:10px 0 0 0;}
#contact td {padding:0 5px 5px 0; margin:0;font-size:85%}
#contact form {font-size:85%; text-align:right; padding-top:50px; letter-spacing:1px}
.tdr {text-align:right;color:#545353}
.tdl {text-align:left; }
input { font-family:"Courier New", Courier, monospace; background-color:#DCDDD5;   border:1px solid #000000; width:250px; font-size:120%}
.button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%}
textarea {font-family:"Courier New", Courier, monospace; font-size:120%; background-color:#DCDDD5; border:1px solid #000000; width:250px;}
.asterisk {color:#934232; font-size:77%}


/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#bc2d33; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0; width:350px; }
.noerror {font-weight:normal; margin:0; color:#565655; width:350px}


/*  <CONTACT INFO>
--------------------------------------------------*/
#contactInfo {font-size:85%; color:#dfdddd; font-variant:small-caps; text-align:right; padding:15px 10px 0 0; letter-spacing:1px}
#home #contactInfo {padding-top:5px}
#contactInfo a {color:#dfdddd; text-decoration: underline}
#contactInfo a:hover {color:#1b334d;}


/*  <MISC>
--------------------------------------------------*/
.clear {clear:both}
.small {font-size:77%}

.banner {width:620px;height:21px; background-color:#838080; padding:3px 0 0 30px;
         font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; 
		 font-variant:small-caps; font-size:97%; letter-spacing:1px}
		 
		  
.leftImage {padding:23px 0 0 12px}

#disclaimer {padding:10px 10px 0 30px; line-height:100%}
#home #disclaimer {padding-top:0; }

#disclaimer a {color:#4d6f8c; text-decoration:underline; font-weight:bold;font-size:85%; font-family:Arial, Helvetica, sans-serif}
#disclaimer a:hover {color:#6f6f6f}
#legalInfo {color:#6f6f6f; font-size:77%; font-family:Arial, Helvetica, sans-serif; padding-top:20px }

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

