/*  
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: #fff395; 
 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; 
 font: bold 160% verdana, serif; 
 color: #b63123;
} 
h2, h3{ 
 font-weight: normal; 
} 
h2 { 
 padding-top: 10px; 
 padding-bottom: 3px; 
 font: bold 150% verdana, serif; 
 color: #b63123; 
} 
h3 { 
 padding-bottom: 6px; 
 font-weight: bold; 
  font-size: 100%; 
 letter-spacing: -1px; 
 color: #6a6a6a; 
} 

h4 { 
 color: #b63123;
 text-align:center;
} 

/* 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%;
 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; 
      }
	  
	  

#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 td
{
	text-align:center;
} 

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

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

.content-primary h1 
{
	text-transform:uppercase;
} 

.content-primary h2 { 
 padding-top: 30px; 
 padding-bottom: 3px;
 font: bold 150% verdana, serif; 
 color: #b63123; 
} 

.content-primary h3 { 
 padding-top: 3px; 
 padding-bottom: 3px;
 font: bold 130% verdana, serif; 
 color: #ffde9a; 
} 

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

.leftCon 
{
	float:left;
	width:360px;
	padding-top:20px;
	margin-right:10px;
	clear:both;
	  color: #b63123;
	}
	
	.leftCon h3
{
	  color: #b63123;
	  text-align:center;
	}
	
	
	.rightCon 
{
	float:right;
	padding-top:20px;
	margin-left:10px;
	clear:both;
	  color: #b63123;
	  width:360px;
	}

.cBox { 
 padding: 15px; 
 background: #b63123;
 margin-bottom:20px;
  color: #ffde9a;
  float:left;
  width:360px;
} 

.cBox h2
{
	padding-bottom: 10px; 
  color: #ffde9a;
} 

.cBoxFull { 
 padding: 15px; 
 background: #b63123;
 margin-bottom:20px;
  color: #ffde9a;
  float:left;
  width:730px;
} 

.cBoxFull a { 
 color: #ffde9a;
}

.content_top { 
 background:url("../images/content_top.gif") no-repeat center bottom;
 height:102px;
 width: 100%;
} 

.imgpad {
	padding-right:5px;
}




.noDisplay {display:none;
}




#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:#b63123;
} 

#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: #b63123;
  padding-top: 10px;
}


.clear { 
 clear: both; 
}