/*###################
##### CSS RESET #####
###################*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    text-align              : left;
}
html,body 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #333333;
	background-color    	: #FFF;
	background				: url('../images/bkgrnd.gif') top left repeat-x;
	
	height                  : 100%;
}

/*###############
##### FONTS #####
###############*/
 
p
{
    padding                 : 5px 0px 5px 0px;
    line-height             : 1.4em;
}

h1
{
    padding                 : 5px 0px 10px 0px;
    font-size               : 20px;
    line-height             : 1.0em;
    color                   : #333333;
    font-weight             : normal;
}	
h2
{
    padding                 : 5px 0px 5px 0px;
    font-size               : 16px;
    line-height             : 1.0em;
    color                   : #333333;
    font-weight             : normal;
}	
h3
{
    padding                 : 5px 0px 5px 0px;
    font-size               : 14px;
    line-height             : 1.0em;
    color                   : #333;
    font-weight             : normal;
}
#content a
{
    color                   : #8D3D96;
    text-decoration         : none;
}
#content a:hover
{
    text-decoration         : underline;
}	
#content ul
{
    margin                  : 10px 0px 10px 0px;
    padding                 : 0px 0px 0px 20px;
}
#content ul ul
{
    margin                  : 5px 0px 10px 0px;
    padding                 : 0px 0px 0px 20px;
}
#content ul li
{
    margin                  : 0px 0px 5px 0px;
    padding                 : 0px 0px 0px 0px;
    line-height             : 1.4em;
}



/*###################
##### CONTAINER #####
###################*/

#container 
{
	margin                  : 0px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;
		
	min-height              : 100%;
    position                : relative;	
}



/*################
##### HEADER #####
################*/ 

#header 
{
	margin 					: 0px auto 0px auto;
	padding					: 0px 0px 0px 0px;
	width                   : 940px;
	height                  : 230px;
	position                : relative;
}
#headerTop
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height                  : 31px;
}
#headerTop a
{
	margin 					: 0px 0px 0px 0px;
	padding					: 3px 10px 0px 10px;
	font-size               : 13px;
	height                  : 27px;
	color                   : #E0BEE4;
	line-height             : 1.8em;
	text-decoration         : none;
	float                   : right;
	background				: url('../images/header-arrow.gif') top left no-repeat;
}
#headerTop a:hover
{
	text-decoration         : none;
	color                   : #FFF;
	background				: url('../images/header-arrow.gif') bottom left no-repeat;
}

.headerLogo
{
	margin 					: 10px 0px 0px 15px;
	padding					: 0px 0px 0px 0px;
	width                   : 130px;
	height                  : 130px;
	float                   : left;
}
.headerStrapline
{
	margin 					: 50px 0px 0px 15px;
	padding					: 0px 0px 0px 0px;
	display                 : block;
	width                   : 460px;
	float                   : left;
	font-size               : 18px;
}
.headerStrapline h1
{
	margin 					: 0px 0px 10px 0px;
	padding					: 0px 0px 10px 0px;
	font-size               : 22px;
	text-align              : center;
	border-bottom           : 1px solid #8F3F98;
}
.headerStrapline h2
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size               : 13px;
	text-align              : center;
	font-style              : italic;
	color                   : #8F3F98
}

/* ---- HEADER SEARCH ---- */
.headerSearch
{
	margin 					: 15px 10px 0px 0px;
	padding					: 10px 0px 0px 8px;
	display                 : block;
	width                   : 212px;
	height                  : 122px;
	float                   : right;
	background				: url('../images/bkgrnd-search.gif') top no-repeat;
}
/* ---- HELP BUTTON ---- */
.btnHelp
{
	margin					: 1px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 18px;
	width                   : 17px;
	background				: url('../images/btnHelp.png') top left no-repeat;
	cursor					: help;
	border                  : none;
	float                   : right;
}
.btnHelp:hover
{
	background				: url('../images/btnHelp.png') bottom left no-repeat;
}

/* ---- SEARCH BUTTON ---- */
button.btnSearch, input[type="reset"].btnSearch, input[type="button"].btnSearch, input[type="submit"].btnSearch, .btnSearch
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 200px;
	background				: url('../images/btnSearch.png') top left no-repeat;
	cursor					: pointer;
	border                  : none;
}

.btnSearchWelsh
{
    margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 200px;
	background				: url('../images/btnSearch-w.png') top left no-repeat;
	cursor					: pointer;
	border                  : none;
}

.btnSearchWelsh:hover
{
	background				: url('../images/btnSearch-w.png') bottom left no-repeat;
}

button.btnSearch:hover, input[type="reset"].btnSearch:hover, input[type="button"].btnSearch:hover, input[type="submit"].btnSearch:hover, .btnSearch:hover
{
	background				: url('../images/btnSearch.png') bottom left no-repeat;
}
.btnSearch span
{
    display                 : none;
}



/*##################
#### NAVIGATION ####
##################*/ 

/* ---- MAIN NAV ---- */
#navMain ul
{
	margin 					: 15px 0px 0px 0px;
	padding					: 1px 0px 0px 10px;
	width                   : 930px;
	height					: 45px;
	list-style 				: none;
	position                : absolute;
	bottom                  : 0;
	background				: url('../images/bkgrnd-nav.gif') top no-repeat;
}
#navMain ul li
{
	display 				: inline;
}
#navMain ul li a
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 13px 0px 13px;
	display 				: block;
	float                   : left;
	color					: #555;
	text-decoration 		: none;	
	font-size 				: 13px;
	height 					: 43px;
	border-left             : 1px solid #F1F1F1;
	border-right            : 1px solid #D2D2D2;
}
#navMain ul li span, #navMain ul li span.lrg
{
	display 				: block;
	top                     : 0;
	margin-top				: 14px;
	line-height             : 1.2em;
	text-align              : center;
}
#navMain ul li span.lrg
{
	margin-top				: 7px;
}
#navMain li a:hover, #navMain li a.selected
{
	text-decoration 		: none;
	color					: #333;
	border-left             : none;
	padding-left            : 14px;
	background				: url('../images/nav-hover.gif') top left repeat-x;
}
#navMain li a.selected
{	
    color					: #904098;
    background				: url('../images/nav-hover.gif') bottom left repeat-x;
}
#navMain ul li a.bookendLeft, #navMain ul li a.bookendRight
{
	padding					: 0px 0px 0px 0px;
	border-left             : none;
	border-right            : 1px solid #D2D2D2;
	height 					: 43px;
}
#navMain ul li a.bookendRight
{
	border-left             : 1px solid #F1F1F1;
	border-right            : none
}


/* ---- SUB NAV ---- */
ul.subNav 
{
	margin 					: 10px 0px 10px 0px !important;
	padding					: 1px 0px 1px 0px !important;
	display                 : block;
	height					: 30px;
	list-style 				: none;
}
ul.subNav li
{
	margin 					: 10px 0px 10px 0px !important;
	padding					: 0px 0px 0px 0px !important;
	display 				: inline !important;
}
ul.subNav li a
{
	margin					: 0px 10px 0px 0px;
	padding					: 7px 0px 0px 0px;
	display 				: block;
	float                   : left;
	min-width               : 110px;
	color					: #555 !important;
	text-decoration 		: none !important;	
	text-align              : center;
	font-size 				: 13px;
	height 					: 23px;
	border                  : 1px solid #D2D2D2;
	-moz-border-radius      : 8px;
    -webkit-border-radius   : 8px;
	background				: url('../images/subNav-hover.gif') top repeat-x;
}
ul.subNav li a:hover, ul.subNav li a.selected
{
	text-decoration 		: none !important;	
	color					: #333 !important;
	background				: url('../images/subNav-hover.gif') bottom left repeat-x;
}
ul.subNav li a.selected
{
	color					: #904098 !important;
}



/*#################
##### CONTENT #####
#################*/

#content
{
	margin                  : 0px 0px 0px 0px;
	padding                 : 0px 0px 0px 0px;
	width                   : 100%;
    padding-bottom          : 31px;   /* Height of the footer */
}
#contentInner
{
	margin                  : 10px auto 0px auto;
	padding                 : 0px 0px 0px 0px;
	width                   : 940px;
	min-height              : 300px;
	font-size               : 12px;
}
#contentLeft
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 10px 35px 10px;
	display 				: block;
	float                   : left;
	width                   : 260px;
	height			        : auto;
	position                : relative;
	background              : url('../images/bkgrnd-contentLeft.gif') top right repeat-y;
}
.contentLeftBottom
{
	background              : url('../images/blend-bottom.png') top right no-repeat;
	display 				: block;
	height                  : 75px;
	width                   : 165px;
	position                : absolute;
	bottom                  : 0;
	right                   : 0;
}


#contentRight
{
	margin                  : 0px 0px 10px 0px;
	padding                 : 10px 10px 10px 10px;
	width                   : 620px;	
	height                  : auto;
	float                   : right;
}




/*################
##### FOOTER #####
################*/ 

#footer 
{
	margin		 			: 0px auto 0px auto;
	padding		 			: 0px 0px 0px 0px;
	background				: url('../images/bkgrnd-footer.gif') top left repeat-x;
	
	position                : absolute;
    bottom                  : 0;
    width                   : 100%;
    height                  : 31px;   /* Height of the footer */
}
#footerInner 
{
	margin		 			: 0px auto 0px auto;
	padding		 			: 0px 10px 0px 10px;
	width                   : 920px;
	line-height             : 2.8em;
	color                   : #E0BEE4;
}


#footer a 
{
	text-decoration			: none;
	color					: #FFF;
}
#footer a:hover
{
	color					: #FFF;
	text-decoration			: underline !important;
}
#footerLinks
{
    float                   : right;
}
#footerLinks a
{
	margin		 			: 0px 0px 0px 10px;
	padding		 			: 0px 0px 0px 10px;
	border-left             : 1px solid #D5A7DA;
}




/*#################
##### TEASERS #####
#################*/ 

/* ---- TEASERS  ---- */
.teaserLoginHeader, .teaserLoginHeaderWelsh, .teaserWelcomeHeader, .teaserNewsHeader, .teaserMembersHeader, .teaserStandardsHeader
{
    margin                  : 10px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    width                   : 255px;
    height                  : 41px;
    background				: url('../images/teaser-login-header.png') top left no-repeat;
}

.teaserWelcomeHeaderWelsh
{
    margin                  : 10px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    width                   : 255px;
    height                  : 41px;
    background				: url('../images/teaser-login-header-w.png') top left no-repeat;        
}

.teaserWelcomeHeaderWelsh h1
{
    display                 : none;
}

.teaserLoginHeaderWelsh
{
    background              : url('../images/teaser-login-header-w.png') top left no-repeat;     
}
.teaserLoginHeaderWelsh h1
{
    display                 : none;
}

.teaserStandardsHeaderWelsh
{
    margin                  : 10px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    width                   : 255px;
    height                  : 41px;
    background				: url('../images/teaser-standards-header-w.png') top left no-repeat;
}

.teaserWelcomeHeader
{
    background				: url('../images/teaser-welcome-header.png') top left no-repeat;
}
.teaserNewsHeader
{
    background				: url('../images/teaser-news-header.png') top left no-repeat;
}
.teaserNewsHeaderWelsh
{
    background				: url('../images/teaser-news-header-w.png') top left no-repeat;
}
.teaserMembersHeader
{
    background				: url('../images/teaser-member-header.png') top left no-repeat;
}
.teaserMembersHeaderWelsh
{
    background				: url('../images/teaser-member-header-w.png') top left no-repeat;
}
.teaserStandardsHeader
{
    background				: url('../images/teaser-standards-header.png') top left no-repeat;
}
.teaserStandardsHeaderWelsh
{
    background				: url('../images/teaser-standards-header-w.png') top left no-repeat;
}
.teaserLoginHeader h1, .teaserWelcomeHeader h1, .teaserNewsHeader h1, .teaserMembersHeader h1, .teaserStandardsHeader h1, .teaserMembersHeaderWelsh h1, .teaserNewsHeaderWelsh h1, .teaserStandardsHeaderWelsh h1
{
    visibility              : hidden
}

.teaser, .teaserNews, .teaserStandards
{
    margin                  : 0px 0px 10px 0px;
    padding                 : 10px 10px 10px 10px;
    width                   : 235px;
    height                  : auto;
    position                : relative;
    background				: url('../images/bkgrnd-teaser.png') bottom left no-repeat;
}
.teaserNews
{
    margin                  : 0px 0px 10px 0px;
    padding                 : 0px 1px 10px 1px;
    width                   : 253px;
}
.teaserStandards
{
    padding                 : 5px 10px 35px 10px;
    min-height              : 75px;
    background				: url('../images/bkgrnd-teaser-standards.png') bottom left no-repeat;
}
.teaser p, .teaserNews p, .teaserStandards p
{
    font-size               : 11px;
    line-height             : 1.3em;
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
}
.teaser h2, .teaserNews h2, .teaserStandards h2
{
    font-size               : 18px;
    line-height             : 1.3em;
    margin                  : 0px 0px 0px 0px;
    padding                 : 5px 0px 5px 0px;
}
.teaser span, .teaserStandards span
{
    display                 : none;
  
}




/*##############################
##### NEWS/MEMBER ARTICLES #####
##############################*/ 

/*--- News Article ---*/
.newsArticle
{
    margin                  : 15px 0px 15px 0px;
    padding                 : 10px 0px 0px 0px;
    height                  : auto;
    border-top              : 1px solid #CCC;
}
.newsArticle h1
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
}
.newsArticle h1 a
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
    font-size               : 16px;
    color                   : #7C3684;
    font-weight             : normal;
}
.newsArticle p
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
    font-size               : 12px;
}
.newsArticle em
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
    color                   : #666666;
    font-size               : 11px;
}
.newsArticle a
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
}

.newsArticle img
{
    margin                  : 10px 0px 20px 20px;
    padding                 : 0px 0px 0px 0px;
    width                   : 250px;
    height                  : 250px;
    border                  : 1px solid #CCC;
    float                   : right;
}


/*--- News Paging ---*/
.newsPaging
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    float                   : right;
}
ul.newsPaging 
{
	margin 					: 5px 0px 0px 0px !important;
	padding					: 0px 0px 0px 0px !important;
	display                 : block;
	height					: 21px;
	list-style 				: none;
}
ul.newsPaging li
{
	margin 					: 0px 0px 0px 0px !important;
	padding					: 0px 0px 0px 0px !important;
	display 				: inline !important;
}
ul.newsPaging li a
{
	margin					: 0px 4px 0px 0px;
	padding					: 1px 0px 0px 0px;
	display 				: block;
	float                   : left;
	width                   : 19px;
	height 					: 18px;
	color					: #666 !important;
	text-decoration 		: none !important;	
	text-align              : center;
	font-size 				: 12px;
	border                  : 1px solid #999;
}
ul.newsPaging li a:hover, ul.newsPaging li a.selected
{
	text-decoration 		: none !important;	
	border                  : 1px solid #666;
	background-color        : #CCC
}
ul.newsPaging li a.selected
{
	color					: #FFF !important;
	background-color        : #999;
}

/*--- E-Briefing Articles ---*/
.ebriefing
{    
    margin                  : 15px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    height                  : auto;
    border-top              : 1px solid #CCC;
}
.ebriefing p
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 15px 0px 0px 0px;
    font-size               : 16px;
    color                   : #999999;
    font-weight             : normal;
}
.ebriefing p a
{
    color                   : #333 !important;
}
.ebriefing p span
{
    color                   : #333 !important;
}




/*###############
##### MISC. #####
###############*/ 

.hr
{
    margin                  : 10px 0px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    width                   : 100%;
    border-top              : 1px solid #CCC;
}
.affilations
{
    margin                  : 20px 0px 20px 0px;
    padding                 : 0px 0px 0px 0px;
    display                 : block;
    text-align              : center;
}
.affilations img
{
    margin                  : 0px 0px 10px 0px;
    padding                 : 0px 0px 0px 0px;
}

.imgLeft
{
    margin                  : 10px 20px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    float                   : left;
    border                  : 1px solid #999;
}

.imgRight
{
    margin                  : 10px 0px 10px 20px;
    padding                 : 0px 0px 0px 0px;
    float                   : right;
    border                  : 1px solid #999;
}

.newsImg img
{
    margin                  : 10px 0px 10px 20px;
    padding                 : 0px 0px 0px 0px;
    float                   : right;
    display                 : block;
    border                  : 1px solid #999;
}

/* ---- VARIOUS TABLES ---- */
.tbl, .tblSearch, .tblLogin, .tblArticles
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
}
.tbl
{
	margin					: 10px 0px 10px 0px;
	width					: 100%;
}
.tblArticles
{
	margin					: 10px 0px 10px 0px;
	width					: 100%;
}
.tbl td, .tblSearch td, .tblLogin td, .tblArticles td
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: top;
	height                  : 26px;	
}
.tbl td
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: middle;
	height                  : 35px;
}

.tblLogin td
{
	font-size               : 11px !important;
	color                   : #803888;
}
.tblArticles td
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: middle;
	height                  : 20px;
}
.tblArticles span
{
	color                   : #666;
}
.tbl em
{
	color                   : #777;
    font-size               : 90%;
    line-height             : 1.4em;
}


/* ---- DEFAULT FORM FIELDS ---- */
.textField, .textArea, .ddlField
{
	width					: 300px;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 2px 0px 2px;
	height					: 20px;
	font-size				: 12px;
	float					: right;
	color                   : #333;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	border                  : 1px solid #ADADAD;
}
.textArea
{
	height					: 90px;
	margin					: 5px 0px 5px 0px;
	padding					: 5px 2px 5px 2px;
}
.ddlField
{
	margin					: 0px 0px 0px 0px;
	padding					: 3px 3px 3px 0px;
	height					: 24px;
	width					: 175px;	
}
.chkBoxTable
{
	float					: right;
}
.chkBoxTable label
{
    padding                 : 0 0 0 5px;
}
.chkBox
{
	float					: right;
}
.radioBtn
{
	float					: right;
	margin					: 0px 0px 0px 20px;
}



/* ---- TEASER FORM FIELDS ---- */
.textFieldTeaser, .textAreaTeaser, .ddFieldTeaser
{
	width					: 196px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 2px 0px 2px;
	height					: 18px;
	font-size				: 11px;
	float					: left;
	color                   : #555;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	border                  : 1px solid #C586CC;
}
.textAreaTeaser
{
	height					: 90px;
}
.ddFieldTeaser
{
	margin					: 0px 0px 0px 0px;
	padding					: 2px 2px 2px 0px;
	height					: 21px;
	width					: 175px;
}



/* ---- STANDARDS BUTTON ---- */
button.btnStandards, input[type="button"].btnStandards, input[type="submit"].btnStandards, .btnStandards, 
button.btnStandards-w, input[type="button"].btnStandards-w, input[type="submit"].btnStandards-w, .btnStandards-w
{
	margin					: 0px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	background				: url('../images/btnStandards.png') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	position                : absolute;
	bottom                  : 0;
	left                    : 0;
}

button.btnStandards-w, input[type="button"].btnStandards-w, input[type="submit"].btnStandards-w, .btnStandards-w
{
    	background				: url('../images/btnStandards-w.png') top left no-repeat;
}

button.btnStandards:hover, input[type="button"].btnStandards:hover, input[type="submit"].btnStandards:hover, .btnStandards:hover
{
	background				: url('../images/btnStandards.png') bottom left no-repeat;
}

button.btnStandards-w:hover, input[type="button"].btnStandards-w:hover, input[type="submit"].btnStandards-w:hover, .btnStandards-w:hover
{
	background				: url('../images/btnStandards-w.png') bottom left no-repeat;
}



/* ---- LOGIN BUTTONS ---- */
button.btnRegister, input[type="button"].btnRegister, input[type="submit"].btnRegister, .btnRegister,
button.btnLogin, input[type="button"].btnLogin, input[type="submit"].btnLogin, .btnLogin,
button.btnLogin2, input[type="button"].btnLogin2, input[type="submit"].btnLogin2, .btnLogin2
{
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	cursor					: pointer;
	border                  : none;
	float                   : left;
	background				: url('../images/btnRegister.png') top left no-repeat;
}

.btnRegisterWelsh
{
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	cursor					: pointer;
	border                  : none;
	float                   : left;
	background				: url('../images/btnRegister-w.png') top left no-repeat;
}

button.btnLogin, input[type="button"].btnLogin, input[type="submit"].btnLogin, .btnLogin
{
	background				: url('../images/btnLogin.png') top left no-repeat;
	float                   : right;
}

.btnLoginWelsh
{
    padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	cursor					: pointer;
	border                  : none;
    background				: url('../images/btnLogin-w.png') top left no-repeat;
	float                   : right;
}
.btnLoginWelsh:hover
{
    background				: url('../images/btnLogin-w.png') bottom left no-repeat;
	float                   : right;
}

.btnLogin2Welsh
{
    padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	cursor					: pointer;
	border                  : none;
    background				: url('/images/btnLogin2-w.gif') top left no-repeat;
	float                   : right;
}
.btnLogin2Welsh:hover
{
    background				: url('/images/btnLogin2-w.gif') bottom left no-repeat;
	float                   : right;
}


button.btnLogin2, input[type="button"].btnLogin2, input[type="submit"].btnLogin2, .btnLogin2
{
	background				: url('../images/btnLogin2.gif') top left no-repeat;
	float                   : right;
}
button.btnRegister:hover, input[type="button"].btnRegister:hover, input[type="submit"].btnRegister:hover, .btnRegister:hover
{
	background				: url('../images/btnRegister.png') bottom left no-repeat;
}

.btnRegisterWelsh:hover
{
    background				: url('../images/btnRegister-w.png') bottom left no-repeat;
}

button.btnLogin:hover, input[type="button"].btnLogin:hover, input[type="submit"].btnLogin:hover, .btnLogin:hover
{
	background				: url('../images/btnLogin.png') bottom left no-repeat;
}
button.btnLogin2:hover, input[type="button"].btnLogin2:hover, input[type="submit"].btnLogin2:hover, .btnLogin2:hover
{
	background				: url('../images/btnLogin2.gif') bottom left no-repeat;
	float                   : right;
}


/* ---- MEMBER AREA BUTTONS ---- */
button.btnAdd, input[type="button"].btnAdd, input[type="submit"].btnAdd, .btnAdd,
button.btnUpdate, input[type="button"].btnUpdate, input[type="submit"].btnUpdate, .btnUpdate,
button.btnLogout, input[type="button"].btnLogout, input[type="submit"].btnLogout, .btnLogout
{
	margin					: 8px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 237px;
	background				: url('/images/btnAdd.png') top left no-repeat;
	cursor					: pointer;
	border                  : none;
}

.btnAddWelsh
{
    margin					: 8px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 237px;
	cursor					: pointer;
	border                  : none;
    background              : url('/images/btnAdd-w.png') top left no-repeat;
}

.btnUpdateWelsh
{
    background              : url('/images/btnUpdate-w.png') top left no-repeat;
    margin					: 8px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 237px;
	cursor					: pointer;
	border                  : none;
}

.btnLogoutWelsh
{
    background              : url('/images/btnLogout-w.png') top left no-repeat;
    margin					: 8px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 237px;
	cursor					: pointer;
	border                  : none;
}

.btnAddWelsh:hover, .btnUpdateWelsh:hover, .btnLogoutWelsh:hover
{
    background-position     : bottom;
       
}

button.btnUpdate, input[type="button"].btnUpdate, input[type="submit"].btnUpdate, .btnUpdate
{
	background				: url('/images/btnUpdate.png') top left no-repeat;
}
button.btnLogout, input[type="button"].btnLogout, input[type="submit"].btnLogout, .btnLogout
{
	background				: url('/images/btnLogout.png') top left no-repeat;
}


button.btnAdd:hover, input[type="button"].btnAdd:hover, input[type="submit"].btnAdd:hover, .btnAdd:hover
{
	background				: url('/images/btnAdd.png') bottom left no-repeat;
}
button.btnUpdate:hover, input[type="button"].btnUpdate:hover, input[type="submit"].btnUpdate:hover, .btnUpdate:hover
{
	background				: url('/images/btnUpdate.png') bottom left no-repeat;
}
button.btnLogout:hover, input[type="button"].btnLogout:hover, input[type="submit"].btnLogout:hover, .btnLogout:hover
{
	background				: url('/images/btnLogout.png') bottom left no-repeat;
}


/* ---- GENERAL FORM BUTTONS ---- */
button.btnSubmit, input[type="button"].btnSubmit, input[type="submit"].btnSubmit, .btnSubmit
{
	margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	background				: url('/images/btnSubmit.gif') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;
}

.btnSubmitWelsh
{
    margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	background				: url('/images/btnSubmit-w.gif') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;   
}

.btnSubmitWelsh:hover
{
    background				: url('/images/btnSubmit-w.gif') bottom left no-repeat;
}

button.btnSubmit:hover, input[type="button"].btnSubmit:hover, input[type="submit"].btnSubmit:hover, .btnSubmit:hover
{
	background				: url('../images/btnSubmit.gif') bottom left no-repeat;
}

button.btnSubmit span, input[type="button"].btnSubmit span, input[type="submit"].btnSubmit span, .btnSubmit span
{
	display                 : none;
}

button.btnCancel, input[type="button"].btnCancel, input[type="reset"].btnCancel, .btnCancel
{
	margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	background				: url('/images/btnCancel.gif') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;
}

button.btnCancel:hover, input[type="button"].btnCancel:hover, input[type="reset"].btnCancel:hover, .btnCancel:hover
{
	background				: url('../images/btnCancel.gif') bottom left no-repeat;
}

button.btnCancel span, input[type="button"].btnCancel span, input[type="reset"].btnCancel span, .btnCancel span
{
	display                 : none;
}


.btnDeleteProfile
{
	margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 240px;
	background				: url('/images/btnDeleteProfile.gif') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;
}
.btnDeleteProfile:hover
{
	background				: url('../images/btnDeleteProfile.gif') bottom left no-repeat;
}

.btnDeleteProfile span
{
	display                 : none;
}

.btnEditProject
{
    margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 240px;
	background				: url('/images/btnEdit.jpg') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;
}

.btnEditProject:hover
{
	background				: url('../images/btnEdit.jpg') bottom left no-repeat;
}

.btnEditProject span
{
	display                 : none;
}

button.btnStep2, input[type="button"].btnStep2, input[type="submit"].btnStep2, .btnStep2
{
	margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	background				: url('/images/btnStep2.gif') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;
}

.btnStep2Welsh
{
	margin					: 10px 0px 8px 8px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	height					: 25px;
	width                   : 115px;
	background				: url('/images/btnStep2-w.gif') top left no-repeat;
	cursor					: pointer;
	border                  : none;
	float                   : right;
}

.btnStep2Welsh:hover
{
	background				: url('../images/btnStep2-w.gif') bottom left no-repeat;
}


button.btnStep2:hover, input[type="button"].btnStep2:hover, input[type="submit"].btnStep2:hover, .btnStep2:hover
{
	background				: url('../images/btnStep2.gif') bottom left no-repeat;
}

button.btnStep2 span, input[type="button"].btnStep2 span, input[type="submit"].btnStep2 span, .btnStep2 span
{
	display                 : none;
}