/* CSS Document */

/* Global Reset */

html, body, h1, h2, h3, p, object, pre, a, img, li, ol, ul, 
fieldset, form, label, input, textarea {
	padding:0;
	margin:0;
	}
img, fieldset { border:0; }

/* Body */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333333;
	background-color:#061822;
	}
 
/* Global Styles */

	/* Headings H1-H4 */
 
	h1 { font-size:1.6em; margin:0.5em 0 0.1em 0;}
	h2 { font-size:1.2em; margin:0.5em 0 0.1em 0; font-weight:normal;}
	h3 { font-size:1.1em; margin:0 0 0.5em 0;}
	h4 { font-size:1.1em; margin:0 0 0.5em 0; font-variant:small-caps;}
 
	/* Paragraph and Link Styles */
 
	p {
		font-size:1.1em;
		margin:0 0 1em 0;
		line-height:1.4em;
		}
	a { text-decoration:none; color:#FFFFFF; }
	a:hover { text-decoration:underline; }
 
	/* Other */
 
			
/* Global Classes */
 
	.floatLeft { float:left; }
	.floatRight { float:right; }
	.alignLeft { text-align:left; }
	.alignRight { text-align:right; }
	.clear { clear:both; height:0; }
	.hidden { display:none; }
	.vSpacer { clear:both; height:25px; }
	 
/* Page Layout */

	.container {
		width:720px;
		margin:0 auto;
		color:#FFFFFF;
		}
	
	#header {
		background-color:#FFFFFF;
		width:100%;
		height:140px;
		}
	#headerVideo {
		background-color:#FFFFFF;
		width:100%;
		height:60px;
		}
		#headerVideo h3.logo {
			padding:0 0 20px 0;
			height:30px;
			background: url(/_media/image/logo.gif) left 15px no-repeat;
			}
		#headerVideo h3.logoEn {
			padding:0 0 20px 0;
			height:30px;
			background: url(/_media/image/logo_en.gif) left 15px no-repeat;
			}
		#headerVideo h3.logoCy {
			padding:0 0 20px 0;
			height:30px;
			background: url(/_media/image/logo_cy.gif) left 15px no-repeat;
			}
		
	.navigation {
		width:612px;
		height:45px;
		background-color:#D2D3D5;
		margin:3px 0 0 0;
		}
		.navigation ul {
			}
			.navigation li {
				display:block;
				width:283px;
				float:left;
				height:45px;
				}
				.navigation li.yellow {
					border-left:12px solid #F8AB00;
					}
				.navigation li.purple {
					border-left:12px solid #752BE2;
					}

				.navigation li a { 
					display:block;
					width:283px;
					height:45px; 
					}
				
				.navigation li.englishHigh {
					background: url(/_media/image/englishHigh.gif) 10px 12px no-repeat;
					}
				.navigation li.englishLow {
					background: url(/_media/image/englishLow.gif) 10px 12px no-repeat;
					}
				.navigation li.cymraegHigh {
					background: url(/_media/image/cymraegHigh.gif) 10px 12px no-repeat;
					}
				.navigation li.cymraegLow {
					background: url(/_media/image/cymraegLow.gif) 10px 12px no-repeat;
					}
				.navigation li.englishPod {
					background: url(/_media/image/podEng.gif) 10px 12px no-repeat;
					}
				.navigation li.englishVod {
					background: url(/_media/image/vodEng.gif) 11px 12px no-repeat;
					}
				.navigation li.cymraegPod {
					background: url(/_media/image/podWelsh.gif) 10px 12px no-repeat;
					}
				.navigation li.cymraegVod {
					background: url(/_media/image/vodWelsh.gif) 10px 12px no-repeat;
					}	
				
					#flash { margin:3px 0 0 0; }
	#subNavigation {
		width:300px;
		float:left;
		font-size:1.1em;
		margin:0 0 0 15px;
		}
		#subNavigation ul {
			margin:0;
			padding:0;
			list-style-type:none;
			}
			#subNavigation li {
				margin:0 0 5px 0;
				padding:1px;
				width:100%;
				float:left;
				}
			#subNavigation li:hover {
				background-color:#00BFF3;
				}
			#subNavigation li.selected {
				background-color:#00BFF3;
				}
			#subNavigation li.subLink {
				margin:0 0 5px 10px;
				}
				#subNavigation li a {
					color:#FFFFFF;
					}
					#subNavigation li a:hover {
						text-decoration:none;
						cursor:pointer;
						}
		#subNavigation img{ Float:left; margin:0 10px 0 0; }
		
		.linkTitle{
			width:152px; 
			display:block; 
			float:right;
			}
		
		.downloads{
			width:120px;
			float:right;
			}
		#flash {
			width:400px;
			float:left;
			}
	#content {
		margin:50px 0 0 0;
		}
	#footer {
		width:600px;
		color:#FFFFFF;
		clear:both;
		margin-top:10px;
		}
		#footer ul { list-style-type:none; }
		#footer li { margin:0; padding:0; }