* {
	padding: 0px;
	margin:0px
}

html { height: 100%; margin-bottom: 1px;}

body {
	height: 100%;
	font-family: "trebuchet ms", verdana, sans-serif;
	color: #fff;
	background: url('../images/bodybg1.jpg') repeat-x #B1D67B;
}

img {
	border: 0;
	background: transparent;
}


/* --------------------------
 @Text styling 
----------------------------- */

p {
	font-size: 0.7em;
	line-height: 1.8em;
	margin: 0 0 10px 0
}

.tabletext {
	font-size: 12px;
	line-height: 1.8em;
	margin: 0 0 10px 0
}

	#footer p {
		font-family: arial, sans-serif;
		font-size: 0.6em;
		color: #909090;
		background: #FFF
	}
	
	.fixedwhitebox p {
		margin-top: 10px;
		font-size: 0.7em;
		line-height: 1.4em;
		color: #365110;
		text-align: center
	}
	
	.blue p {
		color: #123691;
		margin-top: 10px;
		font-size: 0.7em;
		line-height: 1.4em;
		text-align: center
	}
	
	p.right {
		float: right;
		position: relative;
	}
	
	.form p {
		line-height: normal;
		margin: 10px 0 2px 0
	}

	.boxmiddle p {
		border-top: 1px dotted #CEE8A7;
		color: #365110;
		padding-top: 10px;
		margin: 3px 15px 0px 15px		
	}

	.boxmiddle .blue {
		border-top: 1px dotted #4973df;
		padding-top: 10px;
		margin: 3px 15px 0px 15px;
		color: #123691;
		font-size: 0.7em;
		text-align: left		
	}
	
h1 {
	font-size: 1.2em;
	color: #9dc645;
	margin: 10px 0 10px 0;
	padding: 0
}

h2 {
	font-size: 0.95em;
	font-weight: bold;
	color: #fff;
	margin: 15px 0px 7px 0px;
	padding: 0

}

a {
	color: #c30555;
	text-decoration: none;
}

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

.boxmiddle p a {
	color: #c30555;
	text-decoration: none;
}

.boxmiddle p a:hover {
	color: #fe68a7;
	text-decoration: underline;
}

p a {
	color: #baf53b;
}

p a:hover {
	color: #9dc645;
}

#footer a {
	color: #c30555;
	text-decoration: none;
}

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

.lightgreen {
	color: #98C15D
}

.darkgreen {
	color: #365110
}

.lightblue {
	color: #68afff
}

.underline {	
	padding-bottom: 15px;
	border-bottom: 1px dotted #CEE8A7
}

ul {
	margin: 0 0 10px 0px;
	padding: 0 0 15px 25px;
	font-size: 0.7em;
	line-height: 1.8em;
	border-bottom: 1px dotted #CEE8A7;
}

.pipe {
	color: #e0eecb;
}

/* -------------------------- */


/* --------------------------
 @Navigation 
----------------------------- */

#navbox ul {
	border-bottom: 0px;
	margin: 0;
	padding: 0;
}

#navbox ul li {
	margin: 0px;
	height: 25px;
	font-size: 1px;
	line-height: 1px;
	list-style-type: none;
	display: block;
	background: url('../images/menubullet.gif') no-repeat center left;
}

#navbox ul li#current {
	background: url('../images/menubulletchecked.gif') no-repeat center left;
	
}

	#navbox ul li#current a {
		cursor: default;
	}

#navbox ul li a {
	display: block;
	height: 25px;
	background: url('../images/menugreendots.gif') no-repeat bottom left;
	border-bottom: none;
}

#navbox ul li a#last {
	background-image: none;
}

#navbox ul li img {
	float: right;
	margin: 5px 0 0 0;
	padding: 4px 0 4px 0
}

/* -------------------------- */


/* --------------------------
 @Structure 
----------------------------- */

#wrapper {
	margin: 0 auto;
	background: url('../images/containerbg.gif') top center repeat-y
}

#gradedbg {
	margin: 0 auto;
	background: url('../images/gradedbg.gif') top center no-repeat
}

.container {
	width: 762px;
	margin: 0 auto;
	background: #FFF
}

#navbox {
	float: left;
	display: inline;
	width: 327px;
	padding-left: 4px;
	padding-right: 11px;
	height: 266px;
	background: #FFF;
	overflow: hidden;
}

#photo {
	float: left;
	display: inline;
	width: 420px;
	height: 266px;
	background: #FFF;
}

#contentbg {
	position: relative;
	clear: both;
	background: url('../images/contentbg.gif') top #2f480c;
	background-repeat: repeat-x;
}

#content {
	padding: 7px 14px 8px 14px;
	min-height: 250px;
	background: url('../images/contentbgbottom.gif') bottom;
	background-repeat: repeat-x;
}

#footer {
	padding: 12px 0px 13px 8px;
	background: url('../images/footerbg.gif') top center no-repeat
}

.shadowleft {
	background: url('../images/shadowleft.gif') right top;
	background-repeat: repeat-y;
}

.shadowright {
	background: url('../images/shadowright.gif') left top;
	background-repeat: repeat-y;
}

.shadowbottomleft {
	background: url('../images/shadowbottomleft.gif') right top;
	background-repeat: repeat-y;
}

.shadowbottomright {
	background: url('../images/shadowbottomright.gif') left top;
	background-repeat: repeat-y;
}

.fixedwhitebox {
	position: relative;
	float: left;
	display: inline;
	margin: 0px 10px 10px 7px;
	width: 208px;
	padding: 10px;
	height: 155px;
	background: url('../images/fixedboxbg.gif');
	background-repeat: no-repeat;
}

.fixedwhitebox#lastbox {
	margin-right: 0
}

.boxtop {
	margin: 0px;
	width: 736px;	
	padding: 0px;
	height: 10px;
	background: url('../images/boxtop.gif') no-repeat
}

.boxmiddle {
	margin: 0px;
	width: 734px;
	padding: 0px 0px 10px 0px;
	margin-bottom: 10px;
	background: #f8fbf3;
}

.boxbottom {
	margin-bottom: 15px;
	width: 736px;	
	padding: 0px;
	height: 10px;
	background: url('../images/boxbottom.gif') no-repeat
}

.project {
	clear: both;
	padding: 15px 0px 15px 0px;
	border-bottom: 1px dotted #CEE8A7;
	margin-bottom: 10px
}

.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}


/* -------------------------- */


/* --------------------------
 @Forms, photos and galleries
----------------------------- */

.photo {
	border: 10px solid #CEE8A7;
}

.projectholder {
	padding: 15px 0px 15px 0px;
}

.projectthumb {
	position: relative;
	float: left;
	margin-right: 10px;
	border: 5px solid #CEE8A7
}

.fixedwhitebox img {
	display: block;
	padding-top: 12px;
	margin: 0px auto 0px auto
}

.form input.button {
	float: none;
	clear: both;
	margin-top: 10px;
}

.errorred {
	color: #fe68a7;
	font-size: 1em;
	float: right;
}

#radio .errorred {
	display: none;
}

#radio #error .errorred {
	display: block;
	margin: 0
}

.form {
	width: 734px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CEE8A7
}

.form label {
	font-size: 0.8em;
	width: 5em;
	margin: 0;
	overflow: hidden;
	float: left;
}

.form div {
	clear: both;
	margin: 5px 0
}

.form div.errorred {
	clear: none
}

.form p#offset {
	margin: 20px 0 12px;
}

.form #radio {
	margin-bottom: 10px;
	clear: both
}

.form input {
	margin-left: 3em;
}

.form #radio input {
	margin-left: 0em;
}

.form input.button {
	margin: 0;
	color: #c30555;
	font-weight: bold;	
}

.form textarea {
	margin-left: 3em;
	margin-top: 2px;
	width: 269px;
	border: solid #fff 1px;
	background: #fff;
	font-size: 0.8em;
	color: #365110;
	font-family: "trebuchet ms", verdana, sans-serif;	
}

.form .formfield {
	width: 269px;
	border: solid #fff 1px;
	font-size: 0.8em;
	color: #365110;
	font-family: "trebuchet ms", verdana, sans-serif;
}


/* -------------------------- */



/* --------------------------
 @Admin stuff
----------------------------- */

.bw_section {
	background: #FFF;
	padding: 4px 0;
	margin-top: 5px;
}

.sc_section {
	background: #FFF;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	font-size: 0.7em;
	color: #365110;
	width: 714px;
}

.sc_title {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 8px;
}

.sc_adminlogin_row {
	font-size: 0.7em;
}

.sc_gallery_title {
	margin-bottom: 10px;
}

#admin .formfield {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 269px;
	border: solid #fff 3px;
	font-size: 11px;
	color: #365110;
	font-family: "trebuchet ms", verdana, sans-serif;
}

#admin .sc_title a {
	color: #baf53b;
}

#admin .sc_title a:hover {
	color: #9dc645;
}

.sc_pipe {
	color: #6c8d3d;
}

#admin .textfield {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 269px;
	border: solid #def6bb 3px;
	background: #def6bb;
	font-size: 11px;
	color: #365110;
	font-family: "trebuchet ms", verdana, sans-serif;
}

#admin .sc_gallery_edit_field .formfield {
	background: #def6bb;
	border: solid #def6bb 3px;	
}

#admin .sc_gallery_field .formfield {
	background: #def6bb;
	border: solid #def6bb 3px;	
}

#admin .dropdown {
	padding-top: 0px;
	padding-left: 0px;
	border: #365110 solid 1px;
	color: #365110;
	font-size: 11px;
	font-family: "trebuchet ms", verdana, sans-serif;
}

.sc_button {
	color: #c30555;
	font-weight: bold;	
}

.sc_separator {
	width: 100%;
}

#admin #navbox ul li img {
	float: right;
	margin: 5px 0 0 0;
	padding: 4px 0 4px 0
}

#admin #navbox ul li {
	font-size: 1em;
	line-height: 2.3em;
	text-align: right;
	color: #C30555
}

#admin #navbox ul li a:link {
	height: 15px;
	padding: 5px;
	color: #C30555
}

#admin #navbox ul li a:hover {
	color: #F480B1
}

#admin #navbox {
	height: 182px;
}

#admin #photo {
	height: 182px;
}

/* -------------------------- */