/* -------  Added by Deepthi ------------------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#search{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#search ul{
font: bold 10px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#search li{
display: inline; 
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}


#search a{
float: left;
display: block;
color: #0000FF;
margin: 0 1px 0 0; /*Margin between each menu item*/
/*padding: 5px 10px;*/
text-decoration: none;
letter-spacing: 1px;
/*background-color: navy; /*Default menu color*/ 
border-bottom: 1px solid white;
}

#search a:hover{
color:#000066; /*Menu hover bgcolor*/
}

#search #current a{ /*currently selected tab*/
background-color: #0038FF; /*Brown color theme #D25A0B*/
border-color: #996699; /*Brown color theme*/
}

#searchline{
clear: both;
padding: 0;
width: 570px;
height: 3px;
line-height: 1px;
background: #000066; /* #0038AE Brown color theme*/
}




#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 9px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline; 
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}


#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: navy; /*Default menu color*/ 
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #0038FF; /*Brown color theme #D25A0B*/
border-color: #0038FF; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 570px;
height: 3px;
line-height: 3px;
background: #0038FF; /* #0038AE Brown color theme*/
}


#commander{
color: navy;
font-family: verdana;
font-size: 8pt;
padding: 10px;
}


#tableborder {
border: 1px dashed;
}

#tablebordersolid {
border: 1px solid;
padding: 10px;
}
#mission {
width: 164px;
}

#logo {
width: 164px;
}

#content-wrapper {
}

#content {
float: left;
}

#main-content {
width: 570px;
float: left;
}
body#home div#main-content {
width: 396px;
float: left;
}

body#home div#sub-content {
float: left;
width: 174px;
}

h2.recently {
margin: 0; 
padding: 5px 10px; 
color: #039; 
background-color: #DEE4ED; 
font-size: 9pt;
font-weight:bold;
text-transform: uppercase; 
border-bottom: 1px solid #BFCBDD; 
border-left: 1px solid #BFCBDD;
}

#sidebar {
width: 164px;
padding-left: 4px; 
padding-bottom: 10px; 
float: left; 
}

#wrapper {
width: 792px;
}


/* ------------------- End of section by Deepthi --------------------- */

/*
------------------------------------------------------------------------------
An official website of Sri Lanka Navy  - http://nany.lk/
Web design by Vesess - http://vesess.com

Main Stylesheet
Basic styling : initial.css
IE Hacks      : ie_hacks.css

Contents:
1. General styles
2. Wrapper 
3. Header
4. Navigation
5. Content 
----------------------------------------------------------------------------- */

body { font: 80%/1.5 Arial, Helvetica, sans-serif; color: #000; background: url(../images/body_bk.png) #CCC repeat-x left top; }
h1, h2, h3 { font-weight: normal; }
h1 { margin: 10px 0; font-size: 120%; color: #C30; }
h2 { color: #003399; font-size: 110%; }
h3 { color: #C30; font-size: 100%; }
h4 { color: #666; font-size: 100%; font-weight: bold; }
h5 { color:#CCC; font-size: 90%; }
h6 { color:#CCC; font-size: 80%; }

h4 { font-weight: bold; }
a { }
a:hover { text-decoration: none; }
a img { border: none }
div.clearer { clear: both; }

div#container {}
	div#wrapper { margin: 0 auto; background: url(../images/wrapper_bk.jpg) #FFF repeat-y left top; overflow: auto; }
		div#logo { padding-left: 4px; float: left; width: 144px; background: url(../images/logo_bk.jpg) repeat-y left top; }
		h1.header { display: none; } 
			
		div#content-wrapper { padding-right: 4px; width: 596px; float: right; background: url(../images/content-wrapper_bk.jpg) no-repeat right top;  }				
			div#overview {width: 575px; }
			div#content { float: left;  }
			body#home div#content { background: url(../images/content_bk.png) repeat-y 396px top; }
				div#main-content {  color: navy; font-family: verdana; font-size: 8pt; }
				div.page { margin: 0px 0px; padding: 0 0 0px 0; }
				div#breadcrumb { margin: 0; padding: 6px 10px 7px 10px; color: #F90; background-color: #FFC; font-size: 90%; border-bottom: 1px solid #FC6; }
				div#breadcrumb a { color: #F90; text-decoration: none; }
				div#breadcrumb a:hover { color: #B40; text-decoration: underline; }
				body#home div#main-content {  }
					h1.page-header { margin: 0; padding: 5px 10px; color: #F90; background-color: #FFC; font-size: 100%; text-transform: uppercase; border-bottom: 1px solid #FC6; }
					h1.commander { margin: 0; padding: 5px 10px; color: #F90; background-color: #FFC; font-size: 60%; text-transform: uppercase; border-bottom: 1px solid #FC6; }
					h2.security-news { width: 376px; margin: 0; padding: 5px 10px; color: #F90; background-color: #FFC; font-size: 9pt; text-transform: uppercase; font-weight:bold; border-bottom: 1px solid #FC6; }
					div.news { float: left; width: 376px; margin: 0 10px; padding: 10px 0; border-top: 1px dotted #CCF; }
					div.latest-news { width: 376px; border-top: none; }
					div.news h3.news-heading { width: 376px; margin: 0; }
                                        div.news h3.news-heading { font-size: 9pt; font-weight: bold;}
					div.news h3.news-heading a { color: #C30; text-decoration: none; font-size: 9pt;}
					div.news h3.news-heading a:hover { color: #900; text-decoration: underline; }
					div.news h4.news-date { margin: 0; font-size: 90%; font-weight: normal; }
					div.news p { margin-top: 0; }
					div.news p img { margin-right: 10px; float: left; }
					div.news p.readmore { margin: -1em 0 0 0;  text-align: right; font-size: 90%; color: #039; }
					div.news p.readmore a { padding-left: 16px; background: url(../images/readmore_bk.jpg) no-repeat left center; text-decoration: none; }

                                             div.breaking_news { width: 570px; border-top: none; background-color:#000080; font-size: 8pt; color:#FFFF00;}

						div.news p.readmore a:hover { text-decoration: underline; }
						div.latest-news h3.news-heading { font-size: 100%; }
						div.latest-news p { font-size: 100%; }
						p.news-archive { float: left; font-size: 120%; text-transform: uppercase; }
						p.news-archive a { color: #999; }
						p.news-feed { float: right; width: 16px; }
											
						div.event { margin: 0 10px; padding: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
						div.event h3.event-heading { margin: 0; font-size: 90%; color: #039; font-weight: bold;}
						div.event h3.event-heading a { text-decoration: none; color: #039; }
						div.event h3.event-heading a:hover { text-decoration: underline; color: #04F; }
						div.event h4.event-date { margin: 0; font-size: 80%; font-weight: normal; }
						div.event p { margin-top: 0; font-size: 90%; }
						div.event p.continue-reading { margin: -1em 0 0 0; width: auto; font-size: 90%; color: #039; }
						div.feed { margin: 0 10px; padding: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
						div.feed ul { margin: 0 -10px 0 0; list-style: none; float: left; }
						div.feed ul li { margin: 0; padding: 0 10px; float: left; border-right: 1px solid #999; }	
						div.feed ul li:last-child { border: none; }			
								
			div#navigation {}
			ul.mainmenu { margin: 0; list-style: none; font-size: 90%; }
			ul.mainmenu li { margin: 0; background-color: #039; }
			ul.mainmenu li a { padding: 5px 10px; width:144px; display: block; color: #FFF; font-weight: bold; text-decoration: none; border-bottom: 1px solid #002779; border-top: 1px solid #0039B0; }	
			ul.mainmenu li a:hover { background-color: #0037A7; /* border-bottom: 1px solid #002779; border-top: 1px solid #0039B0; */ }					
			ul.mainmenu li.active a { background-color: #003FBF; }
			ul.mainmenu li.active a:hover { background-color: #0038AE; }
			body#home ul.mainmenu li.active a { background-color: #039; }
			body#home ul.mainmenu li.active a:hover { background-color: #039; }
			ul.mainmenu ul { margin: 0; }
			ul.mainmenu ul li a { padding: 5px 10px 5px 20px;  display: block; font-weight: bold; text-decoration: none; border-bottom: 1px solid #002779; border-top: 1px solid #0039B0; font-size: 90%; }	
			ul.mainmenu ul li.active a { background-color: #05B; }	

			div#mission { margin-top: 3px; background-color: #DEE4ED; }
			div#mission h2 { margin: 0; padding: 5px 10px; font-size: 100%; border-bottom: 1px solid #FFF; }
			div#mission p { margin: 0; padding: 5px 10px 10px 10px; font-style: italic; font-size: 90%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 150%; }
			div#links { }
			div#links h2 { margin: 0; padding: 5px 10px; border-bottom: 1px solid #CCC; color: #999; text-transform: uppercase; font-size: 120%; }
			div#links ul { margin: 5px 0 0 0; list-style: none; }
			div#links ul li { margin-left: 10px; }
			div#links ul li a { color: #039; text-decoration: none; width: 144px; display: block; }
			div#links ul li a:hover { color: #06C; text-decoration: underline; }
       

div#footer-wrapper { padding-bottom: 20px; clear: both; background: url(../images/footer-wrapper_bk.jpg) #039 repeat-x left top; overflow: auto; }        div#footer { margin: 0 auto; width: 792px; text-align: left; background: url(../images/footer_bk.jpg) repeat-y left top; overflow: auto; }                
div#contact { padding: 0 4px 10px 4px; width: 784px; float: left; background: url(../images/contact_bk.jpg) no-repeat left top; }                        div#contact h2 { margin: 0; color: #006; font-size: 130%; text-transform: uppercase; }
                        div#contact h3 { margin: 5px 0 0 0; color: #333; font-size: 100%; font-weight: bold; }
                        div#contact p { margin-top: 0; }
                        div#address { padding: 10px 10px 0 10px; float: left; width: 180px; font-size: 90%; }
                div#address p a { color: #000; }                div#information { padding: 10px 10px 0 10px; float: left; width: 540px; color: #FFF; font-weight: bold; font-size: 90%; }
                        div#contact p.important { margin: 3px 0 1em 0; text-transform: uppercase; }
                        div#information p a { color: #FFF; }                div#director { width: 269px; float: left; border-right: 1px solid #039; }
                div#officer { margin-left: 10px; width: 260px; float: left; }        div#design { padding: 0 4px; float: left; width: 784px; background: url(../images/design_bk.jpg) no-repeat left bottom; }
                div.copy { padding: 10px 10px 15px 10px; width: 372px; float: left; border-top: 2px solid #69C; }
                div.by { text-align: right; }
                div.copy p { margin: 0; color: #6699CC; font-size: 90%;}                div.copy p a { color: #6699CC; text-decoration: none; }
                div.copy p a:hover { color: #86C9EC; text-decoration: underline; }

#tabletop
	{
		vertical-align:top;
	}

/*====Janaka======*/

div.img
{
  /*margin: 2px;
  border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
  float: left;

}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  width:auto;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
font-weight: normal;
  width: 120px;
  margin: 2px;
  /*border: 1px solid #0000ff;*/
  height: auto;
  width: auto;
color:#660000;
vertical-align:top;
}

/*+++++++++++Janaka image description++++++++++++++++*/
#imagedescription {
	text-align:center;
	font-family: tahoma;
	font-size: 11px;
	color: #660000;
       font-weight:bold;
}
/*+++++++++++Janaka image description end++++++++++++++++*/


/*=======PopBox========*/
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("http://www.navy.lk/assets/images/popbox/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("http://www.navy.lk/assets/images/popbox/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("http://www.navy.lk/assets/images/popbox/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}
/*----------Janaka----------*/
h2.job_requests { width: 376px; margin: 0; padding: 5px 0px; color: #F90; font-size:9pt; font-weight:bold;}