/* CSS Document */


#Photos {float:left; margin-right:10px; margin-bottom:5px;}

#PhotosRight {float:Right; margin-left:10px; margin-bottom:5px;}



.Menu {font-size: 10px; color: #646464; text-decoration: none; font-family: verdana, arial, helvetica;}
.Menu:link {font-size: 10px; color: #646464; text-decoration: none; font-family: verdana, arial, helvetica;}
.Menu:active {font-size: 10px;color: #646464;text-decoration: none;font-family: verdana, arial, helvetica;}
.Menu:visited {font-size: 10px;color: #646464;text-decoration: none;font-family: verdana, arial, helvetica;}
.Menu:hover {font-size: 10px;color: #990000;text-decoration: none;font-family: verdana, arial, helvetica;}


.Footer {font-size: 10px; color: #FFFFFF; text-decoration: none; font-family: verdana, arial, helvetica; font-weight:bold;}
.Footer:link {font-size: 10px; color: #FFFFFF; text-decoration: none; font-family: verdana, arial, helvetica; font-weight:bold;}
.Footer:active {font-size: 10px;color: #FFFFFF; text-decoration: none;font-family: verdana, arial, helvetica;font-weight:bold;}
.Footer:visited {font-size: 10px;color: #FFFFFF; text-decoration: none;font-family: verdana, arial, helvetica;font-weight:bold;}
.Footer:hover {font-size: 10px;color: #CCCCCC;text-decoration: none;font-family: verdana, arial, helvetica;font-weight:bold;}


.MyProjectsHD {font-size: 12px; color: #333333; text-decoration: underline; font-family: verdana, arial, helvetica; font-weight:bold;}
.MyProjectsHD:link {font-size: 12px; color: #333333; text-decoration: underline; font-family: verdana, arial, helvetica; font-weight:bold;}
.MyProjectsHD:active {font-size: 12px;color: #333333; text-decoration: underline;font-family: verdana, arial, helvetica;font-weight:bold;}
.MyProjectsHD:visited {font-size: 12px;color: #333333; text-decoration: underline;font-family: verdana, arial, helvetica;font-weight:bold;}
.MyProjectsHD:hover {font-size: 12px;color: #CCCCCC;text-decoration: underline;font-family: verdana, arial, helvetica;font-weight:bold;}


/* Class to define content page email links */
A
{
   font-size: 11px;
   color: #333333;
   text-decoration: underline;
}

A:hover
{
   font-size: 11px;
   color:#990000;
   text-decoration: none;
}



body
{
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	BACKGROUND-POSITION: left top;
	BACKGROUND-ATTACHMENT: scroll;
	SCROLLBAR-FACE-COLOR: #990000;
	SCROLLBAR-HIGHLIGHT-COLOR: #e7e7cf;
	SCROLLBAR-SHADOW-COLOR: #e7e7cf;
	SCROLLBAR-3DLIGHT-COLOR: #868F98;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-TRACK-COLOR: #616A74;
	SCROLLBAR-DARKSHADOW-COLOR: #868F98;
	font-size: 11px;
	background-color: #000000;
}

table
{
    background-color: #FFFFFF;
}
	
TD
{
	font-size: 11px;
	color: #333333;
}

  
UL
{
	margin-top:3px;
	margin-bottom:1px;
	color: #333333;
}

HR
{
   height:1px;
   color:#101d53;
}

P
{
   font-size: 11px;
   color: #333333;
}

.TableHeight
{
	height: 300px;
}

/* Class to define dot dividers */
.HorizontalDivider
{
	COLOR: #ffffff;
	background-image: url(../images/hor_dot_divider.gif);
	background-repeat: repeat-x;
	background-position: center;
}

.VerticalDivider
{
	COLOR: #ffffff;
	background-image: url(../images/vert_dot_divider.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.VerticalDividerRed
{
	COLOR: #ffffff;
	background-image: url(../images/vert_dot_divider_red.gif);
	background-repeat: repeat-y;
	background-position: center;
}


/* Class to define the headers on home page */
.HomePageHeaders
{
   font-size: 11px;
   color: #990000;
   text-decoration: none;
   font-weight: bold;
   
}

/* Class to define the header for each section */
.SectionHeaderRed 
{
   font-size: 15px;
   color: #990000;
   text-decoration: none;
   font-weight: bold;
   
}

/* Class to define the header for each section */
.SectionHeaderGrey
{
   font-size: 12px;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
   
}


/* Class to define style for left side menu */
.LeftSideMenu
{
   font-size: 11px;
   color: #666666;
   text-decoration: none;
   font-weight: bold;
}

.LeftSideMenu:hover
{
   font-size: 11px;
   color: #990000;
   text-decoration: none;
   font-weight: bold;
}
  
  
/* Class to define style for left side menu */
.LeftSideMenuBlack
{
   font-size: 11px;
   color: #FFFFFF;
   display:block;
   background-color:#990000;
   width:135px;
   padding:5px;
   text-decoration: none;
   font-weight: bold;
}

.LeftSideMenuBlack:hover
{
   font-size: 11px;
   color: #FFFFFF;
   display:block;
   background-color:#000000;
   display:block;
   width:135px;
   padding:5px;
   text-decoration: none;
   font-weight: bold;
}  


.table1
{
	background-color: #AAAAAA;
}  
  
.ButtonGreyBorder
{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana;
	background-color: #FF7D00;
}


.GreyButtonGreyBorder
{
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	border-bottom: #333333 1px solid;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana;
	background-color:#990000;
}


FORM { margin-bottom:0px; }

.TextBox
{
   border:1px solid #575757; 
   font-size:11px; 
   color: #575757; 
   background-color:#FFFFFF; 
}

.TextArea
{
   border:1px solid #575757; 
   font-size:11px; 
   color: #575757; 
   background-color:#ffffff;
   font-family: verdana; 
}

.DropDownMenu
{
   border:1px solid #E45B00;
   font-size: 11px; 
   color: #333333; 
   background-color:#ffffff; 
   font-family: verdana; 
}


/* Class to define sub-links*/
.Arrow
{
   font-size: 11px;
   color:#990000;
   text-decoration: none;
   font-weight: bold;
} 


/* Class to define Thank you for your subscription*/
.RedBold10
{
   font-size: 11px;
   color:#990000;
   text-decoration: none;
   font-weight: bold;
} 


/* Class to define coloured bolded text*/
.Grey10
{
   font-size: 11px;
   color: #CCCCCC;
   text-decoration: none;
}

.BlackBold11
{
   font-size: 11px;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

.BlackBold12
{
   font-size: 12px;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

.BlackBold13
{
   font-size: 13px;
   color: #000000;
   text-decoration: none;
   font-weight: bold;
}

.GreyBold10
{
   font-size: 10px;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
}

.LightGrey11
{
   font-size: 11px;
   color: #666666;
   text-decoration: none;
}

.GreyBold11
{
   font-size: 11px;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
}

.GreyBold12
{
   font-size: 12px;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
}


.GreyBold13
{
   font-size: 13px;
   color: #333333;
   text-decoration: none;
   font-weight: bold;
}


/* div#DefaultTitles to add dots on left and top side */
div#DotBorders {font-size: 12px; width: 100%; height: 10px; padding-top: 2px; margin-top: 0px; margin-left: 0px; margin-right: 10px; clear: both; background-image: url(../images/hor_dot_divider.gif); background-position: left top;background-repeat: repeat-x;}
div#DotBorders div {margin-left: 0px;}
div#DotBorders ul {list-style-image: none; margin: 0; padding: 0;}
div#DotBorders ul li {display: inline; margin: 0; padding: 0 3px; background-image: url(../images/vert_dot_divider.gif); background-position: left top; background-repeat: repeat-y;}


/* DefaultHeading to define default page titles */
.DefaultHeading {font-size: 12px; color: #333333; font-weight: bold;}

.Border {border: 1px solid #cccccc;}


#onesystems_logo {float:left; margin-bottom:6px; margin-right:10px;}