/* CSS Document */

body {
text-align: center;
background-color:#EFEBE0;
}

/*LAYOUTS
-----------------------------------------*/
#container {
position:relative;
width: 760px;
border: 1px solid #CFC8B5;
margin: 0px auto;
text-align:left;
background-color:#fff;
}

/*header */

#header {
margin:0;
padding:0;
width:760px;
height:100px;
background: url(images/header.jpg) no-repeat top left;
border-bottom: 2px solid #A6C6EF;
}

#header a {
	display:block;
	width:760px;
	height:70px;
	position:absolute;
	z-index: 5;
	top:0;
	left: 0px;
}

h1 span, #mission span {
margin-left:-2000px;
text-indent:-2000px;
}

/* ---  Link Looks -----------------*/
#nav {
width:100%;
font: bold 12px Verdana, sans-serif;
margin: 0px;
padding:0px;
margin-top: -27px;
/*\*//*/
   margin-top:19px;
   padding-top: 18px;
/**/
	
}

#nav ul {
list-style:none;
}

#nav li {
display:inline;
}

#nav a {
float:left;
padding:5px 18px 5px 18px;
margin:0;
text-decoration:none;
color: #0328A4;
border-right:2px solid #A6C6EF;
border-bottom:2px solid #A6C6EF;
}


#nav a:hover, #nav a:hover span {
background-color:#E1EEF4;
}

#web a.web, #web a.web:hover,
#about a.about, #about a.about:hover,
#print a.print,  #print a.print:hover,
#training a.services, #training a.services:hover,
#pricing a.pricing, #pricing a.pricing:hover{
background-color:#fff;
border-bottom:2px solid #fff;
}


/* Main Text Area */
#center {
width:420px;
margin:45px 0 5px 5px;
padding:0px;
float:left;
padding-bottom:5px;
/*\*//*/
   margin-top:50px;
/**/
}

/* Portfolio Text Area */
#portfolio {
width:520px;
margin:45px 0 5px 5px;
padding:0px;
float:left;
clear:right;
padding-bottom:5px;
/*\*//*/
   margin-top:50px;
/**/

}

/* Right Column */

#right {
width:320px;
margin:25px 0px 0 0;
padding:0px;
float:left;
clear:none;
padding-top:15px;
/*\*//*/
   margin-top:50px;
/**/
}


/* Portfolio Navigation Column */

#portfolionav {
width:220px;
margin:20px 5px 0 0;
padding:0;
float:left;
padding-top:15px;
/*\*//*/
   margin-top:50px;
/**/
}




/*foot area */

p#footer {
width:760px;
clear:both;
margin:0px;
padding:7px 0;
background: url(images/footer.jpg) ;
text-align:center;
border-top: 3px outset #A5C7F4;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
}

/*FORMATTING
-----------------------------------------*/

p {
margin-top:3px;
padding: 0 15px;
font: 10pt/1.3em Verdana, Arial, Helvetica, sans-serif !important;
color: #006;
}


ul{
font: 10pt/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #1A47B1;
list-style: url(images/bullet.gif);
margin-top:0px;
}

ol{
font: 10pt/1.3em Verdana, Arial, Helvetica, sans-serif;
color: #1A47B1;
margin-top:0px;
}

h2, h3 {
margin: 5px 15px 0 15px;
font-family:  Verdana, "Arial Narrow", Arial, sans-serif;
}

h2 {
font-weight:normal;
font-size: 13pt;
color: #6793D2;
}

h3 {
font-size: 11pt;
color: #1839A0;
}

#service_description h3{
margin-top: 30px;
padding-top:7px;
margin-bottom: -5px;
border-top: 1px solid #E0E7EF;
}

h4{
margin: 5px 15px;
font: 8pt/12pt Verdana, Arial, Helvetica, sans-serif;
color: #1A47B1;
}

#service_description h4, #right h4{
display:block;
margin-top: 5px;
padding:5px 0 2px 0;
border-top: 1px solid #E0E7EF;
}

#service_description h4 a{
font-weight:normal;
}

a {
font-weight:bold;
color: #1A47B1;
}

a:hover {
color:#D7951B;
}

acronym {
border-bottom: 1px dotted #6793D2;
cursor: help;
}




/* CLASSES 
---------------------------------*/

.idib {
font-weight:bold;
border: none;
}

p.note {
padding-top:5px;
margin:10px 5px 10px 15px;
border-top: 1px dashed #6793D2;
color:#6793D2;
font: 10pt/15pt Verdana !important;
}

p.note a{
color:#6793D2 !important;
}

p.tip {
font: 8pt/11pt Verdana  !important;
margin: -15px 0 0 5px;
color:#6793D2 !important;
}

html>body p.tip {
margin: -12px 0 0 -10px;
}


/* HEADERS
--------------------------------------*/
h2#mission {
width: 390px;
height: 277px;
background: url(images/mission2.gif) no-repeat top left;
}

#head {
margin:0 0 15px 10px;
width:100%;
height:25px;
}

#right #head {
margin: 0;
}

#home h1#head{
background: url(images/featured.gif) top left no-repeat;
}

#about h1#head{
background: url(images/about.gif) top left no-repeat;
}

#articles h1#head{
background: url(images/articles.gif) top left no-repeat;
}

#training h1#head{
background: url(images/training.gif) top left no-repeat;
}

#print h1#head{
background: url(images/print.gif) top left no-repeat;
}

#pricing h1#head{
background: url(images/pricing.gif) top left no-repeat;
}

#student h1#head {
background: url(images/student_showcase.gif) top left no-repeat;
}

#web h1#head{
background: url(images/web.gif) top left no-repeat;
}

#thanks h1#head{
background: url(images/thanks.gif) top left no-repeat;
}

/* HOMEPAGE FEATURES */

a.feature {
display:block;
margin: 10px 5px 15px 0;
padding: 6px;
border: 1px solid #E0E7EF;
text-decoration: none;
font: normal 8pt Verdana, Arial, sans-serif;
}

a.feature {
height:104px;
}


a.feature:hover {
border: 1px solid #EFE7C2;
background-color:#FFFAEF;
}

.feature h2 {
margin: 0;
padding:0;
margin-top:-3px;
color:#EFD5A4;
font-size:14pt;
}

html>body a.feature h2 {
margin-top:-15px; 
}


.feature h3 {
margin:0;
padding:0;
line-height: 13pt;
}


.feature img {
border:none;
margin-left:5px;
}


/* Portfolio Styles */

div#portfolio {
text-align:center;
}

div#service_description {
text-align:left;
}

#portfolio h2, #portfolio h3 {
padding-bottom: 7px;
}

#portfolio ul {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #1A47B1;
list-style: url(images/bullet.gif);
margin-top:0px;
text-align:left;
}

#portfolionav ul {
margin-left: 10px;
padding-left:0;
list-style: none !important;
}

#portfolionav li{
list-style: none !important;
padding-top: 2px;
height:36px;
clear: left;
font-size: 10pt;
line-height: 1.2em;
}

#portfolionav a{
display:block;
height:34px;
padding: 2px;
text-decoration:none;
border: 1px solid white;
}

#portfolionav a:hover{
border: 1px solid #EFE7C2;
}

#portfolionav li img {
vertical-align: middle;
border:1px solid;
float:left;
margin-right:4px;
}


/* FORMS */

input.text, #right textarea {
font: 10pt  Verdana, Arial, sans-serif;
width:290px;
}

#center textarea {
width:380px;
font: 10pt  Verdana, Arial, sans-serif;
}

fieldset legend {
font: bold 10pt  Verdana, Arial, sans-serif;
color: #6793D2;
}

fieldset {
border: 1px solid #E0E7EF;
margin-bottom: 15px;
padding: 5px;
}

fieldset p {
margin-left:-10px;
}

.required {
color: #C00;
}

#submit {
background-color:#E1EEF4;
border: 2px outset #A6C6EF;
font-weight:bold;
color: #006;
padding:5px;
width:190px;
cursor: hand;
}

#submit:hover {
background-color: #CCE0F9;
}