.LeftNav
{
    background-color:#005470;
}

.EventsTitle
{
   background-color:#FFE9A5; 
   font-weight:bold; 
   font-size:11px;
}
#content-longterm
{
    width:50%;
    height:25%;
    margin:2px 0px 0px 0px;
    float:left; 
}

#content-whatiscso
{
    width:49.5%; 
    height:100%;
    margin:2px 0px 0px 50%; 
    position:relative;    
}

#content-systemoverview
{
    width:50%; 
    margin:2px 0px 0px 0px;
    float:left;
}

#content-history
{
    width:49.5%; 
    margin:2px 0px 0px 50%; 
    position:relative;
}
.CSOLTCPUHome
{
    position:relative;
    top:0px;
    left:0px;
    text-align:center;    
 	background: url('../../Images/gradient.jpg');
}

.TextContent
{
 font-size:10px;	
}

.ContentHeaderTop
{
 font-size:20px;
 font-weight:bold;
 text-align:center;
 font-family:Arial;
 color:black;
}

.ContentHeader
{
 font-size:18px;
 font-weight:bold;
 font-family:Arial;
 color:black;
}

body 
{
    margin:0;
    padding:0;
	border:none;
    text-align:center;
    background-color : #fff;  
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:75%;	
}

.pagemaster
{ 
   height: 100%;	
   width:1000px;
   margin: 0 auto;
	background-color: White;
    
}

div, p, h1, h2, h3, h4, ul, li, table
{
    margin:0;
	padding:0;
	border:none;
}

/* Master Page  */
.masterheader
{
   margin: 1px auto 0px 0px; 
	padding:0;
	border:solid 0px red; 
}

.ContentPane
{ 
   position:relative;
   margin: 0px 0px 0px 0px;  
    width: 825px;
    min-width: 400px;
}


.masterpagecontent
{ 
   text-align:left;
   position:relative;
    margin: 3px 0px 3px 0px;  
    width: 1000px;
    min-width: 400px;
}

.masterpagecontent_wrapper
{
    border-left-width: 170px;  /* left column width */
	border-left-color: #fcd975;   /* left column colour */
	border-left-style: solid; 
	
	border-right-width: 0px; /* right column width */
	border-right-color: #fff;  /* right column colour */
	border-right-style: solid;
	
	width: auto; 
}

.masterpagecontent_inner
{ 
    margin: 0; 
    width: 100%; 
}

.masterfooter
{
	clear: both;	
	color: #fff; 
    background-color:#8DB0C6;
}

.leftcontent
{
	position: relative; 
   width: 170px;              /* left column width */
	float: left; 
	height:100%
}

.rightcontent 
{ 
    position: relative; 
    float: left; 
    width: 825px; 
    z-index: 12; 
    margin-left: 5px;
    text-align:left;
}

.footer-text
{
   text-align:center;
}

.footer-menu
{
    margin:5px auto 0px auto;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
   /* Centers in FF */
   text-align: -moz-center;
   /* Centers in IE */
   text-align: center;
}

.footer-menu A
{
	text-decoration: none;
}

.footer-menu A:link
{
	color: #005470;
}

.footer-menu A:visited
{
	color: #fff;
}
 
.footer-menu A:hover
{
	color: #000;
}


.footer-menu table
{
    margin: 0 auto;
   text-align: center;
}

.table-header1
{
    width:100%;
    background-image:url('../../Images/cso_topbackground.jpg');
    background-repeat:repeat-x;
}

.table-header-space
{
    width:5px;
}

/* Details page  */

/* Rounded corner box  */
.top-left
{ 
	margin-right: 9px;
	background-image: url('../../Images/corners.gif');
	height: 9px; /* vertical: show first half of the image with the top-coreners in it */
	font-size: 2px;
}
	
.top-right
{ 
	margin-top: -9px;
	margin-left: 9px;
	background-image: url('../../Images/corners.gif'); 
	background-position: 100% 0; /* show bg-image starting at the right, and as much to the left as possible */
	height: 9px; 
	font-size: 2px; 
}
	
.bottom-left
{ 
	margin-right: 9px;
	background-image: url('../../Images/corners.gif');
	background-position: 0 -9px; /* show under half of the image */
	height: 9px;
	font-size: 2px;
}
	
.bottom-right
{ 
	margin-top: -9px; 
	margin-left: 9px;
	background-image: url('../../Images/corners.gif'); 
	background-position: 100% -9px; 
	height: 9px; 
	font-size: 2px; 
}

.inside
{
	border-left: 1px solid #c8fdd3;
	border-right: 1px solid #c8fdd3;
	background: transparent;
	padding-left:10px;
	padding-right:10px;
    vertical-align:top;
}
 
.content
{
    position:relative;
    top:0px;
    left:0px;
    text-align:left;    
 	background: url('../../Images/gradient.jpg'); 
}

/* Welcome.aspx  */
#content-intro
{
    width:99.5%;
    height:10%;
}

#Row2Column1
{
    width:50%;
    margin:2px 0px 0px 0px;
    float:left; 
}

#Row2Column2
{
    width:49.5%; 
    height:100%;
    margin:2px 0px 0px 40%; 
    position:relative;    
}

#Row3Column1
{
    width:50%; 
    margin:2px 0px 0px 0px;
    float:left;
}

#Row3Column2
{
    width:49.5%; 
    margin:2px 0px 0px 50%; 
    position:relative;
}


/* Events.aspx */
.content-events
{
    width:100%;
}

#Row3Column1
{
   clear:both;
}

.ContentThirdRow
{
   clear:both;
}

.EventTextSmall
{
 font:Arial;
 font-size:11px;
}

.EventTextLarge
{
 font:Arial;
 font-size:14px;
 font-weight:bold;
}

.alert 
{
    font: normal 9pt Verdana;
    COLOR: red;
    margin-top:5px;
    margin-bottom:5px;
}

.alertborder 
{
    border: solid 1px red;
}

.imagecaptiontext
{
    font:Arial;
    font-size:10px;
    font-weight:bold;
    text-align:center;
}

.insidesinglebubble
{
	border-left: 1px solid #c8fdd3;
	border-right: 1px solid #c8fdd3;
	background: transparent;
	padding-left:10px;
	padding-right:10px;
    vertical-align:top;
    min-height:400px;
    height:auto !important;
    height:400px;
}

.imageheadertext
{
    font-style:italic; 
    font-size:12px;
}

.content-education
{
    text-align:left;
    background: url('../../Images/gradient.jpg');
}

.left-right-space
{
    padding-bottom:2px;
    padding-left:100px;
    padding-right:100px;
    padding-top:2px;  
}

.indent
{
    margin-left:10px;
}