/* MATC BRAINC3 CUSTOM CSS DOCUMENT */

/* MATC BRAINC3 CUSTOM COLOR PALETTE */
/* blue #277ABA */
/* orange #CD6B33 #ED5D1A*/

html, body {
border:0;
margin:0;
padding:0;
height:100%;
width:100%;
background:url(../images/bc3Swatch.jpg) repeat;
background-color:#1E1F1F;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:0;
padding-top:0;
font-size:14px;
line-height:22px;
color:#333333;
}

p, ul, ol {

margin-top:0.3em;
margin-bottom:0px;
margin-left:0px;
padding:0 0 px 0;
}

p.c2 {
text-align: center;
}
p.c3 {
text-align: left;
}
p.c4 {
text-align: right;
}


/* Magically remove link borders in firefox! */
a:active, a:focus {outline:0;}

/* dim grey */

h1 {
color: #000000;
font-weight:900;
font-size: 15px;
line-height:24px;
background-color:#ED5D1A;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter:alpha(opacity=70);
zoom:1;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
font-variant: small-caps;
text-transform:none;
letter-spacing:0.04em;
text-decoration:none;
border-bottom:none;
padding-left: 33px;
margin-top:0px;
text-shadow: 0px 1px 0px #F8BC98;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * BRAIN C3 TOOL TIPS STYLES */

/* BRAIN BASED LEARNING SYNOPSIS */
a.tooltip {font-size:15px; color:#000000; font-weight:bold; text-decoration:none; letter-spacing:0.03em; font-variant: small-caps;}
a.tooltip b {display:none;}
a.tooltip:hover {font-size:15px;color:#277ABA; background-color:#1E1F1F; opacity:0.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; filter:alpha(opacity=80); zoom:1;-webkit-border-radius: 2px; -moz-border-radius: 2px;-o-border-radius: 2px;
border-radius: 2px;font-weight:bold; border:0; position: relative; z-index:500;text-decoration: none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:18px; font-size:15px; font-weight:normal; color:#E4E9F4; line-height: 22px; border:2px solid #67A1C7; background:#1A507A; /*background-image:url(../images/.jpg); background-repeat: no-repeat;*/
text-align:left; margin:13px; width:400px; height:300px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #67A1C7; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #67A1C7; overflow:hidden;; z-index:100;}

/* BRAIN C3 CUSTOM LAYOUT STYLES BEGIN HERE */

#container{
width:1024px;
height:768px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
text-align:center;
}

/* LEFT SIDE */

#leftSide{
width:370px;
height:715px;
float:left;
padding-top:11px;
text-align:left;
padding-left: 13px;
padding-right: 13px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background:url(../images/opaqueGrey.png) repeat;
}

#logo{
width:265px;
height:149px;
margin-bottom:11px;
margin-left:50px;
background:url(../images/bc3logo.png) no-repeat;
}

#twitter{
width:274px;
height:300px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

/* RIGHT COLUMN */

#rightSide {
width:628px;
height:725px;
float:right;
/*padding-left: 13px;
padding-right: 13px;*/
background:url(../images/axonsDendrites.png) no-repeat;
background-position:right; 
}

#brainFrame { 
margin-top:35px;
margin-left:85px;
width:350px;
text-align:left;
}

/* BOTTOM DIV || FOOTER || */

#footer{
clear:both;
margin:0;
padding:0;
background-color:#313536;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
width:400px;
height:40px;
border: 1.5px solid #CD6B33;
}

/* * * * * * * * * * * LINK STYLES */

/* DEFAULT LINKS STYLE */

/*a:link {
color:#000000;
text-decoration:none;
font-size:12px;
}

a:visited {
color:#000000;
text-decoration:none;
font-size:12px;
}

a:hover {
color:#ffffff;
background-color:none;
opacity:100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
filter:alpha(opacity=100);
zoom:1
-webkit-border-radius: 0px; 
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
text-decoration:none;
font-size:12px;
}

a:active {
color: #000000; 
text-decoration:none;
font-size:12px;}*/

/* DESCRIBE ------------------------------ */

.link2 a:link {
font-size:15px; 
color:#000000; 
font-weight:bold; 
text-decoration:none; 
letter-spacing:0.03em; 
font-variant: small-caps;
}

.link2 a:visited {
font-size:15px; 
color:#000000; 
font-weight:bold; 
text-decoration:none; 
letter-spacing:0.03em; 
font-variant: small-caps;
}

.link2 a:hover {
font-size:15px; 
font-weight:bold; 
text-decoration:none; 
letter-spacing:0.03em; 
font-variant: small-caps;
color:#277ABA;
background-color:#1E1F1F;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter:alpha(opacity=70);
zoom:1;
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
}

.link2 a:active {
font-size:15px; 
color:#000000; 
font-weight:bold; 
text-decoration:none; 
letter-spacing:0.03em; 
font-variant: small-caps;
}

/* BOTTOM LINKS */

.link3 a:link {
color:#A03402;
text-decoration:none;
font-size:14px;
}

.link3 a:visited {
color:#A03402;
text-decoration:none;
font-size:14px;
}

.link3 a:hover {
color:#EDCCB4;
background-color:#1E1F1F;
opacity:0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
filter:alpha(opacity=70);
zoom:1
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
text-decoration:none;
font-size:14px;
}

.link3 a:active {
color: #A03402; 
text-decoration:none;
font-size:14px;
}

/* * * * * * * * * * * FONT STYLES */


/* ORANGE */
.style2 {
color: #ED5D1A;
font-weight:normal;
padding-top:0px;
font-size: 14px;
}

/* DIM GREY */
.style3 {
color: #696969;
font-weight:normal;
padding-top:0px;
font-size: 14px;
}

/* LIGHT GREY :: */
.style4 {
color: #B5B5B5;
font-weight:normal;
padding-top:0px;
font-size: 12px;
}

/* copyright */
.copyright {
color: #4F4F4F;
font-weight:normal;
padding-top:0px;
font-size: 10px;
line-height:14px;
}


/* WEB DESIGN BY */
.webDesign {
color: #686B6B;
font-weight:normal;
font-size: 14px;
}