/* Start of CMSMS style sheet 'gc_main' */
/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
}

.devider {
 clear:both;
 width:100%;
 font-size:1px;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: verdana;
  font-size: 100%;
  letter-spacing: .1em;
 float:left;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  letter-spacing: .1em;
  font-weight: normal;
  text-decoration: none;
  color:black;
}

img{border: 0px;}

a{outline: none;}

input.btn {
 font-size:100%;
}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{width: 882px; border:0px solid black; font-size:100%;}

/* header */
#header
{ width: 100%;
  height: 180px;
  border:0px solid black;
  text-align:center;
overflow:hidden;
}
/* logo */
#logo
{ padding: 2px 0px 0px 0px;
  float: left;
  margin: 9px 15px 0px 15px;
}

#plug
{ padding: 2em 2em 0px 1em;
  float: right;
  text-align: center;
  border:0px solid black;
  font-size:120%;
  width:300px;
}


#logo h1
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 18px 0px 0px 0px;
  font-size: 160%;
  letter-spacing: .3em;
}

#logo h2
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 100%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu{ margin: 0px 15px 0px 15px; background-color:#FF0000; text-align:center;}

#menu a { 
 padding: 0.6em; 
 margin: 0.2em; 
 color:white;
 text-decoration:none;
 font-size:105%;
} 

#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a, #menu li a#selected, #menu li a:hover 
{ font-family: verdana, arial, sans-serif;
  display: block; 
  float: left; 
  height: 7px;
  text-decoration: none; 
  margin: 5px 0px 0px 0px;
  padding: 12px;
  text-transform: uppercase;
  font-size: 80%;
} 

#links
{ float: right; 
  width: 100px;
  text-align: right;
  padding: 0px 18px 0px 0px;
}

/* sidebars */
.sidebar
{ float: left;
  width: 194px;
  padding: 16px 15px 15px 15px;
}
.sidebarright {
 float: left;
 width: 226px;
 padding: 16px 15px 15px 15px;
}

/* sidebar items / links */
.sidebaritem
{ text-align: left;
  width: 194px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}
.sidebarright .sidebaritem {
 width: 226px;
 
}
.sidebarbanner {
 margin: 0px 0px 11px 0px;
 padding: 0px 0px 0px 0px;
 text-align:center;
}

.sidebarright .sidebarbanner {
 width: 226px;
 margin: 0px 0px 11px 0px;
 padding: 0px 0px 0px 0px;
 text-align:center;
}
.sidebarbanner img {
 border:1px solid #FF0000;
 padding:2px;
 margin-bottom:0.5em;
}


.sidebaritem h1, .sidebaritem h2, .sidebaritem p{margin: 0px 10px 0px 10px}

.sidebaritem h1
{ font-weight: normal; padding: 8px 0px 16px 0px;
  text-transform: uppercase;
  
}
.sidebaritem h2 { 
 margin: 0px 10px 0px 25px
}


.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}

.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 14px;
  text-decoration: none;
}

.sbilinks ul{margin: 0px 0px 18px 10px;}

.sbilinks li
{ list-style: none; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}

.sbilinks li a, .sbilinks li a:hover
{ height: 16px;
  text-decoration: none; 
  width: 149px;
} 

/* page content (centre) */
#content
{ text-align: left;
  width: 384px;
  padding: 11px 9px 15px 9px;
  margin-top: 16px;
  float: left;
  background-color:inherit;
}

#content h1
{ font-family: georgia, sans-serif;
  margin: 5px 0px 12px 0px; 
  font-size: 228%;  
  font-weight: normal;
  letter-spacing:0.3em;
  
}

#content a, #content a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#content ul { width:80%; }
#content ul li { margin-bottom:10px; }
#content .personal ul li { margin-bottom:5px;text-transform: capitalize; }
#content .personal { margin-bottom:20px; }




/* footer */
#footer
{ height: 44px;  
  padding: 18px 0px 4px 0px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  border-top: 1px solid #F90B0B;
  margin: 4px 15px 4px 20px;
}

#footer a
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dashed #F90B0B;
}

#footer a:hover
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid #F90B0B;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom, .mtop, .mbottom{display: block;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4,
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1, .m1{margin: 0 5px}

.r2, .m2{margin: 0 3px}

.r3, .m3{margin: 0 2px}

.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{ margin: 0 1px;
  height: 2px
}

.mtop {
 margin-bottom:0.5em;
}
.mbottom {
 margin-top:0.5em;
}

form { margin:0px;padding:0px; }
#imgSlide { border:0px solid black; float:right; margin-right:15px;margin-top:17px;height:230px; }
#imgSlide p {
padding:0px;
margin:0px;
}

.updatedThe {text-align:right;width:100%;clear:both;color:#6EAB03;font-size:80%;margin-top:15px;}
.personal { float:left;width:180px; }
.para {width: 380px;}
.para ol li ul li { padding-top:0px;padding-bottom:0px;padding-top:0px;margin-top:0px;margin-bottom:0px;text-align:left; }
.imgFrame { width:370px; border:1px solid #777777; margin:0.5em 0em 0.5em 0em; padding:3px; }




/* Next */


blockquote{border-color: #777;}

h1
{ background: transparent;
  color: #000000;
}

body{background-color: #ffffff;}

#logo, #logo h1
{ background: transparent;
  color: #000;
}

#menu, #menu li a
{ background: #FF0000;
  color: #F5F6F0;
  font-weight:bold;
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: #FF0000;
  color: #7FC00E;
  border-color: #B1BCA4;
}

#left_sidebar, #content, #right_sidebar, #content a:hover
{ background: #FFF;
  color: #777;
}

.sidebaritem
{ background: #FF0000;
  color: #ffffff;
  font-weight:bold;
} 

.sbilinks li a, .sidebaritem a
{ background: transparent url(arrow.png) no-repeat left center;
  color: #ffffff;
} 

.sbilinks li a:hover, .sidebaritem a:hover
{ background: transparent url(arrow_select.png) no-repeat left center;
  color: #555;
} 

#content h1
{ background: #FFF;
  color: #6EAB03;
}

#content a
{ background: transparent;
  color: #F06B00;
}

#footer
{ background: transparent;
  color: #414141;
  border-color: #F90B0B;
}

#plug, #footer a, #footer a:hover
{ background: transparent;
  color: #414141;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */


.rtop, .rbottom{background: #FFF;}
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4{background: #FF0000;}
.mtop, .mbottom{background: #FFF;}
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4{background: #FF0000;}

.lks ul li a {  
 color:red;
 text-decoration:none;
}
.lks ul li a:hover {  
 color:white;
 background-color:yellow;
 text-decoration:none;
 font-weight:bold;
}



#slideshow {
position:relative;
    height:230px;
left:230px;
margin-top:17px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}
/* modules  */
#selfRegFormWrap {
 width:384px;
 border:0px solid black;
}
#selfRegFormWrap input, #selfRegFormWrap textarea {
 width:90%;
}




.topLevelItem, .subItem {

}
.topLevelItem {
 padding:0.3em 0em 0.3em 0em;
}
.subItem{
 background-color:#7F7F7F;
 padding:0.2em 0em 0.2em 1em;
 border-bottom:1px solid #6F6F6F;
}
.subItem a {
 font-weight:normal;
}
.topLevelCurrent {
 background-color:#7F7F7F;
 border-top:1px solid #6F6F6F;
 border-bottom:1px solid #6F6F6F;
}
.topLevelItem a:hover, .subItem a:hover {
 color: #4F4F4F;
}

/* previews */
.summary_list {
 
}

.summary_item {
 border:1px solid #FF0000;
 padding:0.5em;
 margin:0em 0em 0.5em 0em;
}

.summary_list h2 {
 color:#4F4F4F;
 font-size:130%;
 font-weight:bold;
}

.feedbackformwrap {
 width:384px;
 border:0px solid #FF0000;
}

.feedbackformwrap legend {
 padding-bottom:0em;
}


.feedbackformwrap input {
 width:150px;
}
.feedbackformwrap textarea {
 width:90%;
}
.feedbackformwrap label{
 display:block;
 padding-top:1em;
}
.feedbackformwrap label.label{
 display:inline;
}

.access_deny_msg {
 border:5px dashed #dddddd;
 padding:1em;
 margin:1em 0em 1em 0em;
 text-align:center;
 color:red;
 font-weight:bold;
}

div.sidebarbanner p {
 margin-top:0em;
 margin-bottom:0em;
 padding-top:0em;
 padding-bottom:0em;
}
div.sidebarbanner p a {
 margin-top:0em;
 margin-bottom:0em;
 padding-top:0em;
 padding-bottom:0em;
}

.copy {
 margin-top:1em;
 color:#666666;
 text-transform: none;
 font-size:90%;
}
.sharebtn {
 border:0px solid black; width:150px; float:right; margin:0em 0em 1em 0em;
}
/* End of 'gc_main' */

