/* Universal */
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    background: #000 url(../images/logo-bg.jpg) top center repeat-x;
	font: 14px Trebuchet MS, Georgia, Times New Roman, Times, Arial, serif;
}

/* Links */

a:link {color: #DECB3C; text-decoration: underline;}
a:active {color: #DECB3C; text-decoration: none;}
a:visited {color: #DECB3C; text-decoration: underline;}
a:hover {color:red;}

/* Fonts */
.fonty{
    color: #DECB3C; 
    }
.fontw{
    color: #FFF; 
    }
.fontg{
    color: #56B324;
    }
.fontr{
    color: red;
    }
.fontlg{
    font: 16px;
    }
.fontsm{
    font: 10px;
    }
 
/* Header */
#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
#headertop {
    margin: 0 auto;
    width: 1000px;
	height: 158px; 
	padding: 0;
	background: url(../images/header_top.jpg) no-repeat;
}
#menubar {
	margin: 0 auto;
	width: 1000px;
	height: 24px;
	padding: 0;
	background: url(../images/header_menu.jpg) no-repeat;
}
#headerbot {
	margin: 0 auto;
	width: 1000px;
	height: 24px;
	padding: 0;
	background: url(../images/header_3a.jpg) top left no-repeat;
}

/* Main panel */
#main {
	margin: 0 auto;
	width: 1000px;
	height: 430px;
	padding: 0;
    float: center;
    position:relative;
}
#main img {
	margin: 0 auto;
	width: 100px;
	height: 32px;
	padding: 0;
    float: left;
    position:absolute;
    left: 131px;
    top: 0;
    z-index: 3;
}
#content {
	margin: auto;
	width: 936px;
	height: 390px;
    float: center;
    border: 4px ridge #56B324;
    /*border-radius: 10px;*/
    position:relative;
    top: 8px;
    z-index: 1;     
}
#content_l {
    margin: auto;
    width: 490px;
    height: 390px;
    float: left;
} 
#content_r {
    margin: auto;
    width: 446px;
    height: 390px;
    float: right;
}

/* Content: Whole panel */
#abouttop {
    margin: 0 auto;
    height: 170px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 18px;
} 
#aboutbot {
    margin: 0 auto;
    height: 190px;
    float: left;
    padding-left: 18px;
    padding-right: 18px;
}
#aboutleft {   
    margin: 0 auto;
    width: 500px;
    height: 180px;
    float: left;
} 


#faceplot {   
    margin: 0 auto;
    width: 253px;
    height: 177px;
    float: left;
    padding-left: 147px;
    padding-top: 3px;
}
#facebox {   
    margin: 0 auto;
    width: 233px;
    height: 155px;
    border: 4px ridge #56B324;
    float: left;
    position:relative;
}
#face {   
    margin: 0;
    width: 233px;
    height: 155px;  
	background: url(../images/aanda1.jpg) top left no-repeat;
}

/*
#faces {   
    margin: 0 auto;
    width: 292px;
    height: 152px;
    float: left;
    padding-top: 28px;
    padding-left: 108px;
}
#facebox1, #facebox2 {   
    margin: 0 auto;
    width: 130px;
    height: 120px;
    border: 4px ridge #56B324;
    float: left;
    position:relative;
}
#face1, #face2 {   
    margin: 0;
    width: 130px;
    height: 120px;
}
#face1 {   
	background: url(../images/alice1.jpg) top left no-repeat;
}

#facebox2 {   
    left: 15px;
}
#face2 {   
	background: url(../images/ailis1.jpg) top left no-repeat;
}
*/

#contactus {
    margin: 0 auto;
    height: 360px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 18px;
} 


#content_ev {
	margin: auto;
	width: 936px;
	height: 840px;
    float: center;
    border: 4px ridge #56B324;
    /*border-radius: 10px;*/
    position:relative;
    top: 8px;
    z-index: 1;     
}
#events {
    margin: 0 auto;
    height: 810px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 18px;
} 

#content_ph {
	margin: auto;
	width: 936px;
	height: 790px;
    float: center;
    border: 4px ridge #56B324;
    /*border-radius: 10px;*/
    position:relative;
    top: 8px;
    z-index: 1;     
}
#photos {
    margin: 0 auto;
    height: 760px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 18px;
} 

#lkspace {
    margin: 0 auto;
    width: 850px;
    height: 360px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
} 
#lkspace_l {
    margin: auto;
    width: 200px;
    height: 390px;
    float: left;
} 
#lkspace_r {
    margin: auto;
    width: 650px;
    height: 390px;
    float: right;
}


/* Content: Left panel */
#welcome {
    margin: 0 auto;
    width: 472px;
    height: 180px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
} 

#links {   
    margin: 0 auto;
    width: 472px;
    height: 180px;
    float: left;
    padding-left: 18px;
}
#links a:link {color: #DECB3C; text-decoration: none;}
#links a:visited {color: #DECB3C; text-decoration: none;}

#linkbox1, #linkbox2, #linkbox3 {   
    margin: 0 auto;
    width: 136px;
    height: 120px;
    border: 4px ridge #56B324;
    float: left;
    position:relative;
    top: 28px;
}
#linkbox2outer {   
    margin: 0 auto;
    width: 144px;
    height: 128px;
    float: left;
    position:relative;
    top: 28px;
}
#linkbox2u {   
    margin: 0 auto;
    width: 136px;
    height: 53px;
    border: 4px ridge #56B324;
    float: left;
    position:relative;
    top: 0px;
}
#linkbox2l {   
    margin: 0 auto;
    width: 136px;
    height: 53px;
    border: 4px ridge #56B324;
    float: left;
    position:relative;
    top: 6px;
}
#linkbox1:hover, #linkbox2:hover, #linkbox2u:hover, #linkbox2l:hover, #linkbox3:hover {
    border-color: red;
}

#linkhead {   
    margin: 0;
    width: 130px;
    height: 17px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;    
    border-right: 3px solid #000;
	background: #56B324;
    color: #000;
    text-align:center;
}
#fontr1 {
    color: red;
    }

#linkbox1:hover>#linkhead, #linkbox2:hover>#linkhead, #linkbox2u:hover>#linkhead, #linkbox2l:hover>#linkhead, #linkbox3:hover>#linkhead {
    background-color: red;
}
#linkbox2u:hover>#linkhead #fontr1, #linkbox2l:hover>#linkhead #fontr1 {
    color: white;
}

#link1, #link2, #link3 {   
    margin: 0;
    width: 130px;
    height: 94px;
    border: 3px solid #000;
}
#link2u, #link2l {   
    margin: 0;
    width: 130px;
    height: 27px;
    border: 3px solid #000;
}

#link1 {   
	background: url(../images/lk1.jpg) top left no-repeat;
}
#linkbox2 {   
    left: 15px;
}
#linkbox2outer {   
    left: 15px;
}
#link2 {   
	background: url(../images/lk2.jpg) top left no-repeat;
}
#link2u {   
	background: url(../images/lk2c.jpg) top left no-repeat;
}
#link2l {   
	background: url(../images/lk2m.jpg) top left no-repeat;
}
#linkbox3 {    
    left: 30px;
}
#link3 {   
	background: url(../images/lk3.jpg) top left no-repeat;
    background-size: 130px;
}


#videosbot {
    margin: 0 auto;
	width: 900px;
    float: left;
}
#videosbot a:link {color: #DECB3C; text-decoration: none;}
#videosbot a:visited {color: #DECB3C; text-decoration: none;}

#vidpic1, #vidpic2 {   
    margin: 0;
    width: 173px;
    height: 125px;
    border: 3px solid #000;
}
#vidpic1 {   
	background: url(../images/vd1.jpg) top left no-repeat;
}
#vidbox2 {   
    left: 30px;
}
#vidpic2 {   
	background: url(../images/vd2.jpg) top left no-repeat;
}


#content_mem {
	margin: auto;
	width: 936px;
	height: /*983 1180*/ 1574px;
    float: center;
    border: 4px ridge #56B324;
    /*border-radius: 10px;*/
    position:relative;
    top: 8px;
    z-index: 1;     
}
#memstop {
    margin: 0 auto;
    height: 127px;
	width: 900px;
    float: left;
    padding-top: 30px;
    padding-left: 18px;
    padding-right: 18px;
} 
#memsbot {
    margin: 0 auto;
	width: 900px;
    float: left;
}
#memspace {   
    margin: 0 auto;
    width: 225px;
    height: 197px;
    float: left;
}
#membox {   
    margin: 0 auto;
    width: 179px;
    height: 151px;
    border: 4px ridge #56B324;
    float: left;
    position:relative;
    top: 38px;
    left: 37px;
}
#membox:hover {
    border-color: red;
}
#memhead {   
    margin: 0;
    width: 173px;
    height: 17px;
    border-top: 3px solid #000;
    border-left: 3px solid #000;    
    border-right: 3px solid #000;
	background: #56B324;
    color: #000;
    text-align:center;
}
#membox:hover>#memhead {
    background-color: red;
}
#mempic1, #mempic2, #mempic3, #mempic4, #mempic5, #mempic6, 
#mempic7, #mempic8, #mempic9, #mempic10, #mempic11, #mempic12, 
#mempic13, #mempic14, #mempic15, #mempic16, #mempic17, #mempic18, 
#mempic19, #mempic20, #mempic21, #mempic22, #mempic23, #mempic24,
#mempic25, #mempic26 {   
    margin: 0;
    width: 173px;
    height: 125px;
    border: 3px solid #000;
}
#mempic1 {   
	background: url(../images/ExhNov2011s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic2 {   
	background: url(../images/CeiMar2012s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic3 {   
	background: url(../images/StPMar2012s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic4 {   
	background: url(../images/Worlds2012s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic5 {   
	background: url(../images/ExhNov2012s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic6 {   
	background: url(../images/TRMay2013s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic7 {   
	background: url(../images/TRNov2013s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic8 {   
	background: url(../images/CoCNov2013s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic9 {   
	background: url(../images/Worlds2014sub1.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic10 {   
	background: url(../images/Worlds2014sub2.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic11 {   
	background: url(../images/Worlds2014jnr1.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic12 {   
	background: url(../images/Worlds2014snr1.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic13 {   
	background: url(../images/Worlds2014u13_awards.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic14 {   
	background: url(../images/Worlds2014sub_awards.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic15 {   
	background: url(../images/ExhNov2014s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic16 {   
	background: url(../images/TRJan2015s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic17 {   
	background: url(../images/EoIApr2015s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic18 {   
	background: url(../images/CNAug2015s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic19 {   
	background: url(../images/ExhNov2015_1s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic20 {   
	background: url(../images/ExhNov2015_2s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic21 {   
	background: url(../images/CeilisJan2016s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic22 {   
	background: url(../images/TRJan2016s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic23 {   
	background: url(../images/MoSChPde2016s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic24 {   
	background: url(../images/IreCall2016s.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic25 {   
	background: url(../images/NANs2016u13_awards.jpg) top left no-repeat;
    background-size: 100% 100%;
}
#mempic26 {   
	background: url(../images/RdanceShowc2016.jpg) top left no-repeat;
    background-size: 100% 100%;
}

/* Slideshow */
#pics {
    margin: auto;
    width: 406px;
    height: 336px;
    border: 4px ridge #56B324;
    /*border-radius: 8px;*/
    float: right;
    position:relative;
    right: 19px;
    top: 23px;
} 
#pics img {   
    margin: auto;
    width: 400px;
    height: 330px;
    border:  3px solid #000;
    float: left;
    position:relative;
    left: 0px;
    top: 0px;
} 

/* Copyright message */
#copyright {
    margin: 0 auto;
    width: 500px;
    height: 20px;
    float: center;
    text-align: center;
	font: 10px Trebuchet MS, Georgia, Times New Roman, Times, Arial, serif;
    position:relative;
    top: 15px;    
} 

/* Visitor Counter */
#countertxt {
    margin: 0 auto;
    width: 300px;
    height: 40px;
    float: center;
    text-align: center;
	font: 14px Trebuchet MS, Georgia, Times New Roman, Times, Arial, serif;
    position:relative;
    top: 40px;    
} 
#counter {
    margin: 0 auto;
    width: 100px;
    height: 40px;
    float: center;
    text-align: center;
    position:relative;
    top: 25px;    
} 
#countertxt2 {
    margin: 0 auto;
    width: 300px;
    height: 20px;
    float: center;
    text-align: center;
	font: 11px Trebuchet MS, Georgia, Times New Roman, Times, Arial, serif;
    position:relative;
    top: 10px;    
} 

/* Menu */
#menu, #menu ul {
	display: inline;
	list-style: none;
	float: left;
	height: 24px;
	padding: 0;
	margin: 0;    
    position:relative;
    left:32%;
    text-align: left;
}
#menu li {
	display: block;
	float: left;
	height: 24px;
    _width:0px;
}
#menu a {
	font: 13px "Georgia", Tahoma, Arial, Georgia, Times New Roman, Times, serif;
	color: #000;
	text-decoration: none;
	display: block;
	margin: 0;
	height: 20px;
	padding: 4px 10px 0px 10px;
}
#menu a:hover {
	color: #52c811 ;
    background-color: #000 ;
}
#menu li ul {
	position: absolute;
	left: -999em;
    border-top: 3px ridge transparent;   
}
#menu li ul a {
	width: 65px;
	margin: 0;
	height: 20px;
	padding: 4px 10px 0px 10px;
    background-color: #DECB3C;   
}
#menu ul li a:hover {
	color: #DECB3C;
} 
#menu li:hover ul{
	left: auto;
	width: 65px;
    z-index: 5; 
} 




.contact input {
    width: 200px;
    border: 1px solid #DECB3C;
}
.contact select { 
    width: 202px; 
    border: 1px solid #DECB3C;
}
.contact textarea {
    width: 450px; 
    height: 90px; 
    border: 1px solid #DECB3C;
}
.contact input.buttonSubmit {
    cursor: pointer; 
    width: 100px; 
    height: 26px; 
    font-weight: bold; 
    font-size: 14px;  
    color: #000; 
    background-color: #DECB3C;
    text-align: center; 
}
.contact input.buttonSubmit:hover { 
    background-color: red; 
}