@charset "UTF-8";
/* CSS Document */

body {
	background-color:#000033;
	background-image:url(../images/grad_bkg.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0px;
	padding:0px;

}

.cat {
	margin: -2px; !important
	padding: 0px; !important
}

body.intro {
	background:url(../images/backmaingrad.png) repeat-x #000033;
}

#wrapper.intro {
	width:1000px;
	height: 800px !important;
}

th {
    font-size:0.8em;
    text-align:left;
}

.error {
    font-size:0.8em;
}

.success {
    font-size:0.8em;
}

a img {
    border:none;
}

#wrapper {
	width:850px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
}

p {
	font-size:11px;
	margin-left:5px;
	line-height: 16px;
}

p.tiny {
	font-size:9px;
	text-align:center;
	margin:9px 0 0 0;
}

h1 {
	font-size:24px;
	color:#00ccff;
}

h2 {
	font-size:18px;
	 color:#00ccff;
}

h3 {
	font-size:14px;
	color:#00ccff;
	margin:0;
}

a:link {color:#FFF; text-decoration:none;}
a:visited {color:#FFF; text-decoration:none;}
a:hover {color:#00ccff; text-decoration:none;}
a:active {color:#FFF; text-decoration:none;}

#header {
	width:850px;
	height:120px;
}

#logo {
	width:850px;
	height:75px;
	float:left;
	background-image:url(../images/shiamnofishery_logo.png);
	background-repeat:no-repeat;
	margin-top:20px;
}

#loginbox {
	width: 350px;
	height:80px;
	padding:5px;
	float:right;
	margin-top:11px;
	margin-right:11px;
	text-align:right;
}

#loginbox a {
	margin-right:18px;
}

#topbar {
	width:850px;
	height:43px;
	background-image:url(../images/topbat.png);
	background-repeat:no-repeat;
}

#leftcolumn {
	width:165px;
	height:400px;
	float:left;
}

#maincontent {
	width:465px;
	height:auto;
	min-height:450px;
	padding:12px;
	padding-top:0;
	margin-left:15px;
	float:left;
}

#rightcolumn {
	width:170px;
	height:400px;
	float:right;
}

#menu {
	width:165px;
	height:250px;
}

#menu ul {
	margin-top:10px;
	padding:0;
}

#menu ul li {
	list-style:none;
	font-size:12px;
	margin-bottom:5px;
	border-bottom:#333 1px dashed;
	border-top:#333 1px dashed;
	padding: 4px;
	background:url(../images/bkg_whitebutton.png) repeat;
}

#menu ul li.submenu {
	margin-left:13px;
	border:0;
	font-size:10px;
	padding:0;
	background-image:none;
	
}


#footer {
	width:850px;
	height:150px;
	float:left;
	border-top:#FFF 2px solid;
	padding:15px;
	padding-top:5px;
	margin:30px 0px 0px 0px;
	background-image:url(../images/bkg_footer.png);
	background-repeat:repeat-x;
}

#footer.intro {
	width:820px;
	margin: 50px 0px 0px 0px;
}

#copyright {
	width:361px;
	height:20px;
	margin: 10px auto auto auto;
	background: url(../images/copyright.png) no-repeat;
}

ul li p {
	padding:0;
	margin:0;
}

img.staff {
	border: 1px #FFF solid;
	float: left;
}

p.test {
	padding:30px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	border-top: 1px dashed #FFF;
}

h4.testname {
	text-align:right;
	font-size:14px;
}

hr {
	border:0;
	color:#000002;
	background-color:#000002;
	width:70%;
	height:1px; 
}

#introleftcolumn {
	width: 75px;
	height: 800px;
	background:url(../images/introleftgrad.png) no-repeat;
	float: left;
}

#introrightcolumn {
	width: 75px;
	height: 662px;
	background:url(../images/introrightgrad.png) no-repeat;
	float: right;
}

#box1 {
	width: 353px;
	height: 432px;
	background:url(../images/box1_bkg.jpg) no-repeat;
	margin: 63px 0px 0px 50px;
	float: left;
}

#box2 {
	width: 287px;
	height: 432px;
	background:url(../images/box2_bkg.jpg) no-repeat;
	margin: 63px 80px 0px 0px;
	float: right;
}

.mainbutton1 {
	width: 117px;
	height: 118px;
	margin: 310px 0px 0px 120px;
}

.mainbutton2 {
	width: 117px;
	height: 118px;
	margin: 310px 0px 0px 90px;
}

.staffbox {
	width:450px;
	height:120px;
	padding: 8px;
	margin: 30px 0px 0px 0px;
}

.staffdetail {
	margin: 3px 0px 0px 140px;
}

.offerscontent {
	width: 635px !important;
}

.QueryForm label {
	display: block;
	width: 100%;
	height: 25px;
	font-size: 12px;
	margin-bottom: 5px;
}

.QueryForm input, .QueryForm textarea  {
	display: block;
	width: 500px;
	height: 25px;
	margin-bottom: 15px;
}

.QueryForm .submit input {
	width: 150px;
	height: 20px;
	border: 0px;
	background: #09F;
	margin-top: 10px;
	font-weight: bold;
	cursor: pointer;
	color: #FFF;
}