/*--------------------layout---------------------*/

form {

	}


#wrapper {
  width: 980px;
  margin: 10px auto;
  }

#Header {
 position:relative;
 padding:0;
 width:980px;
 background:#99ccff;
}



#LeftHeader {
 float:left;
 height:170px;
 width:188px;
 
 background:#99ccff;
 padding: 10px 0px 0px 10px;
 /*
 border: solid red;
 border-width: 1;
 */
 
 
 /*
 padding: 0px 0px 0px 0px;
 background-image: url(/Images/oai-title.jpg);
 background-repeat: no-repeat
 */
}

/*
#LeftHeaderTop {
 width:200px;
}
*/



#MiddleHeader {
 float:left;
 height:180px;
 width:398px;
 
 background:#99ccff;
 
 /*
 border: solid green;
 border-width: 1;
 */
}


#MiddleHeaderTop {
 width:300px;
}

#RightHeader {
 float:left;
 padding:0px;
 width:378px;
 
 
 background:#99ccff;
 
 /*
 border: solid blue;
 border-width: 1;
 */
}







#RightHeaderTop {
 padding: 10px 10px 0px 0px;
 height:30px;
 text-align: center;	
 background:#99ccff;

}

#RightHeaderMiddle {
 padding: 10px 10px 0px 0px;
 height:100px;
 
 text-align: right;	
 background:#99ccff;
 }

#RightHeaderBottom {
 padding:0px;
 height:30px;
 
 text-align: center;	
}
  


#Bar {
 clear: both;
 width:974px; /* Reduced from 980 to match header becuase of wierd warping issues in IE */
 height: 5px;
 background:#3366ff;
 
}



#Main {
 clear: both;
 padding:0px;
 width:980px;
}


#LeftBar {
  float:left;
  padding: 10px 10px 10px 5px;
  width:180px;
  
  background: #f8f8f8;

}

#MiddleBar {
 float:left;
 padding:10px;
 width:630px;
 
 font-size: 14px;
	}
	
#RightBar {
 float:left;
 padding: 10px 5px 10px 10px;
 width:120px;
 background: #f8f8f8;

	}

#LeftBarTop {

 
}

#MiddleBarTop {

	}
	
#RightBarTop {

	}
	

/*--------------------style---------------------*/
body {
	font-family: Arial, Verdana;
  /*color: black; */
	color: #333333;

	font-size: 12px;
	background: white;
	margin:0;
	padding:0;			
	}

.bodytext {
	font-family: Arial, Verdana;
  /*color: black; */
	color: #333333;

	font-size: 12px;
}

h1 {
	font-family: Arial, Verdana;
	color: black;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 0; margin-bottom: 0.5em;
	/*border: solid red; */
}  

/* This is really a copy of h1. The idea is that there should only be one h1 on a page for SEO duck typing*/
h2.SiteTitle {
	font-family: Arial, Verdana;
	color: black;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 0; margin-bottom: 0.5em;
	/*border: solid red; */
}  

h2 {
	font-family: Arial, Verdana;
	color: black;
	font-size: 18px;
	font-weight: bold;
}  

h3 {
  color: black;
}

h4.bloglist {
	font-family: Arial, Verdana;
	color: black;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0.5em
}  


strong {
  color: #444444;
  font-weight: 700;
}


.headLine {
  font-family: Arial, Verdana;
	color: black;
	font-size: 14px;
}



.TextColumn {
  text-align: justify;	
  white-space: normal;
}	

.TextColumnSmall {
  text-align: justify;	
  white-space: normal;
}


/* Controls */
.Search {
  color: white;
  font-size: 14px;
  font-weight: bold;
}



/* Blog Related .. there is no class on the h2 links*/
h2 a {
  //color: #3366ff;
  font-family: Arial, Verdana;
	color: black;
	font-size: 18px;
	font-weight: bold;
  
  text-decoration: none;
}

a.postComments {
  color: #3366ff;
}



h3.postDate {
	/*color: black; */
	color: #444444;

  font-size: 10px;
  font-weight: normal;
}


.more {
  font-size: 12px;
  font-weight: normal;
}

.postComments {
  font-size: 10px;
  font-weight: normal;
}

.postFoot {
  font-size: 10px;
  font-weight: normal;
}

.thinborder {
  border: 1pt solid rgb(68, 68, 68);
  vertical-align: top;
  text-align: left;
}

/* Menu related */

a.menuItem {
  color: #3366ff;
  text-decoration: none;
  
  font-family: Arial, Verdana;
	font-size: 16px;
	font-weight: bold;
}

a.menuItem:hover {
  color: #1133ff;

}

img.imageLink {
  border-width: 0;
}

a {
  color: #3366ff;
  text-decoration: none;
  
}

a:hover {
  color: #1133ff;
}



/* LIst Items */
ul.bloglist {margin-left: 0; padding-left: 0; white-space: normal; text-align: left;	font-size: 10px; padding-top: 0em; margin-top: 0em}
li.bloglist {list-style: none; padding-bottom: 0.5em}
sup.bloglist {font-size: 6px;}

li.excel {list-style: url(/images/icons/silk/page_excel.png) square}
li.word {list-style: url(/images/icons/silk/page_word.png) square}

li.bug {list-style: url(/images/icons/silk/bug.png) disc}
li.action {list-style: url(/images/icons/silk/brick.png) disc};



li.package {list-style: url(/images/icons/silk/package.png) disc}
li.error {list-style: url(/images/icons/silk/error.png) disc}


span.ctl00_LeftBarTop_ctl00_BlogListLabel { white-space: normal; padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0}