/*
 * http://192.168.10.69/~heberlei/
 * COLORS: 
 *	blue		-- normal blue
 *	#030314		-- very dark blue (text, page background, submenu
 *			   header background)
 *	#d2d2de		-- light grey with hint of blue
 *	#00487d		-- rich blue (border of submenu).
 *	#331a0d		-- brown (header text, submenu links)
 *	#1f610c		-- darkish green (text of submenu headers, submenu
 *			   text hover)
 */


/************************************************************************
 * body
 * PURPOSE:
 *		Make the background to the web site basically black. Also,
 *		unless further specificed, set the font to some form of
 *		sans-serif.
 ************************************************************************/
body {
    background-color: #030314; 
    font-family: Verdana, Geneva, Arial, sans-serif;
}



/************************************************************************
 * contentWrapper
 * PURPOSE:
 *		Defines the area of the web page. It is 800 pixels wide, the
 *		background is a light grey with a hint of blue, and all content
 *		is inset by 10 pixels (i.e., a width of 780 pixels).
 *
 *		A NetSQ page generally consists of:
 *			1) Banner picture
 *			2) Main navigation buttons  (#topButtonRow)
 *			3) Main content area (#mainContentWrapper)
 *			4) Footer area (copyright stuff) (#footerContent)
 ************************************************************************/
#contentWrapper {			/* full page wrapper */
    color: blue;
    background-color: #d2d2de;
    width: 800px;
    padding: 10px;
    margin: 0 auto;
}


#mainHeader {				/* header */
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}



/*----------------------- Top/main button row  -----------------------*/

/************************************************************************
 * topButtonRow
 * PURPOSE:
 *		The area for the primary navigation buttons. They are set 10
 *		pixels below anything above them.
 ************************************************************************/
#topButtonRow {			/* Row for top buttons */
    margin-top: 10px;
}


/*----------------------- center area -----------------------*/
/*-- Overal wrapper			--*/
/*--    submenu area			--*/
/*--	mainContent when 2 columns	--*/
/*--	mainConten when 1 column	--*/

/************************************************************************
 * mainContentWrapper
 * PURPOSE:
 *		The primary area for a web's page's content. This is usually a
 *		big one-column format (#mainContent1Column) or a two-column
 *		format with a sub-menu area on the left (#submenuBlock and
 *		#mainContent2Column).
 *
 *		The main content is set of 10 pixels from the navigation
 *		buttons above.
 ************************************************************************/
#mainContentWrapper {		/* wraps content and optional submenu */
    margin-top: 10px;
}



/************************************************************************
 * submenuBlock
 * PURPOSE:
 *		For 2-column mode, this is the narrow column on the left for
 *		sub-menu content.
 ************************************************************************/
#submenuBlock {			/* submenu area */
    background: url("../images/BlueMiddle202x4.png") repeat-y top left;
    border-width: 0px;
    border-style: none;
    width: 202px;
    padding: 0px;
    float: left;
}



#mainContent2Column_orig {		/* Wrapper of main content in right column */
    background-color: white;
    color: #030314;
    text-align: left;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    margin-left: 211px;
    padding: 10px;
}




/************************************************************************
 * mainContent2Column
 * PURPOSE:
 *		For 2-column mode, this is the main/large column on the right for
 *		the primary content.
 ************************************************************************/
#mainContent2Column {
    background: url("../images/BlueMiddle589x4.png") repeat-y top left;
    margin-left: 211px;
}




#mainContent1Column {		/* Wrapper of main content in right column */
    background: url("../images/Blue2Middle800x4.png") repeat-y top left;
}




/************************************************************************
 * mainContent2ColumnTextStyle
 * PURPOSE:
 *		For 2-column mode, this defines how text will be laid out inside
 *		the main column. We can't put this in mainContent2Column because
 *		the padding field screws up the placement of the top and bottom
 *		graphical borders:
 *	<img src="../images/BlueTop589x8.png" height="8" width="589" alt="" />
 *	<img src="../images/BlueBottom589x8.png" height="8" width="589" alt="" />
 ************************************************************************/
#mainContent2ColumnTextStyle {
    color: #030314;
    text-align: left;
    padding: 10px;
}



/************************************************************************
 * mainContent1ColumnTextStyle
 * PURPOSE:
 *		For 1-column mode, this defines how text will be laid out inside
 *		the column. The design and purpose of this is the same as
 *		#mainContent2ColumnTextStyle and should probably be consolidated.
 ************************************************************************/
#mainContent1ColumnTextStyle {
    color: #030314;
    text-align: left;
    padding: 10px;
}



#mainContent1ColumnB {		/* Wrapper of main content in right column */
    color: #030314;
    text-align: left;
    height: 12;
    margin: 0px;
    padding: 0px;
}

#mainContent1ColumnBtop {
    background: url("BlueTop780x27.png") no-repeat top left;
    height: 12;
    padding: 0px;
    margin: 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}

#mainContent1ColumnBmiddle {
    background: url("BlueMiddle780x4.png") repeat-y top left;
    padding: 0px;
    margin: 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}


#simpleWrapper {
    background: url("BlueMiddle800x4.png") repeat-y top left;
    margin-top: 10px;
    //padding: 0px;
    // margin: 0px;
    // border-color: #00487d;
    // border-width: 1px;
    // border-style: solid;
}


#simpleContentText {
    padding-left: 10px;
    padding-right: 10px;
}

#mainContent1ColumnBbottom {
    background: url("BlueBottom780x10.png") no-repeat bottom left;
    padding: 0px;
    margin: 0px;
}





/*----------------------- Top Button Menu -----------------------*/

.topMenuSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(ResearchButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

.topMenu {
    width: 100px;
    margin: 0px 1px;
}

.topMenu a {
    height: 24px;
    text-decoration: none;
}

.topMenu a:link, .topMenu a:visited {
    color: white;
    display: block;
    background: url(ResearchButtons.png);
    padding: 8px 0px 0px 0px;
}

.topMenu a:hover {
    color: black;
    background: url(ResearchButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}


/************************************************************************
 * Top Navigation Buttons
 * PURPOSE:
 *		The navigation buttons are embedded in a 1-row table. Each
 *		button is in a data cell <td>.
 *
 *		All top navigation buttons have the same format. They are
 *		graphic images inside the CSS folder. Each button's PNG files
 *		consits of button images separated by 32 pixels. Then depending
 *		on which mode the button is in (selected, selectable, hover),
 *		the appropriate portion of the PNG file is shown.
 *
 *		Each button has 5 styles. "Selected" if that is the current
 *		page. This is not a clickable button.
 *			<td><div id="topToolsSelected">
 *      	</div></td>
 *
 *		For all the other buttons (the ones for any page that isn't
 *		the currently selected one), the basic format is:
 *			<td><div id="topBlogsButton">
 *				<a href="../../Blogs/"></a>
 *			</div></td>
 ************************************************************************/
 

/*--------------------- NetSQ Button --------------------------*/

#topNetSQSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(NetSQButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topNetSQButton {
    width: 100px;
    margin: 0px 1px;
}

#topNetSQButton a {
    height: 24px;
    text-decoration: none;
}

#topNetSQButton a:link, #topNetSQButton a:visited {
    color: white;
    display: block;
    background: url(NetSQButtons.png);
    padding: 8px 0px 0px 0px;
}

#topNetSQButton a:hover {
    color: black;
    background: url(NetSQButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Research Button --------------------------*/

#topResearchSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(ResearchButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topResearchButton {
    width: 100px;
    margin: 0px 1px;
}

#topResearchButton a {
    height: 24px;
    text-decoration: none;
}

#topResearchButton a:link, #topResearchButton a:visited {
    color: white;
    display: block;
    background: url(ResearchButtons.png);
    padding: 8px 0px 0px 0px;
}

#topResearchButton a:hover {
    color: black;
    background: url(ResearchButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Tools Button --------------------------*/

#topToolsSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(ToolsButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topToolsButton {
    width: 100px;
    margin: 0px 1px;
}

#topToolsButton a {
    height: 24px;
    text-decoration: none;
}

#topToolsButton a:link, #topToolsButton a:visited {
    color: white;
    display: block;
    background: url(ToolsButtons.png);
    padding: 8px 0px 0px 0px;
}

#topToolsButton a:hover {
    color: black;
    background: url(ToolsButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Podcasts Button --------------------------*/

#topPodcastsSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(PodcastsButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topPodcastsButton {
    width: 100px;
    margin: 0px 1px;
}

#topPodcastsButton a {
    height: 24px;
    text-decoration: none;
}

#topPodcastsButton a:link, #topPodcastsButton a:visited {
    color: white;
    display: block;
    background: url(PodcastsButtons.png);
    padding: 8px 0px 0px 0px;
}

#topPodcastsButton a:hover {
    color: black;
    background: url(PodcastsButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}

/*--------------------- Blogs Button --------------------------*/

#topBlogsSelected {
    width: 100px;
    height: 24px;
    margin: 0px 1px;
    display: block;
    background: url(BlogsButtons.png) 0 -64px;
    padding: 8px 0px 0px 0px;
}

#topBlogsButton {
    width: 100px;
    margin: 0px 1px;
}

#topBlogsButton a {
    height: 24px;
    text-decoration: none;
}

#topBlogsButton a:link, #topBlogsButton a:visited {
    color: white;
    display: block;
    background: url(BlogsButtons.png);
    padding: 8px 0px 0px 0px;
}

#topBlogsButton a:hover {
    color: black;
    background: url(BlogsButtons.png) 0 -32px;
    padding: 8px 0px 0px 0px;
}


/*------------------- Main Content Font Info -------------------*/

.contentH1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 150%;
    font-weight: bold;
    color: #331a0d;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 25px;
    margin-bottom: 0px;

    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.contentH1First {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 150%;
    font-weight: bold;
    color: #331a0d;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
}


.contentTitle {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 200%;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 0px;
    text-align: center;
}



/*
 * Headers that are also links to material
 */

.contentClickableH1 a {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    margin: 15px 0px 6px 0px;
    display: block;
    // border-width: 1px;
    // border-style: solid;
}

.contentClickableH1 a:link, .contentClickableH1 a:visited {
    color: blue;
}

.contentClickableH1 a:hover {
    color: red;
}



.contentH1b {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    text-decoration: none;
    margin: 15px 0px 6px 0px;
    display: block;
}


.contentH2b {
    // font-family: Georgia, "Times New Roman", serif;
    font-family: Verdana, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    margin: 15px 0px 6px 10px;
    display: block;
}




/*
 * Some pages have additional path information at the top. The
 * description for this path is below
 */

.contentPath {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
}


.contentPathSpan a {
    text-decoration: none;
}
    
.contentPathSpan a:link, .contentPathSpan a:visited {
    color: blue;
}

.contentPathSpan a:hover {
    color: red;
}



.contentPathOnBlack {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    color: LightSlateGray;
    margin: 5px 0px 10px 0px;
}


.contentPathSpanOnBlack a {
    text-decoration: none;
}
    
.contentPathSpanOnBlack a:link, .contentPathSpanOnBlack a:visited {
    color: LightBlue;
}

.contentPathSpanOnBlack a:hover {
    color: red;
}





.contentPara1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin: 0px 0px 12px 10px;

    // border-color: #00487d;
    // border-width: 1px;
    // border-style: solid;
}


.contentPara2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin: 0px 0px 12px 20px;
}



.contentCodeExample {
    font-family: Courier, monospace;
    font-size: 90%;
    font-weight: normal;
    margin: 0px 0px 6px 60px;
    //border: 1px solid black;
}



/*------------------- Submenu Font Info -------------------*/

.subMenuFirstHeader {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    color: #1f610c;
    //background-color: #030314;
    //border-color: #00487d;
    //border-width: 1px;
    border-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.subMenuHeader {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 120%;
    font-weight: bold;
    color: #1f610c;
    background-color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.submenuLink {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: bold;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 15px;
}


/*------------------- Submenu Anchor Info -------------------*/

.menu2 {
    width: 180px;
}

.menu2 a {
    text-decoration: none;
    width: 180px;
    background: green;
    color: red;
}

.menu2 a:link, .menu2 a:visited {
    text-decoration: none;
    color: red;
}

.menu2 a:hover {
    text-decoration: none;
    color: blue;
}


.submenuLink a {
    text-decoration: none;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}

.submenuLink a:link, .submenuLink a:visited {
    color: #331a0d;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}

.submenuLink a:hover {
    color: #1f610c;
    text-decoration: underline;
    background-color: #d2d2de;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
}



/*----------------------- Footer -----------------------*/

#footer {
    /* color: #c8c8ff; */
    background-color: white;
    color: #030314;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}


#footerContent {
    background: url("../images/Blue2Middle800x4.png") repeat-y top left;
    margin-top: 10px;
}

#footerTextStyle {
    text-align: center;
    color: #030314;
}


.footerPara {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 70%;
}


.bottomNavigation {

}

.bottomNavigationLeft {
    text-align: left;
    float: left;
}

.bottomNavigationRight {
    text-align: left;
    float: right;
}



/*----------------------- Papers -----------------------*/

.paper_info {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    margin-top: 20px;
}

.paper_title {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-weight: bold;
    font-size: 120%;
    //border-top: solid #00487d;
    border-top-color: #00487d;
    border-top-width: 1px;
    border-top-style: solid;
}

.paper_authors {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-style: italic;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.paper_date {
    margin: 0;
    font-family: "Times New Roman", serif;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}


.paper_source {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-style: normal;
}

.paper_summary {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    //font-family: "Times New Roman", serif;
    //font-size: 100%;
    // font-style: italic;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    line-height: 1.3em;
    font-size: 85%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0px;
    margin-bottom: 15px;
}


.paper_quote {
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
    //font-family: "Times New Roman", serif;
    //font-style: italic;
    font-family: Verdana, "Bitstream Vera Sans", sans-serif;
    line-height: 1.3em;
    font-size: 85%;
    color: #191970;
    border-left-style:solid;
    margin-left: 40px;
    padding-left: 10px;
    padding-right: 40px;
    margin-top: 0px;
    margin-bottom: 15px;
}


.paper_img {
    float: right;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.pdf_link {
    font-family: "Times New Roman", serif;
}

.file_reference {
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
}


/*------------------- Video Podcast -------------------*/

#mainVideoContent1Column {	/* Wrapper of main content in right column */
    background-color: black;
    color: #030314;
    text-align: left;
    border-color: #00487d;
    border-width: 1px;
    border-style: solid;
    margin-left: 0px;
    padding: 10px;
}

.videoContentArea {
    background-color: black;
    text-align: center;
}

.podcast_link_reference {
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
}


.podcast_link {
    font-family: "Times New Roman", serif;
}



/*------------------- Video Podcast -------------------*/

.contactInfo {			/* full page wrapper */
    color: blue;
    background-color: white;
    padding: 0px;
    margin: 12px 0px 0px 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

div.contactInfo h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 150%;
    font-weight: bold;
    color: #331a0d;
    padding: 0px;
    margin: 0px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.contactAddr {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    // color: black;
    // font-family: "Times New Roman", serif;
    // padding: 0px;
    margin: 0px 0px 0px 10px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}

.contactPhone {
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    font-weight: normal;
    color: #030314;
    margin: 12px 0px 0px 10px;
    border-color: #00487d;
    border-width: 1px;
    border-style: none;
}



/*-------------- Vertical Nav -----------------*/
/************************************************************************
 * navcontainer
 * PURPOSE:
 *		Contains a list of selectable items for the left-column
 *		submenu.
 ************************************************************************/
.navcontainer
{
    margin: 0 auto;
    padding: 1em 0;
    font-family: Verdana, Arial, sans-serif;
    font-size: 90%;
    text-align: center;
}

ul.navlist
{
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 80%;
}

ul.navlist li
{
    //display: block;
    //margin: 0;
    //padding: 0;
    
    color: rgb(50,50,50);			/* color of hover text */
    background: transparent;		/* let background color come through */
    border-color: rgb(71,89,130) rgb(255,255,255) rgb(255,255,255) rgb(71,89,130);
}


// Item currently selected. It has no anchor/button behavior
.selectedSubNav5
{

	width: auto;
	display: block;
    padding: 0.5em 0 0.5em 1em;
    border-width: 1px;
    border-color: rgb(71,89,130) rgb(71,89,130) rgb(71,89,130) rgb(71,89,130);
    border-style: solid;
    color: #046380;
    text-decoration: none;
    background: transparent;   
}






/************************************************************************
 * ul.navlist li a
 * ul.navlist li a:hover
 * .navlistSelected
 * PURPOSE:
 *		For the 2-column format, this draws the vertical buttons in the
 *		left column's sub-menu. The first style is the button at rest.
 *		The second style is for when the mouse hovers over the button.
 *		The third style is for the currently selected page. It isn't
 *		a link to anywhere.
 *
 *		<div class="navcontainer">
 *		  <ul class="navlist">
 *		    <li><div class="navlistSelected">Intro</div></li>
 *		    <li><a href="Videos/">Getting Started</a></li>
 *		  </ul>
 *		</div>
 ************************************************************************/
ul.navlist li a
{
    display: block;
    width: auto;
    padding: 0.5em 0 0.5em 1em;
    border-width: 1px;
    border-color: rgb(255,255,255) rgb(71,89,130) rgb(71,89,130) rgb(255,255,255); /* 3D border look */
    border-style: solid;
    color: #046380;   			/* color of text */
    text-decoration: none;
    background: rgb(190,210,255);		/* button background color */
}



ul.navlist li a:hover
{
    color: rgb(50,50,50);			/* color of hover text */
    background: transparent;		/* let background color come through */
    border-color: rgb(71,89,130) rgb(255,255,255) rgb(255,255,255) rgb(71,89,130);
}




.navlistSelected
{
	color: #046380;
	padding: 0.5em 0 0.5em 1em;
	border-width: 1px;
    border-color: rgb(71,89,130) rgb(71,89,130) rgb(71,89,130) rgb(71,89,130);
    border-style: solid;
}






/************************************************************************
 * figureCentered
 * PURPOSE:
 *	Center a figure (and the label) in the division. The figure label
 *	will be bolded.
 *
 *	<div class="figureCentered">
 *	  <img src="Images/ProcessTree300.png" ... />
 *	  <br />
 *	  Figure 1
 *	</div>
 ************************************************************************/
.figureCentered
{
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;

    // Uncomment these line to help in debugging
    //
    // background-color:#b0e0e6;
    // border-width: 1px;
    // border-style: solid;
}



.contentMenuExample {
    font-family: "Myriad Pro", Arial, Helvetica, Tahoma, sans-serif;
    font-size: 100%;
    font-weight: normal;
    text-align: center;
    margin: 0px 0px 6px 0px;
    // border: 1px solid black;
}




/************************************************************************
 * mainContent1ColumnTextStyle
 * PURPOSE:
 *		For 1-column mode, this defines how text will be laid out inside
 *		the column. The design and purpose of this is the same as
 *		#mainContent2ColumnTextStyle and should probably be consolidated.
 ************************************************************************/
#mainContent1ColumnTextStyle {
    color: #030314;
    text-align: left;
    padding: 10px;
}