/* Start of CMSMS style sheet 'surfers-mainnew' */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	left:0;
	margin:0;
	padding:0;
	text-align:center;
	top:0;
	background:#6f6f6e url(uploads/images/bodybg.gif) center top no-repeat;
}

img {border:0;}
a {color:#003b7a;text-decoration:none;}
a:hover {text-decoration:none; color:#122733;}

div, form, h1, h2, h3, p, ul {margin:0;padding:0;}
p {color:#5b5b5b;margin-bottom:15px;}

 /*-----------------------------------*/
/* --------- COMMON HACKS -----------*/
.clearfix:after{
	content:"."; display:block; height:0; font-size:0px; clear:both; visibility:hidden;
}
/* Hides from IE-mac \*/
*:first-child+html .clearfix{height:1%;}
* html .clearfix{height:1%;}
/* End Hide from IE-mac */

.clear{
	height:1px;	line-height:1px; font-size:1px; display:block; clear:both;
}
 /*-----------------------------------*/
/* --------- COMMON HACKS END -----------*/


/* -- topbar -- */

#topbar {

	text-align:center;
	width:100%;
        background:#1D1D1B;
}

#topbarcontainer {
	margin:0 auto;
	/*width:770px;*/
        width:790px;

}

#topbarcontainer ul {
	list-style-type:none;
}

#topbarcontainer ul li {
	display:inline;
	float:left;
	padding:0px 0px 1px 0px;
}

#topbarcontainer ul li a {
	/*border-right:1px solid #00447a;*/
	color:#fff;
	display:block;
	padding:6px 10px 3px 10px;
	text-decoration:none;
}

#topbarcontainer ul li a.lastlink {
	border-right:0;
	
}

#topbarcontainer ul li a:hover {
	text-decoration:underline;
}

#toplogo {
	padding:6px 10px 5px 550px; 
	/* text-align:left; */
}
.botlogo {
	float:right;
}

/*-- header -- */

#header {
	background:#003b7a; 
	clear:both;
	float:left;
	text-align:center;
	width:100%;
}

#headercontainer {
	margin:0 auto;
	/*width:770px;*/
        width:790px;
}

#logo {
	padding:10px 10px 15px 10px; 
	text-align:left;
}


/* -- top nav -- */

#topnav {
	clear:both;
}

#topnav ul {
	list-style-type:none;
}

#topnav ul li {
	display:inline;
	float:left;
	padding:0;
}

#topnav ul li a {
	border-right:1px solid #2c324c;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
}
/* comment this out for the subpages
#topnav ul li a:hover {
	background:#2b2b2b;
}*/

#topnav ul li a.lastlink {
	border-right:0;
}


/* -- main content -- */

#mainwrapper {
        background:#fff;
	margin:0 auto;
	text-align:left;
	width:770px;
	padding:0 10px;
}

#maincontent {
	/*background:url(uploads/surfers/bg_home.gif) top left repeat-y;*/
	border-bottom:15px solid #fff;
	float:left;
	width:770px;
}
#mainbanner{
       background:url(uploads/images/banner.jpg) center 16px no-repeat;
	padding:16px 0;
        width:770px;
	height:249px;
}

/* -- footer -- */

#footer {
	background:#b1b1b1;
	color:#fff;
        text-align:left;
	clear:both;
	padding:10px 15px 30px;
        width:760px;
	margin:0 auto 10px;
}

#footer ul {
	list-style-type:none;
}

#footer ul li {
	border-right:1px solid #ededed;
	display:inline;
	float:right;
}

#footer ul li.last {
	border:none;
	padding-left:6px;
}

#footer ul li a {
	padding:0 4px 0 6px;
}


/* -- styles -- */

.clear {
	clear:both;
}

.subheader {
	border-bottom:1px solid #ededed;
	border-top:1px solid #ededed;
	margin-top:15px;
	padding-bottom:4px;
}

.subheader h3 {
	background:#f6f6f6;
	color:#175696;
	font-size:1.2em;
	margin-top:4px;
	padding:5px;
}

.subheader p {
	background:#f6f6f6;
	border-bottom:4px solid #fff;
	margin-bottom:0;
	padding:0 5px 5px 5px;
}

.topmargin {
	margin-top:10px !important;  /* changed from 20px */
}

img.floatright {
	border:1px solid #8da09d;
	float:right;
	margin-left:15px;
	margin-top:15px;
	padding:4px;
}

img.floatleft {
	border:1px solid #8da09d;
	float:left;
	margin-right:15px;
	padding:4px;
}

/* -- footer icons -- */

.icons {
	text-align:right;
}

.icons ul li {
	border-left:1px solid #ededed;
	margin-right:10px;
	display:inline;
}

.icons ul li.printpage {
	border:0;
}

.icons ul li.printpage a {
	background:url(uploads/surfers/icon_printer.gif) right no-repeat;
	padding:3px 25px 3px 10px;
}

.icons ul li.textsize a {
	background:url(uploads/surfers/icon_textsize.gif) right no-repeat;
	padding:3px 25px 3px 10px;
}

.icons ul li.pdf {
	margin-right:0;
}

.icons ul li.pdf a {
	background:url(uploads/surfers/icon_pdf.gif) right no-repeat;
	padding:3px 25px 3px 10px;
}
.hand
	{
		cursor: pointer;
	}


	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 

img.floatrightnb{
	border:1px solid #ceecec;
	float:right;
	margin-left:15px;
	margin-top:15px;
	padding:4px;
}

img.floatleftnb{
	
	float:left;
	margin-right:15px;
	padding:4px;

}


.techgctable {
border: 1px solid #ceecec;
padding: 2px;
}

.techgctable td {

padding: 5px 1px 5px 5px;
}

.techgctable table {
color:#fff;
font-size:large;
font-weight:bold;
}


	

/* FilmGC Menu */	
	

#menu12 {
	width: 220px;
	margin: 10px;
	}
	
#menu12 li a {
	height: 43px;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size: 1.4em;
	font-weight: normal;


  	/* voice-family: "\"}\""; 
  	voice-family: inherit; */
  	height: 29px;
	text-decoration: none;
	}	
	
#menu12 li a:link, #menu12 li a:visited {
	color: #000;
	display: block;
	background:  url(uploads/surfers/filmli.jpg);
	padding: 14px 0 0 35px;
	}
	
#menu12 li a:hover {
	color: #B0132E;
	background:  url(uploads/surfers/filmli.jpg) 0 -43px;
	padding: 14px 0 0 35px;
	}



.filmtable {
	border-bottom:1px solid #efeded;
}

.vline {
	border-right: 1px solid #efeded;
}
/* End of 'surfers-mainnew' */