.Border {
	padding:3px;
	border:1px solid #555;
}

.Double-Border {
	padding:3px;
	border:3px double #555;
}

.Dotted-Border {
	padding:3px;
	border:1px dotted #555;
}

.Thick-Border {
	padding:3px;
	border:2px solid #555;
}

.Light-Border {
	padding:3px;
	border:1px solid #999;
}

.Light-Double-Border {
	padding:3px;
	border:3px double #999;
}

.Light-Dotted-Border {
	padding:3px;
	border:1px dotted #999;
}

.Light-Thick-Border {
	padding:3px;
	border:2px solid #999;
}

/* Tiny Styles */

html, body {
	padding:0;
	margin:0;
}

body *:first-child {
	margin-top:0;
}
body#tinymce { background:#ffffff; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
body {
	line-height: 1;
	color: white;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Start of Default Styling */

p {
	padding: 5px 0px;
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 10px;
	font-weight: bold;
	color: #000000;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
ol,
ul {
	list-style: inside;
}
body {
	color: #000000;
	font-size: 10pt;
	font-family: Tahoma, Verdana, Arial, san-serif;
	background: #f1b533 url("http://www.schooljotter.com/images/ysgolgynradd/background.png") repeat-x 0px 0px;
}
body,
body * {
	line-height: 1.2em;
}
a:link,
a:visited,
a {
	color: #4c2f31;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

/* Template Styling */

#wrapper {
	width: 1020px;
	margin: 0px auto;
	background: transparent url("http://www.schooljotter.com/images/ysgolgynradd/wrapper-background.png") repeat-y 0px 0px;
}

#header {
	width: 100%;
	height: 350px;
	background: transparent url("http://www.schooljotter.com/images/ysgolgynradd/header.png") no-repeat 0px 0px;
}

#content-wrapper {
	width: 940px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	background: transparent url("http://www.schooljotter.com/images/ysgolgynradd/content-header.png") no-repeat 0px 0px;
	padding: 20px 40px;
}

#nav {
	float: left;
	width: 180px;
}
	#nav ul,
	#nav li {
		list-style: none outside;
	}
	#nav li,
	#nav a,
	#nav span {
		display: block;
	}
	#nav li {
		padding-top: 5px;
	}
	#nav li.first {
		padding-top: 0px;
	}
	#nav a {
		
	}
	#nav span {
		height: 35px;
		background: transparent none no-repeat 0px 0px;
		text-indent: -9999px;
		overflow: hidden;
	}
	#nav li.m1 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-1-menu.png"); }
	#nav li.m2 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-2-menu.png"); }
	#rightnav li.m3 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-3-menu.png"); }
	#rightnav li.m4 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-4-menu.png"); }
	#nav li.m5 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-5-menu.png"); }
	#nav li.m6 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-6-menu.png"); }
	#rightnav li.m7 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-7-menu.png"); }
	#rightnav li.m8 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-8-menu.png"); }
	#nav li.m9 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-9-menu.png"); }
	#nav li.m10 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-10-menu.png"); }
	#rightnav li.m11 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-11-menu.png"); }
	#rightnav li.m12 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-12-menu.png"); }
	#nav li.m13 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-13-menu.png"); }
	#nav li.m14 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-14-menu.png"); }
	#rightnav li.m15 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-15-menu.png"); }
	#rightnav li.m16 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-16-menu.png"); }
	#nav li.m17 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-17-menu.png"); }
	#nav li.m18 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-18-menu.png"); }
	#rightnav li.m19 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-19-menu.png"); }
	#rightnav li.m20 span { background-image: url("http://www.schooljotter.com/assets/pendorlan-2112-20-menu.png"); }
	#nav ul#fullnav li.selected ul {
		display: block;
	}
	#nav ul#fullnav ul {
		display: none;
		padding: 3px;
		padding-top: 8px;
	}
	#nav ul#fullnav ul li {
		padding: 0px;
	}
	#nav ul#fullnav ul a {
		color: #ffffff;
		padding: 3px;
	}
#rightnav {
	float: left;
	width: 150px;
        margin:0px 0px 0px 35px;

}
#rightnav ul {
	margin:0;
	}
	#rightnav ul,
	#rightnav li {
		list-style: none outside;
	}
	#rightnav li,
	#rightnav a,
	#rightnav span {
		display: block;
	}
	#rightnav li {
		padding-top: 5px;
	}

	#rightnav li.m3 {
		padding-top: 0px;
	}
	#rightnav a {
		
	}
	#rightnav span {
		height: 35px;
		background: transparent none no-repeat 0px 0px;
		text-indent: -9999px;
		overflow: hidden;
	}
#rightnav ul#fullnav li.selected ul {
		display: block;
	}
	#rightnav ul#fullnav ul {
		display: none;
		padding: 3px;
		padding-top: 8px;
	}
	#rightnav ul#fullnav ul li {
		padding: 0px;
	}
	#rightnav ul#fullnav ul a {
		color: #ffffff;
		padding: 3px;
	}
#nav ul li,
#rightnav ul li {
	display: none;
}

#nav ul li ul li,
#rightnav ul li ul li {
	display: block;
}
#nav ul li.m1 { display: block; }
#nav ul li.m2 { display: block; }
#rightnav ul li.m3 { display: block; }
#rightnav ul li.m4 { display: block; }
#nav ul li.m5 { display: block; }
#nav ul li.m6 { display: block; }
#rightnav ul li.m7 { display: block; }
#rightnav ul li.m8 { display: block; }
#nav ul li.m9 { display: block; }
#nav ul li.m10 { display: block; }
#rightnav ul li.m11 { display: block; }
#rightnav ul li.m12 { display: block; }
#nav ul li.m13 { display: block; }
#nav ul li.m14 { display: block; }
#rightnav ul li.m15 { display: block; }
#rightnav ul li.m16 { display: block; }
#nav ul li.m17 { display: block; }
#rightnav ul li.m18 { display: block; }
#nav ul li.m19 { display: block; }
#rightnav ul li.m20 { display: block; }
#nav ul li.m21 { display: block; }
#rightnav ul li.m22 { display: block; }
#nav ul li.m23 { display: block; }
#rightnav ul li.m24 { display: block; }

#content {
	float: left;
	width: 510px;
	padding: 30px;
	background-color: #e5e8f7;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#footer {
	width: 100%;
	height: 80px;
	background: transparent url("http://www.schooljotter.com/images/ysgolgynradd/footer.png") no-repeat 0px 0px;
	text-align: center;
	padding-top: 70px;
	font-size: 1.1em;
	font-weight: bold;
}
	#footer a {
		color: #dddddd;
	}
	#footer,
	#footer a:hover {
		color: #ffffff;
	}