/*  
Shipyard Studio Website - Style Sheet 
Author: John Kemp - Xentrall ICT
Description: Main layout and styling for http://www.dssdf
Created: March 2009
*/


* { 
 margin: 0; 
 padding: 0; 
} 
body { 
 background: #ffffff; 
 font-family: "Verdana", Lucida Grande, sans-serif;
 font-size:70%;
 text-align: center; 
 color: #333; 
} 
a:link, a:visited { 
 color: #2a2a2a; 
} 
a:hover { 
 color: #000000; 
} 
h1 { 
 margin-bottom: 6px; 
 padding-top: 15px; 
 padding-bottom: 11px; 
 border-bottom: 1px solid #AAAAAA; 
 font: bold 160% verdana, serif; 
 color: #00467E; 
} 
h2, h3{ 
 font-weight: normal; 
} 
h2 { 
 padding-top: 10px; 
 padding-bottom: 3px; 
 font: bold 150% verdana, serif; 
 color: #00467E; 
} 
h3 { 
 padding-bottom: 6px; 
 font-weight: bold; 
  font-size: 100%; 
 letter-spacing: -1px; 
 color: #6a6a6a; 
} 

h5 { 
 padding-top: 5px; 
 padding-bottom: 5px; 
 font-size: 1em;
 font-weight: bold;
 color: #5A5958; 
} 

/* Main sections Layout */

#page { 
 margin: 0 auto; 
 width: 100%; 
 text-align: left; 
} 

#pageTop {
 margin: 0 auto; 
 width: 100%; 
}

#topContainer{
 margin: 0 auto; 
 width: 760px; 
 text-align: left; 
}

#pageMain {
 margin: 0 auto; 
 width: 100%; 

}

#mainContainer{
 margin: 0 auto; 
 width: 760px; 
 text-align: left; 
}

#pageFoot {
 margin: 0 auto; 
 width: 100%;
 background-color:#b63123;
}

#footContainer{
 margin: 0 auto; 
 width: 760px; 
 text-align: left; 
}



/* Styling for top section - pageTop */


#header {
      width:100%;
      background: transparent;
      font-size:93%;
      line-height:normal;
	  padding: 0px 0px 0px 0px;
	   height: 120px; 
      }
	  
	  
    #header ul {
	float:right;
	  margin:0;
	  padding:0px 0px 0px 0px;
	  list-style:none;
      }
    #header li {
      display:inline;
      margin:0;
      padding:0;
      }
    #header a {
      float:left;
      background:url("images/tableftBad.gif") no-repeat left bottom;
	  
      margin:0;
      padding:0 4px 0 4px;
      text-decoration:none;
      }
    #header a span {
      float:left;
      display:block;
      background:url("images/tabrightBad.gif") no-repeat right bottom;
	  
      padding:8px 15px 7px 8px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a span {float:none;}
    /* End IE5-Mac hack */
    #header a:hover span {
      color:#000;
      }
    #header a:hover {
      background-position:0% -15px;
      }
    #header a:hover span {
      background-position:100% -15px;
	  color:#CCCCCC;
      }

#banner img{
margin-top:13px;
vertical-align:bottom;
background:none;
border:0px;
}

#banner a{
padding: 0px;
margin:0;
background:none;
}

#menubar {
 height: 4em;
 line-height:2.5em;
 background-color:#b63123;
 background-image: url(images/menubarshadow.gif);
 background-position:bottom;
 background-repeat:repeat-x;
 text-align:center;
}

#menubar ul { 
 padding-top: 4px; 
 text-align: left; 
 list-style: none; 
  text-align:center;
} 
#menubar li { 
 display: inline; 
 
} 
#menubar li a { 
 font-size: 1em; 
 line-height: 1em; 
 text-decoration: none; 
 color: #ffde9a; 
} 
#menubar li a:hover { 
 color: #ffde9a;
 text-decoration: underline;
} 

#menubar img 
{
	border: none;
} 

#header h1 {
display: none;
 margin-bottom: 11px; 
 padding-top: 20px; 
 padding-right: 21px;
  border-bottom: 0px solid #AAAAAA; 
 font: normal 500% arial, verdana, serif; 
 color: #333333;
 text-align:right;
} 

/* Styling for top section - mainContainer */


#content-container { 
 float: left; 
 padding-right: 0px; 
 width: 760px;
 clear:both;
} 

.content-primary { 
 padding-right: 0px; 
 width: 760px;
} 

.content-primary p { 
 padding-bottom: 10px;
 line-height: 1.7em;
 text-align: left;
} 


.content-primary h2 { 
 padding-top: 3px; 
 padding-bottom: 3px;
 font: normal 180% "Trebuchet MS", verdana, serif; 
 color: #0174b9; 
} 

.noboarder img {
background-color:transparent;
border: 0px;
 padding:0px;
 margin:0px;
 float:none;
}

.bg 
{
	width: 100%;
	position: absolute;
	top: 170px;
	left: 0;

	}




.noDisplay {display:none;
}

/*  Menu Column */
#content-secondary { 
 float: right;
 padding: 9px 0px 0px 14px;
 line-height: 1.7em;
 width: 206px; 
 color: #00467E;

} 
#content-secondary p { 
 padding-bottom: 18px; 
} 

#content-secondary ul {
padding-left:0px;
list-style:none;
}

/*  Menu Column - Boxes */
#BoxMore{
color:#fc025d;
}

.hBoxContainer li a{
    display:block;
    border-bottom: solid 1px #e5e5e5;
    bottom: 5px;
    color: #555555;
    height: 2.2em;
	padding-left:58px;
    text-decoration: none;
	font: bold 122% "Trebuchet MS", verdana, serif;
    padding-top:13px;
}

.hBoxContainer li a:hover{
	background-color:#f6f6f6;
    color: #fc025d;
    text-decoration: None;
}

.hBoxContainer li {
padding-bottom:1px;
}

.hBoxContainer {
width:206px;
background-image: url(images/hBoxTopBar.gif);
background-repeat:no-repeat;
padding-top:6px;
padding-bottom:9px;
}


.hBoxTitle {
background-color:#2693CE;
background: url(images/hBoxTitle_bg.gif) repeat-x top left;
width:204px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
}

.hBoxTitle h3{
 padding-top: 0px; 
 margin-top: -2px;
 padding-bottom: 0px;
 font: normal 150% "Trebuchet MS", verdana, serif;
 letter-spacing:0.01em;
 color: #ffffff; 
}

.hBoxContent{
width:204px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
}

.hBoxBottomFade{
width:206px;
background-image: url(images/hBoxBottomFade_bg.gif);
background-repeat:no-repeat;
height:16px;
}


.nBoxContainer li a{
display:block;
bottom: 5px;
color: #444444;
height: 100%;
text-decoration: none;
padding-bottom:3px;
background-image:url(images/008.gif);
background-repeat:no-repeat;
background-position:5px 4px;
padding-left:25px;
line-height: 1.6em;
}

.nBoxContainer li a:hover{
background-color:#f6f6f6;
color: #fc025d;
text-decoration: None;
}

.nBoxContainer li {
padding-bottom:1px;
}

.nBoxContainer {
width:206px;
background-image: url(images/nBoxTopBar_bg.gif);
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:9px;
}


.nBoxTitle {
background-color:#F6F6F6;
width:204px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
}

.nBoxTitle h3{
 padding-top: 0px; 
 margin-top: -2px;
 padding-bottom: 0px;
 font: normal 150% "Trebuchet MS", verdana, serif;
 letter-spacing:0.01em;
 color: #555555; 
}

.nBoxContent{
width:204px;
border-left: 1px solid #c7c7c7;
border-right: 1px solid #c7c7c7;
}

.nBoxBottomFade{
width:206px;
background-image: url(images/hBoxBottomFade_bg.gif);
background-repeat:no-repeat;
height:16px;
}



#hcon { 
 clear: right; 
 line-height: 1.6em; 
 color: #666666;
 border: 1px solid black;
 font-size:x-small;
} 
#hcon a:link, #hcon a:visited { 
 text-decoration: none;
}     
 

#hcon p{ 
 padding: 10px; 
} 


#hcon h3{
 padding-bottom: 3px;
 font: bold 145% "Trebuchet MS", Verdana, Arial;
 color: #ffffff;
 }	

#hconleft { 
 float: left; 
 margin-bottom: 5px;
 width: 250px;
} 
.hconleftContainer ul {width:225px;
padding-left:10px;}

.hconleftContainer li a{
    display:block;
    border-bottom: solid 1px #B5C3CE;
    bottom: 5px;
    color: #444444;
    height: 1.2em;
	padding-left:2px;
    text-decoration: none;
	font: normal 110% verdana, arial, serif;
    padding-top:7px;
	padding-bottom:7px;
	text-decoration: none;
}

.hconleftContainer li a:hover{
    color: #000000;
    text-decoration: none;
}

.hconleftContainer li {
padding-bottom:1px;
}

.hconleftContainer {
width:245px;
background-image: url(images/hconleftTopBar.gif);
background-repeat:no-repeat;
padding-top:6px;
padding-bottom:9px;
margin-left:0px;
}


.hconleftTitle {
background-color:#2693CE;
background: url(images/hconleftTitle_bg.gif) repeat-x top left;
width:245px;
}

.hconleftTitle h3{
 padding-top: 0px; 
 margin-top: -2px;
 padding-bottom: 0px;
 font: normal 150% "Trebuchet MS", verdana, serif;
 letter-spacing:0.01em;
 color: #ffffff; 
}

.hconleftContent{
width:245px;
background-image: url(images/hconleftContent_bg.gif);
background-repeat: repeat-x;
background-color:#D6E3EB;
}

.hconleftBottomFade{
width:245px;
background-image: url(images/hconleftBottomFade_bg.gif);
background-repeat: repeat-x;
height:59px;
}


#hconcentre { 
 float: left;
 margin-bottom: 5px;
 width: 240px;

}

#hconright { 
 float: left;
 margin-bottom: 5px;
 width: 250px;
} 

.hconrightContainer {
width:245px;
background-image: url(images/hconrightTopBar.gif);
background-repeat:no-repeat;
padding-top:6px;
padding-bottom:9px;
padding-left:10px;
}



#footer { 
 clear: right; 
 line-height: 1.7em; 
 color: #666666;
} 
#footer a:link, #footer a:visited { 
 color: #666666;
 text-decoration:none;
}     

#footer a:hover{ 
 color: #FF6600;
 text-decoration: underline;
}   

#footer p, h3{ 
 padding: 10px;
 color:#FFFFFF;
} 

#footer ul {
padding-left:16px;
list-style:none;
}

#footer h4{
 padding: 10px;
 font-family: "Trebuchet MS", Verdana, Arial;
 font-size:125%;
 color:#FFFFFF;
 }




#footerbottom {
text-align: center;
 line-height: 1.5em; 
 color: #fff;
  padding-top: 10px;
}


.clear { 
 clear: both; 
}