/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY
    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm



****************************************
***************************************/


/***************************************
    TEMPLATE VIEW
    ------------------------------------
    Styles to make the template easy to
    view - please remove.
***************************************/
div
{
    /*border:dotted 1px gray;*/
}

/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext
    {
        text-indent:0px;
        background: none;
    }   
}



@media print 
{
    /*more styles in tripoli/print.css*/
    
}

.media
{
	padding-left:20px;
}
/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.bold, .b{font-weight:bold;}
.italic, .i{font-style:italic;}
.u{text-decoration:underline;}
.floatright, .right{float:right;}
.floatright, .left{float:left;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.small8px{font-size:0.8em;}
.small10px{font-size:0.9em;}
.big{font-size:1.3em;}
.cleanedges{border:none;margin:0;padding:0;}
.marginbottom{margin-bottom:40px;}
.nomargin{margin:0;}
.hidetext{text-indent:-9000px; overflow:hidden;}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
*
{
    
}
body
{
    font: 11px tahoma, arial, verdana, sans-serif;
    background:#a5a5a5 url(../images/body_bg.gif) repeat-x;
    color:#333333;
}



/*correct order of psudeo classes*/
a:link{}
a:visited{}
a:hover{color:#5AA8CF;}
a:active {}


#container
{
  background:url(../images/main_bg.gif) top right repeat-y;    

}

h1
{
    color:#fff;  
    text-transform:none;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-size:3.4em;
    font-weight:normal;
    padding:2px 0 0 16px;
    min-height:49px;
    
}


h1.home
{
    color:#fff;  
    text-transform:none;
    font-family: "Trebuchet MS", Arial, Sans-Serif;
    font-size:2.4em;
    font-weight:normal;
    padding:10px 0 0 16px;
    min-height:34px;
    
}
    
    #homepage_text ul {margin-left:24px}
    #homepage_text ul li{
    
color:#45809C;
display:inline;
float:left;
line-height:17px;
margin:0 0 25px;
padding:0 20px 0 0;
text-align:justify;
text-indent:0;
width:300px;
font-size:0.8em;

    
    }
    
    
    .read_more {font-weight:bold;}
      #homepage_text span {display:none;}
    
    
h2
{

    color:#000000; 
    font-weight:normal;    
    text-transform:uppercase;
    padding:0 0 0 20px;   
}     


.news_pop{overflow:hidden; font-family:Trebuchet;height:2500px;width:900px;}
iframe {overflow:hidden}

img .floatleft
{
    
    background:#fff;
    float:left;
    margin:0px 10px 12px 0px;
  
}

img .floatright
{
    
    background:#fff;
    float:right;
    margin:0px 10px 12px 0px;
  
}


.LSTEvMyCSS1 {color:#5AA8CF}
.LSTEvMyCSS1 h1, .LSTNeMyCSS1 h1 {color:#5AA8CF;margin:0px; min-height:30px;padding:0px;}
.LSTEvMyCSS2 {}
#content .LSTEvMyCSS2 p, #content .LSTNeMyCSS2 p {margin:10px 0px; line-height:15px;}
.LSTEvImage {float:right;border:solid 1px #bfbfbf;}
.LSTPrMyCSS5 {}
#content .LSTPrMyCSS5 p {font-size:1.1em;}
.LSTPrMyCSS5 img {}
.excpress {}
.excpress h1 {color:#17365d;margin:10px 0px;height:auto;min-height:100%;}

#rhs .quote {width:245px;margin:0px 20px;}
#rhs .quote h4 {margin:10px 0px;font-size:1.5em;color:#999;font-weight:normal}
#rhs .quote p {margin:0px;font-size:1.5em;color:#999; text-align:left;padding:10px 0px 15px 0px;border-top:solid 1px #999;border-bottom:solid 1px #999;}


#rhs .images {margin:10px 20px;}



.rhsButtons a.firstLink
{
    margin-top:-15px;
}

.rhsButtons a
{
    display:block;
}
.rhsButtons img
{
    display:block;
    margin-bottom:1px;
}

.roundedcornr_box_528983 {
   background: #999999;
   margin:15px 19px;
    width:245px;
}

#rhs .roundedcornr_box_528983 p {padding:0px;margin:10px 0px;font-size:1.1em;}

.roundedcornr_top_528983 div {
   background: url(../images/roundedcornr_528983_tl.png) no-repeat top left;
}
.roundedcornr_top_528983 {
   background: url(../images/roundedcornr_528983_tr.png) no-repeat top right;
}
.roundedcornr_bottom_528983 div {
   background: url(../images/roundedcornr_528983_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_528983 {
   background: url(../images/roundedcornr_528983_br.png) no-repeat bottom right;
}

.roundedcornr_top_528983 div, .roundedcornr_top_528983, 
.roundedcornr_bottom_528983 div, .roundedcornr_bottom_528983 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_528983 { margin: 0 30px; }


div.indent
{
    border-left:solid 1px #999999;
    padding-left:10px;
}

.transparent_class
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.pagination {padding-left:20px;}

/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
	background:#343434 url(../images/header_bg.gif) repeat-x scroll 50% 0%;
	border-bottom:solid 1px #fff;
}


#header_bg {background:#343434 url(../images/header_bg_main.jpg) no-repeat center top;height:90px;}

#header .contact
{
      
    margin:0 auto;
	width:950px;
	 height:100%;
}


#header .contact p
{

    color:#999999;
    font-family:Arial;
    font-size:1.2em;
    text-align:right;
    padding-top:31px;
   
    
}

#header .contact p a
{
    color:#999999;
}
#header .contact p a:hover
{
    color:#cccccc;
}

#header .contact p span
{
    color:#cccccc;    
}
#header .contact address
{
    font-style:normal;
    
}

div#lowerheaderimg
{    
  
}


#container a#toprightbox
{
    display:block;
    background:   url(../images/IPTV_butt.jpg) top left no-repeat;
    
    position:absolute;
    
    bottom:-91px !important;/*all except ie6*/ 
    bottom:-92px; /*ie6*/
    height:91px;
    
    right:0px;
    width:283px;
}


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}



/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
    
#globalnav
{
    background:#4386A7 url(../images/globalnav_bg.gif) repeat-x scroll left top;
    font-family:"Trebuchet MS",Arial,Sans-Serif;
    font-size:1.2em;
    padding:0pt;
    
}
    #globalnav  .globalnav_inner 
    {
        width:950px;
        margin:0 auto;
    }


	#globalnav ul 
	{
	    margin:0 0 0 0px;
	    padding-left:0;
	    text-shadow: 0px 0px 3px black;
	}
	
	
    /*ie6 dropdown menu fix*/
	#globalnav li li
	{
	    clear:left;
	}
	
    /*ie shift fix*/
	#globalnav ul ul
	{
	    margin-left:0;
	}
	
	
	
	#globalnav li.AspNet-Menu-Selected
	{
	    background: #407d9b url(../images/globalnav_li_current.gif) no-repeat top left;
	    
    }
	
	#globalnav li.AspNet-Menu-Selected:hover
	{
	    background: #407d9b url(../images/globalnav_li_current_hover.gif) no-repeat top left;
	    
    }
	
	#globalnav li
	{
	    float:left;
	    background: #4387aa url(../images/globalnav_li.gif) no-repeat top left;
	}
	
	#globalnav li:hover
	{
	    background: #4387aa url(../images/globalnav_li_hover.gif) no-repeat top left;
	}
	
	
	
    #globalnav a
    {
       color:#FFFFFF;
display:block;
font-size:0.8em;
min-height:10px;
padding:9px 7px 7px 9px;
text-decoration:none;
       
    }

	/*#globalnav a.AspNet-Menu-Selected
	{
	    margin:0pt 13px 0pt 13px;
	}*/
	

/***************************************
    DROP DOWN GLOBAL (.simpleMenu)
    ------------------------------------
    This is a drop down menu
    ie6: BrowserSpecific/IEMenu6.css
***************************************/





/* text and img inside each menu link */
#menu ul.AspNet-Menu li span, 
#menu ul.AspNet-Menu li img 
{    
    
}

/*indent of lower down ones
.SimpleMenu ul.AspNet-Menu ul ul {
    margin-left:140px;
    margin-top:-125px;
    padding-left:5px;
}
*/

/* level 2 onwards - moves the list bit up and to the left*/
#menu ul.AspNet-Menu li li li
{
    left:100px;
    top:-30px;
}

.nudge_left {
    
    margin-left:22px;
    font-weight:bold;

}


li.AspNet-Menu-Selected
{
}


/***************************************
    BREADCRUMB STYLES: #breadcrumb
    ------------------------------------
    Style rules for the breadcrumb
    only.
***************************************/
#breadcrumb
{
    
    background:#343434 url(../images/header_bg.gif) repeat-x scroll 0px 0px;
	width:100%;
	position:relative;
	
	
}
#breadcrumb_inner
{
	padding:5px 20px;
	
	border-bottom:1px solid #fff;
}

#breadcrumb a
{
	color:#fff;
}

#breadcrumb span
{
  color:#fff;
}

#breadcrumb span.current
{
  color:#75b1d0;
}

#breadcrumb span:hover
{
  color:#cccccc;
}


/***************************************
    topheadings STYLES: #topheadings
    ------------------------------------
    Style rules for the topheadings
    only.
***************************************/

#topheadings
{
    background:#4484a4 url(../images/h1_bg.gif) left -20px no-repeat;
    height:auto !important; /*all except ie6*/
    height:78px; /*ie6*/
    min-height:78px;
}


#topheadings a:link,
#topheadings a:visited {color:#000;}
/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{    
    
}

/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{
	text-align:left;
	background:#323232;
	color:#fff;
	border-left:1px solid #fff;
}
	
    	
	
	#rhs p 
	{
    clear:right;
    margin-left:20px;
    margin-right:15px;
	}
		

	
	#rhs .pressrelease img
	{	    
	    float:left;
	    border:1px solid #999999 !important;
        margin:0 10px 27px 18px;
        padding:0px;
        width:58px;
	}
    

	
	#rhs .pressrelease a
	{	    
	    color:#fff;
	}
	
	#rhs h2
	{	    
        background:transparent url(../images/rhs_headingbg.gif) no-repeat scroll left top;
        clear:both;
        color:#428BB0;
        font-family:"Trebuchet MS",Arial,Sans-Serif;
        font-size:1.6em;
        margin:0px 0px 0px 9px;
        padding:13px 0px 24px 62px;
        text-transform:capitalize;
	}
	#rhs h3
	{
        clear:right;
        color:#428BB0;
        font-size:1em;
        font-weight:bold;
<<<<<<< .mine
        margin-left:63px;
=======
        margin-left:64px;
>>>>>>> .r813
        text-align:left;  
	}
	
	
	#rhs h2 a, #rhs h3 a
	{
        color:#428BB0;
	}
	
	
	#rhs h2 a:hover, #rhs h3 a:hover
	{
        color:#4a9cc6;
	}
	
	
	#rhs .pressrelease
	{
	}

        #rhs .pressrelease p
        {
            padding-bottom:1em;
        }




	
	/*Sign up form*/	
	#rhs #signup
	{
	    background: #fff url(../images/rhs_singup_topcorner.gif) top right no-repeat;
        position:relative;
	    width:213px;
	    text-align:right;
	    color:#333333;
	    
	    margin:0;
	    padding:0;
	    margin-top:30px;
	    
	    clear:both;
	    
	}
	#rhs  #signupbottom
	{ 
	    background: #fff url(../images/rhs_singup_bottomcorner.gif) bottom right no-repeat;
	    height:12px;
	    width:213px;
	    
	    
	}
	    #rhs #signup  h2, #rhs #signup  p
	    {
	        display:block;
	        margin:0px 10px 0px 0px;    	   
	    }
	    #rhs #signup #ctl00_namefield, #signup #ctl00_emailfield
	    {
	        background:#cfd3d5;
	        border:1px solid #bec0c2;
	        margin:0px 0px 5px 5px;	           

	             
	        text-align:right;
	        color:#5a5a5a;
	        font-weight:bold;
	        font-family:Arial;
	        padding:2px;
	        font-size:1em;
	        float:right;
	        width:80%;
    	   
	    }
	    #rhs #signup #ctl00_namefield:hover, #signup #ctl00_emailfield:hover
	    {
    	   background:#d4d8da;
        }
        #rhs #signup  h3
        {
            margin:0 10px 0 0 ;
            padding:15px 0px 15px 0px;
            text-align:right;    
        }
	    .marginright10px
	    {
	        margin-right:10px;
	    }
	    

	    #rhs #signup input#signupbutton
	    {
	        margin-top:5px;
	        float:right;
	        padding-bottom:5px;
	    }
	    
	    .jqueryexample
	    {
        }
	    
	    #rhs #signup h2
	    {
	        
	        margin:0 10px 0 0 ;
	        padding:10px 0 0 0;
	        background:none;
	        font-size:1.7em;
    	   
	    }
		
	    #rhs #signup p
	    {
	        color:#000;
	        font-size:1em;
	        margin-bottom:5px;	        
	        margin-top:0px;
	        height:auto;
    	   
	    }
		

/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    background:#ffffff;  
}
.content2
{
    min-height:1085px;
}
	#content p
	{
        font-size:0.9em;
        line-height:1.3em;
        margin:20px 20px 1em;
	    
	}

	#content hr
	{
	    width:80%;    
	}
	#content .clear
	{
	    clear:both;
	}
	/*
	    left / right floating things
	    use for images etc
	*/
	#content .floatleft
	{
	    float:left;
	    display:block;
	    margin: 5px 10px 5px 0;
	}
	
	#content .floatright
	{
	    float:right;
	    display:block;
	}

	#content blockquote
	{
	    height:92px;
	    width:623px;
	    background:url(../images/content_quote_bg.gif) top left no-repeat;
	    color:#000000;
	    font-size:2em;
	    text-align:center;
	    padding-top:30px;
	    margin:20px 0 20px 15px;
	    clear:both;
	}

    #content img.header
    {
        border:none;
        padding:0;
        margin:0;
    }
    
    #content div.largeimagewithtext
    {
       
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
    }
    
    #brochure {margin-bottom:20px}
    #brochure .inner {margin-left:20px;}
    #brochure a {font-weight:bold;margin-left:10px; }
    #brochure p {margin:0px 0px 0px 35px; }
    #brochure img {float:left;}
    #content div.largeimagewithtext_civil
    {
        background: #323232 url(../images/Civil-Contingency_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        
        padding:0;
       
    }
    
        #content div.largeimagewithtext_goverment
    {
        background: #323232 url(../images/goverment_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        
        padding:0;
       
    }
    
            #content .largeimagewithtext_civil_home
    {
        background: #323232 url(../images/home_banner.jpg) top left no-repeat;
        min-height:233px;
        width:665px;
        margin:-19px 0px 0px 0px;
        padding:0;
       
    }
    
      
    #flash_movie {float:left;}
    #home_gallery {float:right;height:253px;width:294px;}
    #home_gallery li {height:79px; width:79px; background:#bfbfbf;float:left;display:inline;margin:0px 15px 10px 0px}
    #home_gallery ul { list-style:none;margin:0px;padding:0px;}
    


    #home_media{
    
    background:#EFEFEF;
    border:1px solid #CCCCCC;
    color:#666666;
    font-size:11px;
    font-weight:bold;
    margin:20px;
    padding:10px 0 10px 10px;
    height:259px;
    }


    
        #content div.largeimagewithtext_civil p
    {
        color:#FFFFFF;
        font-size:1.1em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:15px;
        text-align:right;
    }
    
            #content div.largeimagewithtext_fire
    {
        background: #323232 url(../images/fire_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
                #content div.largeimagewithtext_coolage
    {
        background: #323232 url(../images/coolage_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
      
    

    
        #content div.largeimagewithtext_fire p
    {
        color:#FFFFFF;
        font-size:1em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:30px;
        text-align:right;
    }
    
    
            #content div.largeimagewithtext_ambu
    {
        background: #323232 url(../images/ambu_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
      
    
    
        #content div.largeimagewithtext_police p
    {
        color:#FFFFFF;
        font-size:0.94em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:10px;
        text-align:right;
    }
    
       
        #content div.largeimagewithtext_goverment p
    {
        color:#FFFFFF;
        font-size:0.94em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:10px;
        text-align:right;
    }
    
    
            #content div.largeimagewithtext_coolage p
    {
        color:#FFFFFF;
        font-size:0.94em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:25px;
        text-align:right;
    }
    
    
    
    
      
    
                #content div.largeimagewithtext_police
    {
        background: #323232 url(../images/police_main.jpg) top left no-repeat;
        min-height:248px;
        width:665px;
        margin:0;
        padding:14px 0 0 0;
       
    }
    
                    #content div.largeimagewithtext_utili
    {
        background: #323232 url(../images/utili_main.jpg) top left no-repeat;
        min-height:248px;
        width:665px;
        margin:0;
        padding:14px 0 0 0;
       
    }
    
                       #content div.largeimagewithtext_med_health
    {
        background: #323232 url(../images/med_health_head.jpg) top left no-repeat;
        min-height:248px;
        width:665px;
        margin:0;
        padding:14px 0 0 0;
       
    }
    
                       #content div.largeimagewithtext_local
    {
        background: #323232 url(../images/local_main.jpg) top left no-repeat;
        min-height:248px;
        width:665px;
        margin:0;
        padding:14px 0 0 0;
       
    }
    
                           #content div.largeimagewithtext_com
    {
        background: #323232 url(../images/com_main.jpg) top left no-repeat;
        min-height:248px;
        width:665px;
        margin:0;
        padding:14px 0 0 0;
       
    }
    
    
    
        #content div.largeimagewithtext_sport p
    {
        color:#FFFFFF;
        font-size:1.00em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:21px;
        text-align:right;
    }
    
            #content div.largeimagewithtext_med_health p
    {
        color:#FFFFFF;
        font-size:1.00em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:56px;
        text-align:right;
    }
    
                #content div.largeimagewithtext_com p
    {
        color:#FFFFFF;
        font-size:1.00em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:56px;
        text-align:right;
    }
        
        #content div.largeimagewithtext_888 p
    {
color:#FFFFFF;
font-size:1em;
font-weight:normal;
margin-left:356px;
margin-top:0pt;
padding-top:20px;
text-align:right;
    }
    
            #content div.largeimagewithtext_local p
    {
color:#FFFFFF;
font-size:1em;
font-weight:normal;
margin-left:356px;
margin-top:0pt;
padding-top:20px;
text-align:right;
    }
    
    
            #content div.largeimagewithtext_utili p
    {
color:#FFFFFF;
font-size:1em;
font-weight:normal;
margin-left:356px;
margin-top:0pt;
padding-top:20px;
text-align:right;
    }
    
      
    
                #content div.largeimagewithtext_sport
    {
        background: #323232 url(../images/sport_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
    
    
                #content div.largeimagewithtext_iptv p
    {
        color:#FFFFFF;
        font-size:1.00em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:56px;
        text-align:right;
    }
    
    
    
      
    
                #content div.largeimagewithtext_iptv
    {
        background: #323232 url(../images/iptv_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
        
                #content div.largeimagewithtext_888
    {
        background: #323232 url(../images/888_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
    
        #content div.largeimagewithtext_edu p
    {
      color:#FFFFFF;
        font-size:1.00em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:56px;
        text-align:right;
    }
    
    
    
      
    
                #content div.largeimagewithtext_edu
    {
        background: #323232 url(../images/edu_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
    
            #content div.largeimagewithtext_lib p
    {
      color:#FFFFFF;
        font-size:1.00em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:3px;
        text-align:right;
    }
    
    
    
      
    
                #content div.largeimagewithtext_lib
    {
        background: #323232 url(../images/Libary_main.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
       
    }
      
    
    
        #content div.largeimagewithtext_ambu p
    {
        color:#FFFFFF;
        font-size:0.94em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:21px;
        text-align:right;
    }
    
    
    
    
        #content div.largeimagewithtext p
    {
        color:#FFFFFF;
        font-size:1.3em;
        font-weight:normal;
        margin-left:375px;
        margin-top:0pt;
        padding-top:15px;
        text-align:right;
    }
    
    
            #content div.largeimagewithtext
    {
        background: #323232 url(../images/homepage_topimage.jpg) top left no-repeat;
        min-height:262px;
        width:665px;
        margin:0;
        padding:0;
    }

    /*float left and right images with padding for */
    #content img.left
    {
        display:block;
        float:left;
        padding:0 8px 8px 0;

    }    
    #content img.right
    {
        display:block;
        float:right;
        padding:0 0 8px 8px;
    }

	
	
	#content div.header3blue
	{
	    background:#457f9b url(../images/heading3_bg.gif) top right no-repeat;
	    width:631px;
	    color:#fff;
	    margin:0 auto;
	    min-height:94px;/*ie6.css*/
	    position:relative;
	    
	}
	
	
	#content div.header3blue a:link,
	#content div.header3blue a:visited {color:#fff;}
	
	#content .heading3_bg_bottom
	{
        background:transparent url(../images/heading3_bg_bottom.gif) no-repeat scroll right top;
        bottom:7px;
        clear:both;
        height:7px;
        margin:0 auto 35px;
        position:relative;
        width:631px;
	}
	
	#content div.header3blue h3
	{
        font-size:0.9em;
        font-weight:bold;
       margin:0px 0px 0px 0px;
        padding:13px 0px 0px 20px;
	}
	#content div.header3blue p /*ie6.css*/
	{
	    font-size:0.8em;
        line-height:1.2em;
        margin:5px 0px 0px 20px;
        padding-bottom:7px;
        padding-right:20px;
        
        
	}
	#content div.header3blue img /*ie6.css*/
	{
	    border:0;margin:0;padding:0;
	    position:static;
	    float:left;
	}

	#content div.header3silver /*this is also used in the press releases page so be careful*/
	{
	    background:#fefefe;
	    background: url(../images/header3silver_bg.gif) top right repeat-x;
	    margin:20px auto;
	    border:1px solid #bcbcbc;
	    color:#333;
	    width:630px;
	    display:table;
	    
	}	
	#content div.header3silver img
	{
	    border:0;
	    padding:0;
	    float:right;
	    margin:22px;
	    
	}	
	#content div.header3silver h3
	{
	    border-bottom:1px solid #b0b0b0;
	    margin:15px 280px 0px 20px;
	    font-size:1em;
	    font-weight:normal;
	    
	}	
	
		#content div.header3silver h4
	{
	    border-bottom:1px solid #b0b0b0;
	    margin:15px 25px 0px 20px;
padding-bottom:15px;
	    font-size:1em;
	    font-weight:normal;
	    
	}	
	   	
	
	#content div.header3silver p
	{
	    font-size:0.75em;
        line-height:1.1em;
        margin:0px 280px 20px 20px;
        text-align:justify;
	    
	}	
	
	
	#content div.header3silver a:link{}
	#content div.header3silver a:visited{}
	#content div.header3silver a:hover{color:#5AA8CF;}
	#content div.header3silver a:active {}
	
	
	
	
	
	#content a.contact_globe
	{
	    margin:0 auto;
	    padding:0;
	    width:257px;
	    height:150px;
	    display:block;
	    background:#fff url(../images/contact_globe.gif) top left no-repeat;
	}
	
	
		
	
	#content a.contact_globe:hover
	{
	    background-position:0px -150px;
	}
	
	
	
	
	
	
	
/* Tables */
#content table
{
    padding:1em;
}
    #content table caption
    {
        caption-side:bottom;
        font:0.8em italic;
    }
    
    #content table thead
    {
        
    }
    
    #content table tbody
    {
        
    }

    #content table th
    {
        background:#ddd;
    }

    #content table .odd
    {
        background: #FFF4E9;
    }
    
    
    .LSTEvMyCSS66{}
    .LSTEvMyCSS66 h1{margin:0px;padding:0px;color:#111}
    
    #rhs #events_home h3 {margin-left:19px;}
    #rhs #events_home div {margin-left:19px;}
    
    
/* Lists */
#content ol
{
}
#content ul
{
}   
/* Forms */


/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    text-align:center;
    font-family:Arial;
    font-size:0.85em;
    background:#fff;
    color:#333333;  
    position:relative;
    padding-top:1px;
}
    #footer span.mgz
    {
        display:block;
        float:right;
        text-align:right;
        width:200px;
    }
    
    

    
    #footer #main_bg_bottom
    {
        position:absolute;
        top:-20px;
        right:0px;
        width:283px;
        height:28px;
        background: url(../images/main_bg_bottom.gif) bottom left no-repeat;
    }


    #footer_inner
    {       
        border-top:1px solid #A5A5A5;
        margin:10px 20px;
        padding-top:5px;
    }

	#footer .footerleft
	{
	    float:left;
	    text-align:left;
	}

	    #footer .footerleft a
	    {
	        color:#333333;
	    }

	    #footer .footerleft a:hover
	    {
	        color:#666666;
	    }

	#footer .footerright
	{
	    float:right;
	    text-align:right;
	    height:10px;
	    width:300px;
	    
	}
	
#footer .footerright a {
    background:transparent url(../images/footer_w3c_logos.gif) no-repeat scroll left top;
    display:block;
    float:right;
    height:15px;
    width:85px;
    
}

    
  div#footer .footerright  .mgzlink
    {
        background:none;
        display:inline;
        width:auto;
        color:#333333;
        
    }

#footer a#css 
{
    background-position:-180px 0px;
    width:71px;
}
#footer a#access
{    
    background-position:-98px 0px;
    margin-left:5px;
    width:76px;
}
#footer a#xhtml 
{
    background-position:-8px 0px;
    margin-left:5px;
    clear:both;
}

/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/


/*gallery*/

#gallerydrop
{
    clear:both;
    text-align:center;
    margin-top:5px;
}

#gallerydrop select
{
    padding:0;
}


#gallerydrop select:focus
{
    outline:none;
}



#flashgallery
{
    height:596px;
}

#gallerymargin
{
    
}

.LSTPrImage
{
    padding-left:20px
}
.LSTCaImage
{
    padding-left:20px
}
.LSTPrMyCSS3, .LSTCaMyCSS3
{
    padding-left:20px
}

/*Press releases and case studies*/
body .pressreleases table
{
    margin:20px auto;
    width:626px;
}

body .pressreleases td 
{
    background:#fff url(../images/header3silver_bg.gif) repeat-x scroll right top;
    border:1px solid #BCBCBC;
}
body .formtab td
{
	display:none;
}

#content .LSTPrMyCSS2 p, #content .LSTCaMyCSS2 p  /*date*/
{
    margin-top:0;
    padding-top:0;
    margin-bottom:0;
    padding-bottom:6px;
}



#content #grdList .LSTPrMyCSS1 h1, 
#content .LSTCaMyCSS1 h1
{
    margin-bottom:0px;
    background:transparent;
    text-align:left;
    font-weight:bold;    
}

#content #grdList .LSTCaMyCSS1 h1, 
#content #grdList .LSTCaMyCSS2 p
{padding:0; margin:0;}


#content #grdList  .LSTPrMyCSS1 h1 a, 
#content .LSTCaMyCSS1 h1 a,
#content #grdList  .LSTPrMyCSS1 h1 a:visited, 
#content .LSTCaMyCSS1 h1 a:visited,
#content #grdList  .LSTPrMyCSS1 h1 a:link, 
#content .LSTCaMyCSS1 h1 a:link
{
    color:#5AA8CF;
}



#content .LSTPrMyCSS4 p, #content .LSTCaMyCSS4 p
{
    font-size:0.9em;
    line-height:1.1em;
    margin:0px 133px 20px 20px;
    text-align:justify;
}

#content .LSTPrMyCSS3, #content .LSTCaMyCSS3 , #content .LSTNeMyCSS3 /*press release image and case studies*/
{
    border:1px solid #BCBCBC;
    float:right;
    overflow:hidden;
    margin:0px 22px;
    padding:2px; 

}
#content .LSTPrMyCSS3 img, #content .LSTCaMyCSS3 img, #content .LSTNeMyCSS3 img
{
    display:block;
}

#content .LSTPrMyCSS3 a , #content .LSTCaMyCSS3 a /*press release image link*/
{
    padding:0px;
}

.LSTPrMyCSS3 img {display:block;}

.pressreleases  .LSTPrMyCSS1 a, 
.pressreleases  .LSTPrMyCSS2 a, 
.pressreleases  .LSTPrMyCSS3 a, 
.pressreleases  .LSTPrMyCSS4 a,
.pressreleases  .LSTCaMyCSS1 a, 
.pressreleases  .LSTCaMyCSS2 a, 
.pressreleases  .LSTCaMyCSS3 a, 
.pressreleases  .LSTCaMyCSS4 a
{
    padding:0px;
}




.pressreleases  .LSTPrMyCSS2 a, .pressreleases  .LSTCaMyCSS2 a
{
    color:#333333;
}

.pressreleases  #numnav
{
    margin-left:20px;   
}



#iptv
{
	 background:transparent url(../images/livesteam_bg.jpg) no-repeat scroll center top;
 height:400px;
 margin:0px auto -65px;
 padding-left:44px;
 padding-top:68px;
 width:400px;
}
#iptv2
{
	 background:transparent url(../images/livesteam_bg_888.jpg) no-repeat scroll center top;
 height:400px;
 margin:0px auto -65px;
 padding-left:44px;
 padding-top:68px;
 width:400px;
}
p.center
{
    text-align:center;
}
#external a
{
	color:#457F9C;
	font-size:12px;
}
#iptext
{
	background:#EFEFEF url(../images/iptext_bg.jpg) no-repeat scroll right center;
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	margin:0px auto;
	padding:0px;
	width:622px;
}

.tit
{
	text-align:center;
}
#image
{
display:block;
float:right;
padding-right:22px;
}
#image img
{
}
.imageLeft
{
float:left;
margin-left:21px;
padding-right:10px;
padding-top:11px;
}
.imageLeft a
{
border:1px solid #4387A9;
display:block;
height:148px;
padding-top:0px;
}
.imageLeft a:hover
{
border:1px solid #5AA8CF;
display:block;
height:148px;
padding-top:0px;
}
.imageRight
{
float:right;
margin-right:21px;
padding-left:10px;
padding-top:11px;
height:170px;
}
.imageRight a
{
border:1px solid #4387A9;
display:block;
height:148px;
padding-top:0px;
}
.imageRight a:hover
{
border:1px solid #5AA8CF;
display:block;
height:148px;
padding-top:0px;
}
.race img
{
padding:0px 0pt 0pt 20px;
}





/* News letter */
/***************/


#container .LSTPrMyCSS5 .leftcol   *,
#container .LSTPrMyCSS5 .rightcol  *
{
    border:none;
    padding:0;
    margin:0;
    width:auto;
}

#container .LSTPrMyCSS5 table
{
    width:666px;
    margin:0 auto;
    position:relative;
}

#container .LSTPrMyCSS5 table table
{
    width:auto;
    margin:auto;
}


#container .LSTPrMyCSS5 table td
{
    border:none;
    padding:0;
    margin:0;
}



 .LSTPrMyCSS1 h1
{
    
    margin:0;
    min-height:22px;
    padding:12px 19px;
    
    text-transform:uppercase;
    font-weight:bold;
    font-size:1.4em;
    color:#5AA8CF
}


 .LSTPrMyCSS1 h1 a:link,
 .LSTPrMyCSS1 h1 a:visited
{
    color:#5AA8CF
}





#content  .LSTPrMyCSS2
{
    height:17px;
    margin:0 0 10px;
    overflow:hidden;
    width:100px;
}


#content #grdList .LSTPrMyCSS2
{
    display:block;
}


#content #grdList .LSTPrMyCSS2 p
{
   margin-left:0;
}

h3 {padding-left:20px;}

#container .LSTPrMyCSS5   .leftcol h2,
#container .LSTPrMyCSS5   .leftcol h3,
#container .LSTPrMyCSS5  .leftcol h4
{color:#4F81BD;font-family:Arial, Sans-Serif;font-size:15px;font-weight:bold;margin-left:10px;margin-right:10px;}

#container .LSTPrMyCSS5  .leftcol h3
{
   font-size:13px;
}
#container .LSTPrMyCSS5  .leftcol h4
{
   font-size:13px;
   font-weight:normal;
}

#container .LSTPrMyCSS5  .leftcol
{
    background:white;
    width:454px;
    color:#333333;
    padding:0px;
    vertical-align:top;
}


#container .LSTPrMyCSS5 .leftcol p
{
    margin:0 10px 10px 10px;
    padding:0;
}








#container .LSTPrMyCSS5  .rightcol
{
    background:#383838 url(../images/rightcolbg.gif) bottom left no-repeat;
    width:178px;
    color:#fff;
    vertical-align:top;
    padding:0 0 10px 0;
    margin:0;
}



/*NEED TO HAVE SAY - THREE DIFERENT SIZES OF BOXES THAT THEY CAN TYPE IN*/


#container .LSTPrMyCSS5  .whiteRoundedBoxSmall /*need to setup a div element    - use shift-enter for new lines*/
{
    background: url(../images/roundedsmall.gif) top right no-repeat;
    height:101px !important;
    height:102px;
    margin:0 auto;    
    padding:27px 8px;
    width:146px !important;
    color:#333333;
}


#container .LSTPrMyCSS5  .whiteRoundedBox 
{
    background:url(../images/roundedmed.gif) top right no-repeat;
    height:144px !important;
    height:198px;
    margin:0 auto;    
    padding:27px 8px;
    width:146px !important;
    color:#333333;
}








#container .LSTPrMyCSS5  .whiteRoundedBoxBig 
{
    background: url(../images/roundedbig.gif) top right no-repeat;
    height:296px !important;
    height:350px;
    margin:0 auto;    
    padding:27px 8px;
    width:146px !important;
    color:#333333;
}







.LSTPrMyCSS6
{
    padding-left:20px;

}



.LSTPrMyCSS6 a
{
}

.LSTPrMyCSS6 a.pdf
{
    background:url(../images/page_white_acrobat.gif) no-repeat 0% 78% !important;
    padding-left:20px;
    color:#333333;
    display:block;
}













/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/


#content address
{
    font-size:0.8em;
    line-height:1.3em;
    margin:20px 20px 1em;
}




/***************************************
    END
***************************************/

/*contact*/

#contactform

{

    margin:12px 0 0 19px;

}



#contactform div

{

    clear:both;

    

}





#contactform .requiredfield span

{        

    color:#ff0000;

    content:"";

}



#contactform .requiredfield:after

{        

    content:"";

}







#contactform label,

#contactform input,

#contactform textarea

{

    float:left;

    margin-bottom:10px;

}



#contactform label

{

    width:98px;

}



#contactform input

{    

    

}



#contactform textarea

{

    width:394px;

    height:200px;

}



#contactform .validation

{    

    width:374px;

}



#contactform .send

{

    width:504px;

}



#contactform .send .button

{

    float:right;

}



#contactform span

{

    color:#ff0000;

    padding:3px;

    font-weight:bold;

}

#contactform table,
#contactform th,
#contactform td {
    border: none;
}

#contactform td {
    padding: 0;
}

#contactform table tr.odd {
    background-color: transparent;
}

.newsletters
{
    
}

.newsletters table
{
    border: none;
    margin: 0 auto;
}

.newsletters table.grid
{
    margin-top: 5px;
    width: 99%;
}

.newsletters tr
{
    background-color: #eee !important;
}

.newsletters tr.pager
{
    background-color: transparent !important;
}

.newsletters tr.pager td
{
    border: none;
}

.newsletters tr.pager a
{
    color: #666;
}

.newsletters tr.pager span
{
    font-weight: bold;
}

.newsletters tr.pager table tr
{
    background-color: transparent !important;
}

.newsletters tr.pager table td
{
    padding: 2px 5px;
}

.newsletters td
{
    border: 1px solid #ddd;
}

.newsletters h2
{
    font-size: 1.3em;
    margin: 0;
    padding: 0;
    text-transform: none;
}

.newsletters h2 a
{
    background: url(../Images/page_white_acrobat.png) no-repeat left 8px;
    padding-left: 20px;
    float:left;
    width:500px;
    
}

.newsletters h2 span.date
{
    color: #999;
    float: right;
    text-align: right;
    width:100px;
    font-size: 0.6em;
    line-height: 2em;
    margin-left: 0.3em;
    position:relative;
    top:5px;
}
