BODY
{
    MARGIN-LEFT: 10px;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-FAMILY: Tahoma, Verdana, Arial, Sans-Serif;
/*    FONT-SIZE: 95%;*/
}

TR#row1
{
    BORDER-BOTTOM: 3px solid black;
}





.devopop
{
    BACKGROUND-IMAGE: url(images/microphone_fade.jpg);
}

#header
{
    PADDING-TOP: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-BOTTOM: 0px;
    TEXT-ALIGN: center;
}


#topnav
{
    PADDING-TOP: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    BACKGROUND-COLOR: #C5C5C5;
    BORDER: #000 1px solid;

    FONT-SIZE: 80%;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Helvetica, Arial, Sans-Serif; 
    TEXT-ALIGN: center;
    LINE-HEIGHT: 30px;

    MARGIN-BOTTOM: 1px;
    FLOAT: none;
}


/* added 12/16 to solve the wrapping  problem   */
#mainpane
{
    WIDTH: 100%;
/*    HEIGHT: 75%;*/
}



#content
{
    PADDING-TOP: 10px;
    MARGIN-BOTTOM: 1px;
	TEXT-ALIGN: center;
	BORDER: #999 0px solid;
}


#article_content
{
    PADDING-TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;

    MARGIN-BOTTOM: 1px;
    TEXT-ALIGN: justify;
    FONT-FAMILY: Tahoma, Verdana, Arial, Sans-Serif;
    FONT-SIZE: 85%;
}



#para_header
{
    FONT-FAMILY: Tahoma, Verdana, Arial, Sans-Serif;
    FONT-SIZE: 120%;
}





#newssection
{
    FONT-SIZE: 90%;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    PADDING-BOTTOM: 5px;
	text-align: left;
}


#subsection
{
    FONT-SIZE: 90%;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    PADDING-BOTTOM: 5px;
}


#pagefield
{
    FONT-SIZE: 90%;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    PADDING-BOTTOM: 15px;
	TEXT-ALIGN: left;
}


#lessondescription
{
    FONT-SIZE: 90%;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 60px;
    PADDING-LEFT: 40px;
    PADDING-BOTTOM: 5px;
}


#lessontype
{
    FONT-SIZE: 90%;
    FONT-WEIGHT: bold;
    COLOR: #014401;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 25px;
    PADDING-BOTTOM: 5px;
}


#notice
{
    FONT-SIZE: 95%;
    COLOR: #8b0000;
    PADDING-TOP: 5px;
    PADDING-RIGHT: 60px;
    PADDING-LEFT: 40px;
    PADDING-BOTTOM: 5px;
}


#sectionhead
{
    TEXT-ALIGN: center;
}



#byline
{
    TEXT-ALIGN: center; 
    FONT-STYLE: oblique;
    FONT-SIZE: 90%;
    FONT-FAMILY: Georgia, Times New Romans, Serif;
}



H6
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 75%;
    COLOR: #000;
    FONT-FAMILY: Georgia, Garamond, Times New Romans, Serif;
    TEXT-ALIGN: center; 
}

H5
{
    FONT-SIZE: 85%;
    COLOR: #000;
    FONT-FAMILY: Helvetica, Arial, Sans-Serif;
    TEXT-ALIGN: center; 
}

H4
{
    FONT-SIZE: 100%;
    COLOR: #000;
    FONT-FAMILY: Helvetica, Arial, Sans-Serif;
    TEXT-ALIGN: center; 
}

H3
{
    FONT-SIZE: 120%;
    COLOR: #000;
    FONT-FAMILY: Helvetica, Arial, Sans-Serif; 
    TEXT-ALIGN: center; 
}

H2
{
    FONT-SIZE: 140%;
    COLOR: #000;
    FONT-FAMILY: Helvetica, Arial, Sans-Serif;
    TEXT-ALIGN: center; 
}

H1
{
    FONT-SIZE: 170%;
    COLOR: #000;
    FONT-FAMILY: Helvetica, Arial, Sans-Serif;
    TEXT-ALIGN: center; 
}




A
{
    COLOR: #0000FF;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}


A:visited
{
/*    COLOR: #690069;	*/
    COLOR: #606060;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
}


A:hover
{
    COLOR: #fff;
    BACKGROUND: #00008b;
    TEXT-DECORATION: none;
}


A.audiolink
{
    COLOR: #0000FF;
    FONT-WEIGHT: bold;
    FONT-SIZE: 85%;
    TEXT-DECORATION: none;
}


A.audiolink:hover
{
    COLOR: #fff;
    BACKGROUND: #8b0000;
    TEXT-DECORATION: none;
}


TABLE
{
    FONT-SIZE: 90%;
}



.datecolumn
{
    TEXT-ALIGN: center;
}


.newpost
{
    BACKGROUND-COLOR: #ffffa1;
}












A.topnav
{
    BORDER: #f1f1f1 1px solid;
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    BACKGROUND: #f1f1f1;
}


A.topnav:hover
{
    BORDER: #999 1px solid; 
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px;
    BACKGROUND: #ccc;
}


A.uppernav
{
   BORDER: #3568cc 1px solid;
   PADDING-RIGHT: 4px;
   PADDING-LEFT: 4px;
   FONT-SIZE: 100%;
   PADDING-BOTTOM: 2px;
   PADDING-TOP: 0px;
}

A.uppernav:hover
{
   BORDER: #adc9ff 1px solid;
   PADDING-RIGHT: 4px;
   PADDING-LEFT: 4px;
   FONT-SIZE: 100%;
   BACKGROUND: #5781d5;
   PADDING-BOTTOM: 2px;
   PADDING-TOP: 0px;
}


#TopToolbar {
/*   PADDING-LEFT: 1px;  */
   PADDING-RIGHT: 5px;
   TEXT-ALIGN: right;
   PADDING-BOTTOM: 5px;
   PADDING-TOP: 5px;
   BACKGROUND: #1244aa;
/*   BACKGROUND: #5781d5;  */
   HEIGHT: 22px;
}


#TopToolbar A {
	FONT: 85% Verdana; COLOR: #ffffff; TEXT-DECORATION: none
}




#SocialSubs {
   PADDING: 5px;
   TEXT-ALIGN: right;
   BACKGROUND: #fff;
   HEIGHT: 40px;
   BORDER: #999 0px solid;
}

#SocialSubs A {
	/*FONT: 85% Verdana; COLOR: #ffffff; TEXT-DECORATION: none;*/
}

#SocialSubs A:hover
{
/*	FONT: 85% Verdana; COLOR: #ffffff; TEXT-DECORATION: none; */
    BACKGROUND: #fff;
}

#SocialSubs IMG {
	HEIGHT: 40px;
	BORDER: 0px;
    filter:alpha(opacity=40); /* For IE8 and earlier */
	opacity:0.4;
}

#SocialSubs IMG:hover {
	filter:alpha(opacity=100); /* For IE8 and earlier */
	opacity:1.0;
}


#BannerToolbar {
   PADDING-RIGHT: 0px;
   BORDER-TOP: #999 1px solid;
   PADDING-LEFT: 0px;
   FONT-SIZE: 100%;
   TEXT-ALIGN: center;
   BACKGROUND: #f1f1f1;
   PADDING-BOTTOM: 5px;
   PADDING-TOP: 2px;
   BORDER-BOTTOM: #999 1px solid
}


#BannerToolbar A {
   FONT: 80% Verdana;
   COLOR: black;
   TEXT-DECORATION: none
}






#SearchField
{
   FONT-SIZE: 85%;
   FLOAT: right;
   WIDTH: 400px;
   TEXT-ALIGN: right;
}



#helplink
{
    COLOR: #0000FF;
    FONT-WEIGHT: bold;
    FONT-SIZE: 80%;
    TEXT-ALIGN: right;
    TEXT-DECORATION: none
}

/*  ADDED FOR PTP OVERHAUL  */

#HeaderDIV
{
/*position: absolute;*/
BORDER: #999 1px solid;
 top:20px;
 width:1024px;
 text-align:center;
 }


#footer
{ 
    MARGIN-TOP: 20px;		/*Distance between the top of the container and the element above the container*/
    FONT-SIZE: 70%;
    TEXT-ALIGN: center;
    LINE-HEIGHT: 20px;		/*Height of each line of text; effectively line spacing*/
}

#transfooter
{ 
    PADDING-TOP: 0px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;

    MARGIN-TOP: 20px;

    FONT-SIZE: 70%;
    TEXT-ALIGN: center;
    LINE-HEIGHT: 20px;
}


	#my_container img {
		border: none;
		height: 300px;
		width: 300px;
		text-align: center;
	}
	
	
#MenuBar {
   TEXT-ALIGN: center;
   HEIGHT: 30px;
   
   COLOR: #ffffff;
   BACKGROUND: #565656;
   FONT-WEIGHT: normal;

   PADDING-RIGHT: 15px;
   PADDING-LEFT: 15px;
   PADDING-BOTTOM: 5px;
   PADDING-TOP: 5px;
}

#MenuBar A
{
   COLOR: #ffffff;
   BACKGROUND: #565656;
   FONT-WEIGHT: normal;
   
   PADDING-RIGHT: 15px;
   PADDING-LEFT: 15px;
   PADDING-BOTTOM: 5px;
   PADDING-TOP: 5px;
}

#MenuBar A:hover
{
   COLOR: #464646;
   BACKGROUND: #ffffff;
}


SPAN.right_inset
{
    BORDER: #ccc 1px solid;
    TEXT-ALIGN: center;
    PADDING: 5px;
    MARGIN: 15px;
    WIDTH: 250px;
    FLOAT: right;
    HEIGHT: 300px;
	
}