/*
Theme Name: ByjuNet
Author: Byju Sukumaran modified from Michael Sparks CSS template system
------------------------------------------------------------------------- */

/* ---[ global ] --- */
* { margin: 0; padding: 0;}

body {
	/*background:#f2f2f2;*/
	background:#fff;
	margin:0;
	padding:0;
	color:#000;
	text-align: center;

	font:x-small/1.6em Georgia, "Times New Roman", Times, serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	} html>body {font-size:small;}

img, img a{border: none;}



/* CONTAINER Centred with wrapper
------------------------------------------------------------------------- */
#centreinbrowser {
    text-align: left;
    margin:0px auto;
    width: 994px;
    background-color: #ffffff;
}
#contentwrapper {
    
    text-align: left;
    margin:0px auto;
    width: 972px;
    
    margin: 0 8px 0 8px;
   
    padding:0;
	background:#fff url("/images/bg_page.gif") no-repeat top left;
}

#contentpanel {
    width: 946px;
    margin-left:14px;
    padding:0;
}

#contentpanel p {
       margin-bottom:1em;
       padding:4px;
}




/*  MAIN CONTENT Columns
------------------------------------------------------------------------- */

.column {overflow: hidden; margin-left: 0px; margin-right: 14px;padding:0;float: left;}

.oneC    { width: 66px;  }
.twoC    { width: 146px; }
.threeC  { width: 226px; }
.fourC   { width: 306px; }
.fiveC   { width: 386px; }
.sixC    { width: 466px; }
.sevenC  { width: 546px; }
.eightC  { width: 626px; }
.nineC   { width: 706px; }
.tenC    { width: 786px; }
.elevenC { width: 866px; }
.twelveC { width: 946px; }

.last { margin: 0px;padding: 0px;}

.divide { clear: both; }

 /* font sizes using percentages for accessibility
11pt = 11/13 = 84.62%
13pt = 13/13 = 100%
16pt = 16/13 = 123.08%
18pt = 18/13 = 138.46%
24pt = 24/13 = 184.62%
*/

h1, h2, h3 {font-weight: normal;  margin:1em 0 0.5em 0; font-stretch:condensed; padding:0 4px;}
h2, h3 {color:#51890c;}
h1 {font-size: 234.62%;  line-height: normal; }
h2 {font-size: 184.62%;  line-height: normal; }
h3 {font-size: 123.08%;  line-height: normal; }
h4 {font-size: 100%;font-weight: bold; color:#e65c11; line-height: normal; }
h5 {font-size: 84.62%;font-weight: bold; color:#e65c11; line-height: normal; }

h1.blackTitle{color:#000; background-color: #fff; font-size: 184.62%; margin:0; padding:0; line-height: 0.9em; }


.largertext   { font-size: 1.2em; }
.smallertext  { font-size: 0.8em; }
.right        { text-align: right;}

hr {border: none 0;border-top: 1px dashed #666;width: 100%;height: 1px;margin: 1em 0;}

.blackband{ background-color:#000; color:#fff; padding: 0 4px;  clear:both;display:-moz-inline-stack;display:inline-block;*display:inline;}
a.blackband,
a:hover.blackband ,
a:visited.blackband 
{  color: #66FFFF;}

.column p {padding: 4px;/*font-size:1.2em;*/}
p.intro { font-size:1.4em;color:#822e14; margin: 1em 0;}

.column ul,blockquote{padding: 4px; margin-left: 2em;}



a {text-decoration: None; color:#3385d6; padding:0; margin:0;}
a:hover {text-decoration: underline;}
a:visited { color:#3385d6;}

.lightgrey a, .lightblue a, .lightcyan a, .lightred a, .lightmagenta a { color: #006; }
.lightgreen a, .darkgrey a, .darkblue a, .darkgreen a, .darkred a, .darkyellow a, .orange a, 
.red a, .green a, .yellow a, .blue a { color: #fff;}

.lightgrey    { background-color: #cccccc; color: #000;}
.lightblue    { background-color: #bbbbdd; color: #000;}
.lightgreen   { background-color: #aaddaa; color: #000;}
.lightcyan    { background-color: #ddffff; color: #000;}
.lightred     { background-color: #ffdddd; color: #000;}
.lightmagenta { background-color: #eeccee; color: #000;}
.darkgrey     { background-color: #444444; color: #ffffff;}
.darkblue     { background-color: #444488; color: #ffffff;}
.darkgreen    { background-color: #448844; color: #ffffff;}
.darkred      { background-color: #884444; color: #ffffff;}
.darkyellow   { background-color: #888844; color: #ffffff;}
.orange       { background-color: #ff8844; color: #ffffff;}

.red       	  { background-color: #ee3756; color: #ffffff;}
.green        { background-color: #bdcd39; color: #ffffff;}
.yellow       { background-color: #f8b125; color: #ffffff;}
.blue         { background-color: #169493; color: #ffffff;}

.greyText{color: #999999;}


/*   HEADER - banner and tabs
------------------------------------------------------------------------- */
#masthead {
       margin: 0;
       padding:0;
	   height: 148px;
	   background: url("/design-practice/byju_sukumaran.gif") no-repeat top left;
}
#masthead h1{text-indent: -5000px; margin:0; padding:0;}

/*   NAVIGATION TOOLBAR - banner and tabs
------------------------------------------------------------------------- */
#topnav {
       margin: 0 0 2em 0;
       padding:90px 0 0 0;
	   /*height: 148px;*/
	   color:#666;
}

/* Contact Us Form
------------------------------------------------------------------------- */


/* messages*/
.message{font-size: 120%; background: #000; width:auto; padding: 3px;}
.error{color:#FFFF00;}

.emailform{}
#EmailForm h3{display: none;}
#EmailForm {margin:0; padding:0;}
#EmailForm {color: #694300;}
#EmailForm fieldset{ border:none; width: 420px;}

#EmailForm label { display:block; }
#EmailForm input { display:block; clear: both; margin-bottom: 10px;font-size: 110%; width: 350px;}
#EmailForm select { display:none; clear: both; margin-bottom: 10px;font-size: 110%;}
#EmailForm textarea { display:block; width: 350px; height:8em;}
#EmailForm input.button {width:auto;}

table.fileupload td { padding: 5px 3px;}