/* END OF RESET */
a:active, a:focus{ outline:none; }  

input.searchBox {
	margin                     :0px;
	padding                    :4px;
	height                     :22px;
	bu order                     :1px solid #000;
	position                   :absolute;
	top                        :24px;
	right                      :60px;
}
body {
	margin                         :20px;
	background-color               :#efeae5;
	font-family                    :Verdana;
	font-size                      :12px;
}

/* The main container for the page */
div.box {
	background-color               :#fff;
}


/* Blwch cynnwys y wefan */

div.content {
	/*margin: 0 20px 0 0;*/
	position:relative;
}

/*styling ar gyfer y testun o dan y blwch chwilio */
.bachllwyd { font-size: 0.86em; color: #6f6f6f; font-weight: bold;}

/* The bar containing the search field and language controls. */
div.languageBar {
	background-color               :#efeae5;
	font-size                      :12px;
	padding                        :0px 10px 0px 5px;
	text-align                     :right;
	font-weight                    :normal;
	font-size                      :12px;
	height                         :30px;
}

div.languageBar A {
	color                          :#000;
	text-decoration                :none;
	font-weight                    :normal;
	font-size                      :12px;
}

div.languageBar A:hover {
	color                          :#c31722;
	text-decoration                :underline;
	font-weight                    :normal;
}

div.languageLeft {
	position                       :absolute;
	top                            :28px;
	right                          :220px;
}

div.languageRight {
	float                          :right;
}

/* The main page header container */
div.header {
	height                         :150px;
	margin:0px !important;
	padding:0px !important;
}

/* Absolute positioned film strip, placeholder for flash movie! */
div.film_logo {
	background-image               :url("../images/film_logo.jpg");
	width                          :60px;
	height                         :150px;
	position                       :absolute;
	right                          :20px;
	top                            :50px;
}

div.film_logo IMG {
	border: 0px;
}

/* Absolute positioned sticky note thing */
div.note_logo {
	background-image               :url("../images/the_new_note.png");
	width                          :194px;
	height                         :168px;
	position                       :absolute;
	right                          :77px;
	top                            :50px;
	padding-top                    :10px;
}

/* Container for text within the sticky note */
div.noteText {
	font-style                     :italic;
	font-size                      :12px;
	margin                         :10px 45px 0px 20px;
}

div.noteTitle {
	position: absolute;
	font-weight: bold;
	font-size                      :12px;
	/*margin                         :10px 45px 0px 20px;*/
	top:134px;
	left:17px;
}

/* The bar containing the main horizantal menu. */

div.menu {
	font-size                      :12px;
	color                          :#515151;
	padding                        :5px;
	padding-left                   :7px;
	margin-top                     :10px;

}

div.menu A {
	color                          :#515151;
	text-decoration                :none;
	background-image               :url("../images/saeth_llwyd.png");
	background-repeat              :no-repeat;
	padding-right                  :15px;
	background-position            :100% 3px;
}

li.navcontainer_current A {
	color                          :red;
	text-decoration                :none;
	background-image               :url("../images/saeth_du.png");
	background-repeat              :no-repeat;
	padding-right                  :15px;
	background-position            :100% 3px;
}

div.menu A:hover {
	color                          :#c31722;
	text-decoration                :underline;
}

/* The container for the 3 column layout. */

div.innerBox {
	background-color               :#fff;
}

div.leftColumn {
	width                          :180px;
	/*min-height                     :400px;*/
	float                          :left;
	margin-left                    :10px;
}



div.content {
	/*min-height                     :600px;*/
	margin-top                     :0px;
	margin-left                    :200px;
	margin-right                   :200px;
}

div.rightColumn {
	width                          :180px;
	/*min-height                     :400px;*/
	float                          :right;
	margin-right                   :10px;
	margin-top:0;
	padding:0;
	background-color: #ebebeb;
}

div.rightColumn UL {
	list-style: none;
	padding:0 10px;
}

div.rightColumn A {
	color                          :#c31722;	
}

div.rightColumn A:hover {
	color                          :#ee1220;	
}



/* The container for the footer area */

div.footer {
	height			       :50px;
	background-color               :#fff;
	border-top                     :1px solid #b7b7b7;
	padding-top                    :3px;
	margin-top                     :20px;
}

div.footer_logo {
	float			       :right;
}

div.footer_logo IMG {
	border: 0px;
}

div.footer_links {
	font-size		       :11px;
	float                          :left;
	padding-top                    :17px;
	padding-left                   :40px;
}

div.footer_links UL {
	display			       :inline;
	padding-right                  :20px;
}

div.footer_links LI {
	display			       :inline;
	padding-right                  :20px;
}

div.footer_links A {
	color                          :#000;
	text-decoration                :none;
	font-weight                    :normal;
	font-size                      :12px;
}

div.footer_links A:hover {
	color                          :#c31722;
	text-decoration                :underline;
}

ul.navcontainer {
	display                        :inline;
	margin-left:0px;
	padding-left:0px;
	position:relative;
}

ul.navcontainer LI {
	display                        :inline;
	padding                        :7px 8px 7px 5px;
	font-size                      :12px;
}

ul.navcontainer A {
	font-size                      :12px;
}

div.content P {
	font-size                      :12px;
	padding                        :0px 5px 5px 5px;
	line-height                    :17px;
}






/* Color Scheme Specific */


div.header {
	background-color               :#000;
	background-image               :url("../images/header_HOME.jpg");
	background-repeat              :no-repeat;
}

div.titleBar {
	font-size		       :12px;
	height                         :22px;
	background-color               :#ee1220;
	color                          :#fff;
	font-weight                    :bold;
	background-image               :url("../images/overlay.png");
	padding-top                    :6px;
	padding-left                   :5px;
}

div.sideBox {
	background-color               :#ebebeb;
	margin-bottom                  :10px;
	font-size                      :12px;
	font-weight                    :normal;
	padding                        :5px;
}

div.sideBox A {
	color                          :#c31722;	
}

div.sideBox A:hover {
	color                          :#ee1220;	
}

div.sideBoxClear {
	margin-bottom                  :10px;
	font-size                      :12px;
	font-weight                    :normal;
	padding                        :5px;
}
/*
div.csc-header {
	height                         :20px;
	font-size		       :12px !important;
	background-color               :#ee1220;
	color                          :#fff;
	font-weight                    :bold !important;
	background-image               :url("../images/overlay.png");
}

h1.csc-firstHeader {



}
*/
input.searchBox {
	margin                     :0px;
	padding                    :4px 19px 4px 4px;
	height                     :22px;
	border                     :1px solid #000;
	position                   :absolute;
	top                        :24px;
	right                      :21px;
}

input.searchButton {
	position                   :absolute;
	top                        :24px;
	right                      :21px;
}

A.joinLink {
	color                      :#fff !important;
	text-decoration            :none;
	font-weight                :bold !important;
}

A.joinLink:hover {
	color                      :#fff !important;
	text-decoration            :underline;
	font-weight                :bold !important;
}

DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

div.crumb {
	margin-left:12px;
	margin-top:20px;
	position:relative;
}

div.myClear {
	clear: both;
}

div.content ul {
	list-style-type: square;
}

div.crumb A {
	color : #ee1220;
	text-decoration: none;
}

div.crumb A:hover{
	text-decoration: underline;
}

.arlwy_ochr_current A{
	background-image               :url("../images/menu_active.png") !important;
	background-repeat: no-repeat !important;
	padding-left: 20px !important;
}

div.content p {

}

div.csc-textpic {
	/*clear:both !important;
	display:block;*/
}

div.csc-header {

	height:25px;
}


div.csc-header h1 {
	font-size		       :12px;
	padding                        :6px 4px 6px 4px;
	font-weight                    :bold;
	color                          :white;
	/*background-color               :#ee1220;*/
	background-image               :url("../images/overlay.png");
}

div.csc-header h2 {
	font-size:12px !important;
	height:30px;
}

#tt_news styling ar gyfer DIGWYDDIADAU

bodytext.news-list-container p { font-size: 0.9em; }
.news-list-item { background-color: #e7eded; padding: 0.1em 0.1em 0.06em 0.4em; margin-top: 0.6em;}
.news-list-date { font-size: 0.8em; color: #398686;}
.news-list-morelink { font-size: 0.9em;}
.news-title-agssc { font-size: 0.99em; color: #2e6d6d;}

.news-single-item  { background-color: #e7eded; padding: 0.1em 0.1em 0.06em 0.4em; margin-top: 0.6em;}
.news-single-timedata { font-size: 0.8em; color: #398686;}
bodytext.news-single-container p { font-size: 0.9em; }


#END tt_news styling ar gyfer DIGWYDDIADAU

div.csc-header h2 {
	font-size:12px !important;
	height:30px;
}

div.content_left {
	margin-right:270px;
}

div.content_right {
	float: right;
	width:250px;
}

div.blanker {
	float:left;
}

div.movieBox {
	background-color: #d4d5d9;
	padding:10px;
	color: #696c76;
	font-size: 10px;
}
div.movieBoxLink {
	margin-top:2px;
	background-color: #6f6f6f;
	padding: 5px 10px;
	color: white;
}

.movieBoxLink a { color: white; font-size: 0.9em;}
.movieBoxLink a:visited { color: white; font-size: 0.9em;}
.movieBoxLink a:active { color: white; font-size: 0.9em;}

.tx-kuloplayer-pi1{ 	
	padding: 0.2em 0.6em 0.2em 0.2em;
	background-color: #d4d5d9;
	color: #696c76;
	font-size: 0.9em;
}

.tx-kuloplayer-pi1 h3{
	padding: 0 0 0 0.2em;
	font-size: 1.1em;
}

.tx_kuloplayer_pi1-player-text
{
	background-color: #d4d5d9;
	color: #696c76;
	font-size: 0.9em;
}


.tx_kuloplayer_pi1-player-text p.bodytext { 
	font-size: 1.1em; 
	color: #575555;
}
div.promo {
	clear:none;
	margin-top: 80px;
	background-color: #ebebeb;
	color: #000;
	padding-bottom: 1px;
	margin-right: 270px;
}

div.promo H1 {
	color: #000 !important;
	background: none;
	background-color: transparent !important;
	
}

#Calendar formatting tu fewn i agssc/css/agsscCalendar.css a agssc/css/agsscContextMenu.css

#table.calendar-table td {
#	background: #6f6f6f;
#	border: 1px solid #ebebeb;
#	padding: 3px !important;
#	color: #fff;
#}

#table.calendar-table {
#	margin: 0 auto;
#	font-size:10px;
#}

#td.columPrevious, td.columNext, td.columYear {
#	background: #ebebeb !important;
#	color: black;
#}

#div.linked_today_nolink {
#	font-weight:bold;
#	background-color:#8c8c8c;
#}

/* For Text With Image Styling. */
div.csc-textpic img {
	border-top:3px solid ##d4d5d9;
	border-bottom:5px solid ##d4d5d9;

}
.csc-textpic-caption {
	
	background-color : #e9ebee;
	color: black;	
	padding:3px;
	font-size: 10px;

}

/* MAILFORMS STYLING */

TABLE.csc-mailform { border: 1px solid #8fb0c0; font-size: 1em; padding: 3px; background-color: #e0e6e9; }
TABLE TR TD { padding-left: 3px; padding-right: 3px; }
TABLE TR TD.csc-mailform-fieldcell INPUT,
TABLE TR TD.csc-mailform-fieldcell SELECT, 
TABLE TR TD.csc-mailform-fieldcell TEXTAREA { border: 1px solid #8fb0c0;}
TABLE TR TD.csc-mailform-labelcell P.csc-mailform-label-req { font-weight: bold;}
legend { display:none; }
fieldset { border: 0px; padding: 5px 0px 8px 0px; }
label { padding: 0px 0px 0px 3px; }
.csc-mailform-submit { text-align:center; float: left; }

/*styling ar gyfer FLV Player & Video Gallery*/

/*.tx-bddbflvvideogallery-pi1 { margin: 1em 0 0 1em; }

.tx-bddbflvvideogallery-pi1 p { 
  padding:0px; 
  text-align:center; 
  border: 1px solid #ddd; 
  background-color:#eee; 
  } 

.flvplayer_listpic_pic { 
  border: 0px solid #990000; 
} 
.flvplayer_listpic { 
  height: 70px; 
	width: 70px; 
	border: 0px solid #888888; 
  padding: 0px 4px 4px 0px; 
	margin: 0px 6px 6px 0px; 
	background-repeat:	no-repeat; 
	background-position: 0px 0px; 
} 

.flvplayer_listpic_firstofrow { 
  height: 70px; 
	width: 70px; 
	border: 0px solid #888888; 
  padding: 0px 4px 4px 0px; 
	margin: 0px 6px 6px 0px; 
	background-repeat:	no-repeat; 
	background-position: 0px 0px; 
} 

.flvplayer_listpic_lastofrow { 
  height: 70px; 
	width: 70px; 
	border: 0px solid #888888; 
  padding: 0px 4px 4px 0px; 
	margin: 0px 0px 6px 0px; 
	background-repeat:	no-repeat; 
	background-position: 0px 0px; 
} 

.flvplayer_pagebrowser { } 

.browseLinksWrap { text-align: center; } 



.flvplayer_pagebrowser_fwd { 
  float:right; 
  margin-right: 4px; 
} 

.flvplayer_pagebrowser_back { 
  float:left; 
} 

#player { 
	float: left; 
	margin-right: 16px; 
	margin-bottom: 10px; 
} 

* html #player { 
	margin-right: 8px; 
} 

#playlist { 

}*/

#loadingMessage { 
padding: 7px 0px 7px 0px; 
width: 320px; 
background-color: #ffffff; 
text-align: center; 
position: absolute; 
margin: 130px 0px 0px 19px; 
}

.calendar-table {
	margin-right:40px;
}


.chwith {float: left; width: 30%;}
.de {float: right; width: 60%;}

.center { align: center;}

.flvplayer_listpic {

	background-color: #ebebeb;
	margin-bottom: 10px;
	margin-right: 10px;
	height: 85px;
	width: 85px;
}

.flvplayer_listpic a {
	border: 1px solid #cecece;
	display: block;
	height: 88px;
	width: 88px;
}

.flvplayer_listpic a:hover {
	background-color: #E6EFC2;
	border: 1px solid #cecece;
	display: block;
	height: 88px;
	width: 88px;
}

.flvplayer_listpic a img {
	margin: 9px 0 0 9px;
	border: none;
}

.flvplayer_pagebrowser .activeLinkWrap a {
	background-color: #6F6F6F;
	color: #ebebeb;
	border: 1px solid #cecece;
	text-decoration: none;
	padding: 0.1em 0.4em 0.3em 0.4em;
}

.flvplayer_pagebrowser .inactiveLinkWrap a {
	background-color: #ebebeb;
	color: #6F6F6F;
	border: 1px solid #cecece;
	text-decoration: none;
	padding: 0.1em 0.4em 0.3em 0.4em;
}

.flvplayer_pagebrowser .inactiveLinkWrap a:hover {
	background-color: #E6EFC2;
	border: 1px solid #C6D880;
	color: #529214;
}

.flvplayer_pagebrowser span { display: inline-block; margin: 0 0 1em 0; }

#flvplayercaption { float:left; } 
#flvcaption { clear: both; margin-top: 0px; width: 420px;  } 
#flvcaption div { border: 1px solid #ddd; background-color: #eee; margin-top: 0.5em; }
#flvcaption h3 { background-color: #fff; border: none; margin: 0; }
div#flvcaption div p { margin: 0; padding: 0.3em; border: 0; text-align: left; }


.tx-myquizpoll-pi1 form table.login { border: 1px solid #000; /*border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;*/ background: -moz-linear-gradient(top, #fff 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); padding: 1em; }
*html .tx-myquizpoll-pi1 form table { background: #eeeeee; }
.tx_myquizpoll_pi1-title { display: none; }		/* Title of a question */
.tx_myquizpoll_pi1-title-hide { display: none; }		/* Hide title */
.tx_myquizpoll_pi1-question { font-weight: bold; padding: 0.4em ; background-color: #bc0e19; color: #fff; line-height: 1.5em; }	/* The question */
.tx_myquizpoll_pi1-answer { padding: 0.4em; margin: 1em 0 1em 1em; }	/* An answer */
.tx_myquizpoll_pi1-yesno {  }		/* Wrap around the yes-no-buttons */
.tx_myquizpoll_pi1-yes {  }		/* Wrap around the yes-button */
.tx_myquizpoll_pi1-no {  }		/* Wrap around the no-button */
.tx_myquizpoll_pi1-explanation {  }	/* Explanation to a question */
.tx_myquizpoll_pi1-false {  }		/* False answer */
.tx_myquizpoll_pi1-label {  }		/* Normal text */
.tx_myquizpoll_pi1-field {  }		/* form-field */
.tx_myquizpoll_pi1-field:focus {  }
.tx_myquizpoll_pi1-submit {  }		/* form submit-button */
.tx_myquizpoll_pi1-submit:hover {  }
.tx_myquizpoll_pi1-submit:active {  }
.tx_myquizpoll_pi1-reset {  }		/* form reset-button */
.tx_myquizpoll_pi1-reset:hover {  }
.tx_myquizpoll_pi1-reset:active {  }
.tx_myquizpoll_pi1-table { border-collapse: collapse; border-top: 1px solid #bc0e19; border-left: 1px solid #bc0e19; margin: 0; padding: 0; width: 100%; }		/* highscore or poll-result table */
.tx_myquizpoll_pi1-tr {  }			/* a table row */
.tx_myquizpoll_pi1-tr-act { background-color: #6f6f6f; color: #ebebeb; }		/* highscore entry of the current user */
.tr-odd { background-color: #FBF1F1; }		/* odd row */
.tr-even { background-color: #ebebeb; }	/* even row */
.tx_myquizpoll_pi1-caption {  } 	/* table caption */
.tx_myquizpoll_pi1-th { border-right: 1px solid #bc0e19; border-bottom: 1px solid #bc0e19; background-color: #bc0e19; color: #fff; text-align: left; padding: 0.5em; }  		/* table header */
.tx_myquizpoll_pi1-td { border-right: 1px solid #bc0e19; border-bottom: 1px solid #bc0e19; padding: 0.4em; } 		/* table data */
.tx_myquizpoll_pi1-left {  } 		/* align left */
.tx_myquizpoll_pi1-right {  } 		/* align right */
#tx_myquizpoll_pi1-joker {  }		/* Answer of the joker */
.tx_myquizpoll_pi1-details {  } 		/* show details text */
.tx_myquizpoll_pi1-details_hidden {  } /* hidden details */
.tx_myquizpoll_pi1-details_item-odd {  }
.tx_myquizpoll_pi1-details_item-even {  }
.cwestiwn { background-color: #ebebeb; margin-bottom: 1em; border: 1px solid #bc0e19; background: -moz-linear-gradient(top, #fff 0%, #eee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee)); height: 200px; }
*html .cwestiwn { background: #eeeeee; }
.tx-myquizpoll-pi1 hr { display: none; }
.tx-myquizpoll-pi1 .cwestiwn input {  }
.tx-myquizpoll-pi1 .cwestiwn img { float: left; clear: right; margin-right: 1em; }

/* Steiliau ar gyfer ardal cyfarfod y tim */
.row { width: 550px; clear: none; margin: 0 auto; }
.person { width: 30%; float: left; text-align: center; background-color: #eee; border: 1px solid #ddd; margin: 0 0.5em 1em 0.5em; height: 220px; }
.rheolwr { width: 30%; margin: 0 auto 1em 33.7%; text-align: center; background-color: #eee; border: 1px solid #ddd; margin-bottom: 1em; height: 240px; }
.person img, .rheolwr img { margin-top: 1em; }
.caption { padding: 0.5em 0.2em 0.5em 0.2em; }
.left { margin-left: 18%; }