/*** This CSS is for header and footer of the pages, i.e. to be used for all the pages ***/

/* global text */
* {
	font-family:arial;
}

/* position the background image (black background with fire) centralised */
body {
	background:#000000 url(../images/global/background.jpg) no-repeat center bottom;
	margin-top:0px;
	margin-bottom:0px;
}

/* white area for the page, as well as the watermark at the bottom right corner */
#BodyArea {
	/*background:url(../images/global/logo_watermark.gif) no-repeat 95% 94%;*/
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}

img { 
border:0 none;
}
/* red area of the mast head */
#MastHead {
    overflow:hidden;
    background-color:#FF3124;
height:108px;
    
}

#MastHead_bottom {
    overflow:hidden;
    background-color:#FF3124;
    height:35px;
    
}

#Logo {
    margin-top:3px;
    margin-left:5px;
    float:left; 
}
 
/* HeaderLinks are links at the top right corner of the page. This CSS define the area to hold it */
#HeaderLinks {
	overflow:auto;
	  margin-top:10px; 
	margin-right:10px;
	text-align:right;
	/*width:490px;*/
	height:96px;
}
#login-container{     
    font-size:11px; 
    color:#ffffff;
    float:right;
    margin-top:-130px;
    text-align:right;
    
 }

 #login-container a {
    font-size:11px;
    color:#ffffff;
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
}


/* This CSS define the font style of the HeaderLinks */
#HeaderLinks, #HeaderLinks a {
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
    margin-left:3px; 
    margin-right:3px; 
}

#HeaderLinks a:hover {
	text-decoration:underline;
}

#LowerMast {
	 margin-bottom:4px; 
}

/* Grey area (graphic image) background for the main menu */

#MainMenu {
    /*background-image:url(../images/global/menu_bg.gif);
    width:692px;
    height:30px;
    line-height:30px;
    text-align:center;
    margin:0px 12px 0px 12px;
    float:left;
    
           background-image:url(../images/global/menu_bg.gif);
              text-align:center;
     */    
            width:672px;

            height:30px;

            line-height:28px;

            margin:0px 10px 0px 10px;

            float:left; 
    
}

/* Text style for the main menu. */
#MainMenu a {
    font-size:13px; 
    color:#000000;
    text-decoration:none;
}


#MainMenu ul{
    width:670px;
    margin:0 ; 
  
}

#MainMenu li{
    display: inline;
   /* line-height:30px;*/
    margin:-3px;
     
}

#MainMenu ul li a{
	margin: 1px;
  
   /* text-decoration: none;
      background-image: url(../images/global/menu_divider.png); 
    background-repeat: no-repeat;
    background-position: right;
     padding: 3px 15px 3px 15px;
       padding: 3px 14px 3px 14px;
       */
       
    

}

#MainMenu ul li a:visited{
    color:#000000;
} 

#MainMenu ul li a:hover{
    color: red;
}


 


/* CSS for the area holding the Search Box */
#SearchBox {
	margin-top:2px;
	 overflow:auto; 
	
}

/* Search Box's left side to hold the magnifying glass image */
#SearchBox #Left{
	float:left;
	width:25px;
}

/* Search Box's center to hold the text box */
#SearchBox #Center{
	float:left;
	width:120px;
	height:26px;
	background-image:url(../images/global/search_center.gif);
}

/* Search Box's font setting in the textbox */
#SearchBox #SearchText {
	padding:0px;
	border:0px;
	height:13px;	
	font-size:11px;
	margin-top:6px;
	float:left;
	width:110px;  
}

#SearchBox form{
      margin:0;
      padding:0;
     
    }
#SearchBox #searchForm{    
    margin-left:20px;
}

/* Search Box's right side */
#SearchBox #Right{
	float:left;
	width:13px;
	margin-right:5px;
}

/* Search button */
#SearchBox #Button {
	margin-top:3px;
	float:left;
}

/* Area to hold the message under the MastHead */
.ticker {
   margin-top:-18px;
   _margin-top:-28px;
   _padding-top:10px;
}

#MastMessage {
	overflow:auto;
	margin:2px;
}

/* Left side of area to hold the message under the MastHead */
#MsgLeft {
	overflow:auto;
	width:20px;
	float:left;
}
	
/* Center area to hold the message under the MastHead */
#MsgCenter {
	background-image:url(../images/global/mast_message_center.gif);
	background-repeat:repeat-x;
	height:27px;
	width:911px;
	float:left;
	color:#ffffff;
	font-size:12px;
	line-height:27px;
	text-align:center;
}

/* Right side of area to hold the message under the MastHead */
#MsgRight {
	float:left;
	width:25px;
}

/* RelatedOrgs is a DIV area to hold the SSC and SNOC logos */
#RelatedOrgs {
	width:960px;
	overflow:hidden; 
}

#RelatedOrgs img {
	overflow:auto;
	margin:10px 0px 10px 10px;
}
	
/* Render the black background for the footer */
#Footer {	
	background-image:url(../images/global/footer_bg.gif);
	background-repeat:repeat-x;
	/* overflow:auto;
	height:56px;*/
	clear:both;
}

/* Define the style for the area to hold the links in the footer */
#FooterLinks {
	margin-top:10px;
	margin-right:15px;
	font-size:13px;
	color:#ffffff;
	text-align:right;
}

/* Define the style for the links in the footer */
#FooterLinks a {
	color:#ffffff;
	text-decoration:none;
	margin-left:5px;
	margin-right:4px;
}

#FooterLinks a:hover {
	text-decoration:underline;
}

/* Define the style for the copyright message right at the bottom */
#Copyright {
	font-size:11px;
	color:#cccccc;
	text-align:right;
	/*margin-right:15px;*/
	margin-top:5px;
}


/* used for column control components */
/* parsys component */
div.par {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 5px 0 5px 0;
}

div.section {
    margin-bottom: 0px;
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

div.cq-colctrl-lt0 { background:url(images/cq-colctrl-lt0.gif) repeat-y scroll 0 0;}
div.cq-colctrl-lt0-c0 { width: 48%; padding-right: 14px;}
div.cq-colctrl-lt0-c1 { width: 49% }

div.cq-colctrl-lt1 { background:url(images/cq-colctrl-lt1.gif) repeat-y scroll 0 0;}
div.cq-colctrl-lt1-c0 { width: 34%; padding-right: 14px;}
div.cq-colctrl-lt1-c1 { width: 63%;}

div.cq-colctrl-lt2 { background:url(images/cq-colctrl-lt2.gif) repeat-y scroll 0 0;}
div.cq-colctrl-lt2-c0 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2-c1 { width: 31%; padding-right: 14px;}
div.cq-colctrl-lt2-c2 { width: 32%; }

div.cq-colctrl-lt3 { background:url(images/cq-colctrl-lt3.gif) repeat-y scroll 0 0; }
div.cq-colctrl-lt3-c0 { width: 46%; padding-right: 14px;}
div.cq-colctrl-lt3-c1 { width: 24%; padding-right: 14px;}
div.cq-colctrl-lt3-c2 { width: 24%; }

div.cq-colctrl-lt4 { margin:-18px 0pt;}
div.cq-colctrl-lt4-c0 { width: 38%; padding-right: 4px;}
div.cq-colctrl-lt4-c1 { width: 58% }

div.cq-colctrl-lt5 { background:url(images/cq-colctrl-lt1.gif) repeat-y scroll 0 0;}
div.cq-colctrl-lt5-c0 { width: 63%; padding-right: 14px;}
div.cq-colctrl-lt5-c1 { width: 34%;}

div.cq-colctrl-lt8 { background:url(images/cq-colctrl-lt3.gif) repeat-y scroll 0 0; align:center;}
div.cq-colctrl-lt8-c0 {padding-left:25px; width: 12%;}
div.cq-colctrl-lt8-c1 { width: 12%; }
div.cq-colctrl-lt8-c2 { width: 12%;}
div.cq-colctrl-lt8-c3 { width: 12%; }
div.cq-colctrl-lt8-c4 { width: 12%;}
div.cq-colctrl-lt8-c5 { width: 12%;}
div.cq-colctrl-lt8-c6 { width: 12%; }
div.cq-colctrl-lt8-c7 { width: 12%;} 

/* end for column control components */

 

#media_central_size{
	float:left;font-size:13px;font-family:arial;font-weight:bold
	}