/* GLOBAL NORMALIZING STYLES
-------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, table, tr, th, td {
	/*margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

 BODY  {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../images/bg_tile.jpg);
	background-repeat: repeat-x;
	background-color: 212121;
    scrollbar-base-color: #6A6A6A;
	scrollbar-arrow-color: #BAD4F2;
	scrollbar-3dlight-color: #CCE1F9;
	scrollbar-face-color: #6A6A6A;
}

   #page  {
     width: 960px;
     height:100%;
     margin-left:auto;
     margin-right:auto;
     display: block;
     position: relative;
     }

   #leftTopCorner        {width: 30px;height:30px; background-image: url(../images/border_lt.png); background-repeat: no-repeat }
   #centerTop            {height:30px;background-image: url(../images/border_t.png); background-repeat: repeat-x }
   #rightTopCorner       {width: 30px;height:30px;background-image: url(../images/border_rt.png); background-repeat: no-repeat  }
   #leftCenter           {width: 30px;background-image: url(../images/border_l.png); background-repeat: repeat-y }
   #rightCenter          {width: 30px;background-image: url(../images/border_r.png); background-repeat: repeat-y  }
   #leftBottomCorner     {width: 30px;height:30px; background-image: url(../images/border_bl.png); background-repeat: no-repeat }
   #bottomCenter         {height:30px;background-image: url(../images/border_b.png); background-repeat: repeat-x  }
   #rightBottomCorner    {width: 30px;height:30px; background-image: url(../images/border_br.png) }

   #main          {width: 100%;background-color: #ffffff  }

  .button {
    position: relative;
    height: 35px;
    float:left;
    width:auto;
    text-align: center;
    float: left;
    font:  normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 35px;
    display:block;
}

.button a:link    {
  color: #D5D0C8;
  width:auto;
  padding:0px 10px 0px 10px;
  display:block;
  text-decoration:none;
  }
.button a:visited {
  color: #D5D0C8;
  width:auto;
  padding:0px 10px 0px 10px;
  color: #ECECEC;
  text-decoration:none;
  }
.button a:hover   {
	color: #FEFEFE;
	height: 35px;
    width:auto;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	background-image: url(../images/btn_over2.jpg);
	background-repeat: repeat-x;
}
.button a:active   {
  color: #D5D0C8;
  width:auto !important ;
  padding:0px 10px 0px 10px;
  color: #ECECEC;
  text-decoration:none;
}



#menuBar {
	padding:0px;
  	height: 35px;
  	width: 100%;
 	 display: block;
}

#tabSpace {
  Height: 35px;
  float:left;
  width: 1px;
  background-image: url(../images/divider.jpg);
}

 .button2 {height:18px;	font-size:12px;	background-color:#0F03A3;width:auto;float:left;	text-decoration:none;}
 .button2 a {width:auto;border:1px solid #255FB4;border-bottom:3px solid #000009;height:20px;color:#FFFFFF;text-decoration:none;}
 .button2 a:link {width:auto;padding:1px 5px 3px 5px;color:#FFF;}
 .button2 a:visited {width:auto;padding:1px 5px 3px 5px;color:#FFF;text-decoration:none;}
 .button2 a:hover  { width:auto;height:18px;text-decoration:none;color:#FFF;background-color:#2B65D0;}


.button-sub {
	position: relative;
	marging-top:5px;
	height: 20px;
	float:left;
	width:120px;
	text-align: center;
	float: left;
	font:  normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	display:block;
	background-color: #000000;
	border: 1px solid #666666;
}

.button-sub a:link    {
  color: #D5D0C8;
  display:block;
  text-decoration:none;
  height: 20px;
  }
.button-sub a:visited {
  color: #D5D0C8;
  display:block;
  color: #ECECEC;
  text-decoration:none;
  height: 20px;
  }
.button-sub a:hover   {
	color: #FEFEFE;
	display:block;
	text-decoration:none;
	background-color: #2945A5;
	height: 20px;
}
.button-sub a:active  {
  color: #D5D0C8;
  display:block;
  color: #ECECEC;
  text-decoration:none;
  height: 20px;
}

.menuBar-sub {
  height: 20px;
  width: auto;
  display: block;
  margin:10px 10px 0px 40px;
}


#errorBG {
    font-size:11px;
    font-weight:bold;
    position:relative;
    height:15px;
    background-image: url(images/log_error_b.png);
    background-repeat: repeat-x;
    padding: 2px;
    color: fff;
    border:2px double #3B3B3B;
    background-color: #484848;
 }
 
   #header               {
	height:142px;
	background-color: #000000;
	background-image: url(../images/web_head.jpg);
	width: 900px;
}
   #menu                 {
	height:37px;
	text-align:center;
	background-image: url(../images/menu_back.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #CCCCCC;
	background-repeat: no-repeat;
}	

   #menuText                 {
	height:37px;
	padding-top:10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #CCCCCC;
	background-repeat: no-repeat;
}
   #select                {
	height:57px;
	width:417px;
	text-align:center;
	background-image: url(../images/select_bk.png);
	font-family: Courier New, Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #A7CEEB;
	background-repeat: no-repeat;
}	
	
}
   #Container     {
	background-color: #EAEAEA;
	vertical-align: top;
}

   #leftPane {
	width: 220px;
	background-color: #303030;
	background-image: url(../images/left_col.jpg);
	vertical-align: top;
	background-repeat: no-repeat;
	text-align:center;
    padding-top: 10px;

}
   #rightPane  {
	width: 680px;
	text-align:center;
	background-color: #303030;
	background-image: url(../images/main_content.jpg);
	vertical-align: top;
	background-repeat: no-repeat;
}


   #formHeader {
	background-color: #676767;
	height:20px;
	padding:2px;
	padding-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#ECECEC;
	border: 2px solid #5B5B5B;

}

   #blogText {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    line-height:16px;
	font-weight: normal;
	color:#000;
}

   #formEntry {
	background-color: #9A9A9A;
	height:20px;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#252525;
	border: 2px solid #ccc;
}

 #thumbnails {

 width: 600px;
 overflow-x: scroll;
 height: 200px;
 background-color: #303030;
  background-image: url(../images/thumb_bk.jpg);
  background-repeat: repeat-x;
  margin-top:20px;
  margin-bottom:20px;
  border:1px solid #000000;

}


.thumbnails {
	color: #cccccc;
	border: 3px double #e3dfce;
	width:550px;
	height:175px;
	background-image:url(../images/thumbtile.jpg);
	background-repeat: repeat-x;
	background-color:#000000;
	padding-top: 5px;
	margin-bottom: 20px;
}

.thumbnail-detail {
	float:left;
	color: #cccccc;
	width:110px;
	height:175px;
}

.thumbnail-pageind {
	text-align:center;
	padding: 3px; 
	color: #000000;
	font-size:12px;
}

.thumbnail-indwrapper {
	margin-bottom:5px;
	border: 1px solid #e3dfce;
	} 




 #footerText {
 height: 30px;
 background-color: #585858;
 color:#ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 4px;
}
   #labelText {
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
   #smallText {
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
}
#pageTitle  {
    position: relative;
    float: left;
	color : #E3DFCE;
	font-family : Arial;
	font-size: 20px;
	line-height : 24px;
	font-weight : bold;
	text-decoration : none;
    padding-top: 50px;
}

#pageTitle-sub  {
    position: relative;
    float: left;
	color : #E3DFCE;
	font-family : Arial;
	font-size: 20px;
	line-height : 24px;
	font-weight : bold;
	text-decoration : none;
    padding-top: 20px;
}

P  {
	color : #808080;
	font-size: 12px;
	font-family : Arial;
	text-decoration : none;
}

H1  {
	color : #E3DFCE;
	font-family : Arial;
	font-size: 20px;
	line-height : 24px;
	font-weight : normal;
	text-decoration : none;
}

H2  {
	color : #808080;
	font-family : Arial;
	font-size: 14px;
	line-height : 18px;
	font-weight : normal;
	text-decoration : none;
}

H3  {
	color : #000000;
	font-family : Arial;
	font-size: 12px;
	line-height : 14px;
	font-weight : normal;
	text-decoration : none;
}

H4  {
	color : #808080;
	font-family : Arial;
	font-size: 10px;
	line-height : 10px;
	font-weight : normal;
	text-decoration : none;
}

H5  {
	color : #808080;
	font-family : Arial;
	font-size: 8px;
	line-height : 8px;
	font-weight : normal;
	text-decoration : none;
}
/* link style one */
A  {
	color : #D5D0C8;
	font-family : Arial;
	text-decoration : none;
}

A:Visited  {
	color : #D5D0C8;
	font-family : Arial;
	text-decoration : none;
}

A:Active  {
	color : #D5D0C8;
	font-family : Arial;
	text-decoration : none;
}

A:Hover  {
	font-family : Arial;
	color : #D5DEF7;
	text-decoration : underline;
}

/* link style two */
div.menubtm A:Active  {
	color : #D5D0C8;
	font-family : Arial;
	text-decoration : none;
}

div.menubtm A:Link  {
	color : #C0C0C0;
	font-family : Arial;
	font-size : 10px;
	text-decoration : none;
}

div.menubtm A:Visited  {
	color : #C0C0C0;
	font-family : Arial;
	font-size : 10px;
	text-decoration : none;
}

div.menubtm A:Hover  {
	font-family : Arial;
	color : #F0CF60;
	font-size : 10px;
	text-decoration : underline;
}

#advisorB
{
	position: relative;
	z-index: 1;
	top: 25;
	left: 543px;
}

#error
  {
	font-family: Arial;
	font-size : 14px;
	line-height : 16px;
	color : #990D0D;
	font-weight : bold;
}

#content
  {
	font-family: Arial;
	font-size : 12px;
	line-height : 24px;
	color : #DECEB8;
	font-weight : normal;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
    padding-left: 20px;
}

#stext
  {
	font-family: Arial;
	font-size : 10px;
	line-height : 12px;
	color : #000000;
	font-weight : normal;
}

#scrollText
{
	position: relative;
	background: #DFDFDF;
	text-align: left;
	padding: 5px;
	top: 0px;
	left: 0px;
	width: 500px;
}





/* Login box location and formating */
.column1, .column2, .column3, .column4
{
margin-right: 0 auto;
float: left;
background: #ffffff;
padding: 5px;
height: 450px;

}

.column1
{
	display: inline;
	top: 195;
	left: 10;
	width: 183;
}

.column2
{
	display: inline;
	top: 195;
	left: 200;
	width: 183;
}

.column3
{
	display: inline;
	top: 195;
	left: 390;
	width: 183;
}

.column4
{
	display: inline;
	top: 195;
	left: 580;
	width: 183;
}

.loginbox
{
	float: left;
	position: relative;
	top:45px;
	left: 670px;
	width: 200px;
	height: auto;
}


.bgTable
{
	font-family: Arial Black;
	float: none;
	position: relative;
	top: 0;
	left: 100;
	width: 323;
	height: 150;
	background: #000000 url(../images/login_bg.gif);

}

.form
{
	font-family: Arial Black;
	position: relative;
	top: 20;
	left: 10;
	width: 323;
	height: 150;
}


#btext
{
	font-size : 14px;
	font-family : Arial;
	color : #F3F9FE;
	line-height : 18px;
	text-align : left;
	font-weight : normal;
	text-decoration : none;
	width: 190px;
	margin-top: 10px;
}


#bdtext
{
	z-index: 1;
	position: relative;
	font-size : 16px;
	font-family : Arial;
	color : #ffffff;
	line-height : 1.2;
	text-align : left;
	font-weight : bold;
	text-decoration : none;
	left: 0;
	width: 560;
   }

#dev-wrap {
	line-height:20px;
	height:auto;
	width:600px;
	border:2px solid #CCC;
	background-color:#f2f2f2;
	margin:5px;
	padding:10px;
}

#content-dev
{
	position: relative;
	font-family: Arial;
	float: left;
	font-size : 12px;
	color : #808080;
	line-height: 14px;
    padding:3px;

}


/* FLOAT CLEARING STYLES - IE7 COMPATIBLE 
--------------------------------------------------------------------- */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#oneSizeLarger
{
	font-size: 14px;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
