/***** CSS for the Glen Shields Soccer Club website - Suzanne Parr 05-03-09 *****/

/***** HTML Body style *****/
BODY { 
background: #09141a;
padding:0;
margin:0;
text-align: center;
}

/***** Structural styles *****/

.template_border { background: transparent;
WIDTH: 970px; line-height: 1px; font-size:1px; 
BORDER-TOP: #398ed8 1px solid;  
BORDER-RIGHT: #398ed8 1px solid;
BORDER-LEFT: #398ed8 1px solid;
BORDER-BOTTOM: #398ed8 1px solid;
POSITION:relative; top:20px; left:0px;  
padding: 0px;
margin: 0 auto;
}

/********* container for middle section = left sidebar + white 'content' section **********/
.main { WIDTH: 970px;
padding: 0px; MARGIN: 0px;
POSITION:relative; top:0px; left:0px;
background: #3e4042;
}

/********* 1st column = left-hand coloured sidebar **********/
.sidebar {
background-color:#000000;
background-image:url('images/gssc_sidebar.gif'); 
background-repeat:repeat-y; 
width:228px;
padding:0px; 
margin:0px; 
position:relative; 
top:0px; 
left:0px; 
float:left;
font: normal 13px Verdana,Arial,Helvetica;
color:#ffffff;  
text-align:left;
z-index:501;
}

/***** sidebar styles *****/

.inside_sidebar {
WIDTH: 228px; 
padding: 8px 0px 0px 20px; 
float:left;
}
.margin_sidebar { 
WIDTH: 20px; 
padding: 0px; 
float:left;
}


/********* container for content (2nd or 2nd AND 3rd columns) **********/
.content { 
background:#ffffff;
width:742px;
font: normal 13px Verdana,Arial,Helvetica; 
color:#131313;
text-align:left; 
margin:0; 
padding:0; 
position:relative; 
top:0px; 
left:0px; 
float:left;
z-index:500;  
}

.splash {
background-image:url('images/spacer.gif'); 
background-repeat:no-repeat;
}

/***** 2nd column for 2-column format ******/
.inside_content {
padding: 10px 20px 0px 22px; 
}

/***** 2nd column for (228-442-300) 3-column format ******/
.inside_left {
width: 442px;
padding:0;
margin:0; 
float:left; 
}
.inside_left2 {
width: 422px;
padding: 0px 0px 0px 0px;
margin:0; 
float:left; 
}
.inside_left3 {
width: 240px;
padding: 0px 0px 0px 0px;
margin:0; 
float:left; 
}

.inside_inside_left {
padding: 0px 10px 0px 24px; 
}
/***** 3rd column for (228-442-300) 3-column format ******/
.inside_right {
width: 300px;
margin:0;
padding: 0px 0px 0px 0px; 
float:left; 
}
.inside_right2 {
width: 320px;
margin:0;
padding: 0px 0px 0px 0px; 
float:left; 
}
.inside_right3 {
width: 502px;
margin:0;
padding: 0px 0px 0px 0px; 
float:left; 
}
.inside_inside_right {
padding: 10px 10px 0px 10px; 
}

/***** header styles - titlebar & page name banner *****/

.titlebar { background: #2c2f30; 
height: 260px; 
min-height:260px; 
width:970px;
padding: 0px; 
MARGIN: 0px;
}

/***** clear left alignment that permits inline divs or columns ******/
.clear { clear: left; }

/************ logos *********************/
.logo_shell { 
width: 700px; 
padding: 0; MARGIN: 0;
border: 0px none;
position:relative; top:0px; left:0px
}

.logos
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.logos li {display:inline;}
.logos li a
{
padding:0em;
text-decoration:none;
float:left;
border:0px none;
}


/***** Nav bar styles *****/
/***** Horizontal Nav bar *****/

.nav_main { background:#000000; 
width: 970px; height: 21px; min-height: 21px; 
padding: 0; MARGIN: 0;
border: 0px none;
position:relative; top:0px; left:0px
}
.horizontalnav
{
background:transparent;
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.horizontalnav li {display:inline;}
.horizontalnav li a
{
padding:0em;
text-decoration:none;
float:left;
border:0px none;
}

/***** Vertical Nav bar *****/
/***** to change font for 1st level mouseovers - place styles in 'verticalnav ul li a:hover' *****/
.verticalnav {
position:relative;
width:164px;
padding: 0;     
margin: 0;
border: 0px none;
font-size:11px;
font-weight:bold;
font-family:Verdana;
z-index:499;
}

.verticalnav ul { 
float:left;    
padding: 0px;
margin: 0px;
list-style: none;     
background-color:transparent;
}

.verticalnav ul li { 
float:left;
width:164px;  
height:18px;
line-height:18px;
margin-bottom:-1px;
color:#ffffff;
font-weight:bold;
font-family:Verdana;
font-size:11px;
cursor:pointer;
}

.verticalnav ul li a {
display:block;
color:#ffffff;
text-decoration:none;
border: 0px none;
padding : 0 0 0 2px;
}

.verticalnav ul ul {
display:none;
position: absolute;
margin-left:164px;
margin-top:-18px;
background-color:#333333;
border: 1px solid;
border-color:#ffffff:
}
.verticalnav ul li:hover ul {
display:block;
}
#nav ul li.sfhover ul {
display:block;
}

/**** add - 1st level highlight for 2nd level mouseover 29-05-09 SP ****/
.verticalnav ul li:hover {
background-color:#6dace3; 
color:#ffffff;
}

#nav ul li.sfhover {
background-color:#6dace3; 
color:#ffffff;
}
/***** end - 1st level highlight for 2nd level mouseover ******/

/**** change 2nd level font color ****/
.verticalnav ul ul li:hover a {
color:#171717;
}
#nav ul ul li.sfhover a {
color:#171717;
}
/**** end change 2nd level font color ***/

/**** end vertical nav ***/


/***** list styles *****/

.content ul
{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 2em;
	margin-left: 0;
	margin-top: 5;
	padding-left: 15;
	text-indent: 0;
}
.list_nobullet
{
	list-style-type:none;
	margin-left: 10; 
	margin-top: 0;
	padding: 0;
}
.list_nobullet li {
display:block;
}

/***** Display or Hide Div styles for - Constitution and Meet the Staff - Suzanne Parr June 30, 2009 *****/

/***** 2nd and 3rd column for (180-260-482) 3-column format ******/
.inside_left_show {
width: 260px;
padding:0;
margin:0; 
float:left; 
}
.inside_inside_left_show {
padding: 0px 0px 0px 20px; 
}

.inside_right_show {
width: 482px;
margin:0; 
padding:0; 
float:left; 
}
.inside_inside_right_show {
padding: 0px 10px 0px 20px; 
}
.inside_inside_right_show2 {
padding: 0px 10px 0px 0px; 
}

/***** end 2nd and 3rd column for 3-column format ******/

.show_picture { background: #ffffff;
padding:0px;
margin:0px;
height:280px;
border: 0px none; 
}

.show_text { background: #dbeaf7;
height:600px;
overflow:scroll;
padding: 10px 5px 0px 10px;
}

.width1
{width:400px;}
.width2
{width:240px;}
.width3
{width:320px;}


.constitution_text { 
width:460px;
height:540px;
overflow:scroll;
padding: 10px 10px 0px 10px;
}

.list_sections
{
	margin-left: 0;
	margin-top: 0;
	padding: 0;
}

.list_sections li
{
	list-style:none;
	margin-bottom:10px; 
}

.list_sections li a
{text-decoration: none;
cursor: pointer; 
cursor: hand;
}
.list_sections li a:hover
{text-decoration: none;
}

.thumbs_tight
{
background:transparent;
padding: 0px;
margin: 0px;
white-space:nowrap;
list-style-type:none;
}
.thumbs_tight li {
display:inline;
padding:0px 2px 0px 0px;
}

.thumbs_tight li a {
text-decoration:none;
border:none;
}

/***** End Display and Hide Divs styles *****/


/***** main content link styles *****/
.content a:link { color: #131313; TEXT-DECORATION: underline
}
.content a:hover { color: #131313; TEXT-DECORATION: underline
}
.content a:active { color: #131313; TEXT-DECORATION: underline
}
.content a:visited { color: #131313; TEXT-DECORATION: underline
}

/***** quote block styles *****/
.quote { width:274px; margin:0; padding:0; BORDER: #1c3a54 1px solid; overflow:hidden;  }
.quote_red { width:274px; margin:0; padding:0; BORDER: #93010a 1px solid; overflow: hidden;  }
.quote_big { width:400px; margin:0; padding:0; BORDER: #1c3a54 1px solid; overflow: hidden; }
.quote_big_red { width:400px; margin:0; padding:0; BORDER: #93010a 1px solid; overflow: hidden; }
.inside_quote_big { width:400px; height:140px; overflow:scroll; color:#d9e1e8; margin:0; padding:4px 4px 4px 6px; text-align:left;
font-weight:normal; font-size:11px; font-family:Verdana,Arial,Helvetica; color:#131313;}
.inside_quote { width:274px; height:120px; overflow:scroll; margin:0; padding:4px 4px 4px 6px; text-align:left;
 font-weight:normal; font-size:11px; font-family:Verdana,Arial,Helvetica; color:#131313;}
.inside_quote2 { width:274px; height:270px; overflow:scroll; margin:0; padding:4px 4px 4px 6px; text-align:left;
 font-weight:normal; font-size:11px; font-family:Verdana,Arial,Helvetica; color:#131313;}
 .inside_quote3 { width:274px; height:360px; overflow:scroll; margin:0; padding:4px 4px 4px 6px; text-align:left;
 font-weight:normal; font-size:11px; font-family:Verdana,Arial,Helvetica; color:#131313;}

 
.inside_quote_red { width:274px; margin:0; padding:4px 4px 4px 6px; text-align:left; 
font-weight:normal; font-size:11px; font-family:Verdana,Arial,Helvetica; color:#131313;
}

/***** table styles *****/
.no_edge { 
width:164px;
text-align:left;
border:0px none;  
margin:0; 
padding:0; 
position:relative; 
float:left;
}
.no_edge table {border: 0px none; padding:0; margin:0; }
.no_edge td {background:transparent}
.no_edge img {border:0px none}


table { border: 1px solid #171717;
padding:0px; margin:0px;
}
.tablecolor1 {background:#509edf;
}
.tablecolor2 {background:#e43b45;
}
td { background:#ffffff;
font: normal 11px Verdana,Arial,Helvetica; color:#131313;
}

/***** background colour styles *****/
.blue {background: #6878b0;}
.deepred {background: #e43b45;}
.red {background: #df5761;}
.litered {background: #fde7e8;}
.white {background: #ffffff;}
.palesea {background: #dbeaf7;}
.sea {background: #cee8ff;}
.middlesea {background: #75b5ec;}
.deepsea {background: #509edf;}

/***** font styles *****/
p {FONT: normal 13px Verdana,Arial,Helvetica; COLOR:#131313;
TEXT-ALIGN: left;}
h1 { font: bold 16px Verdana,Arial,Helvetica; color:#01569f}
h2 { font: bold 14px Verdana,Arial,Helvetica; color:#171717}
h3 { font: bold 15px Verdana,Arial,Helvetica; color:#75b5ec}
h4 { font: bold 14px Verdana,Arial,Helvetica; color: #C10234}
h5 { font: bold 13px Verdana,Arial,Helvetica; color:#C10234}
h6 { font: bold 15px Verdana,Arial,Helvetica; color:#01569f}
li {font: normal 13px Verdana,Arial,Helvetica; color:#171515}
.bold_gold_big { font: bold 14px Verdana,Arial,Helvetica; color:#cc9900}
.bold_aqua_small {font: bold 11px Verdana, Arial, Helvetica; color: #CFE8FD}
.bold_navy {font: bold 13px Verdana, Arial, Helvetica; color: #171717}
.bold_aqua {font: bold 13px Verdana, Arial, Helvetica; color: #01569f}
.bold_red {font: bold 13px Verdana, Arial, Helvetica; color: #ad0812}
.bold_red_lite {font: bold 11px Verdana, Arial, Helvetica; color: #FB4C56}
.bold_italic_navy {font: bold 13px Verdana, Arial, Helvetica; font-style:italic; color: #171717}
.italic_navy {font: italic 13px Verdana, Arial, Helvetica; color: #171717}
.bold_navy_small {font: bold 11px Verdana, Arial, Helvetica; color: #171717}
.italic_navy_small {font: bold 11px Verdana, Arial, Helvetica; font-style:italic; color: #171717}
.bold_navy_tiny {font: bold 9px Verdana, Arial, Helvetica; color: #171717}
.bold_navy_medium {font: bold 14px Verdana,Arial,Helvetica; color:#171717}
.bold_navy_big {font: bold 15px Verdana,Arial,Helvetica; color:#171717}
.bold_white_tiny {font:bold 9px Verdana, Arial, Helvetica; color: #ffffff;}
.bold_white {font: bold 13px Verdana, Arial, Helvetica; color: #ffffff;}
.bold_white_small {font: bold 11px Verdana, Arial, Helvetica; color: #ffffff;}
.bold_white_medium {font: bold 16px Verdana, Arial, Helvetica; color: #ffffff;}
.bold_white_big {font: bold 15px Verdana, Arial, Helvetica; color: #ffffff;}
.gssc_navy {font: normal 13px Verdana,Arial,Helvetica; color:#131313;}
.gssc_navy_small {font: normal 11px Verdana,Arial,Helvetica; color:#131313;}
.gssc_navy_medium {font: normal 14px Verdana,Arial,Helvetica; color:#131313;}
.gssc_navy_big {font: normal 15px Verdana,Arial,Helvetica; color:#131313;}
.gssc_white {font: normal 13px Verdana, Arial, Helvetica; color: #ffffff;}
.gssc_white_small {font: normal 11px Verdana, Arial, Helvetica; color: #ffffff;}
.italic_navy {font: italic 13px Verdana,Arial,Helvetica; color:#131313;}
.gssc_italic {
font-weight:bold; 
font-style:italic; 
font-size: 12px; 
color: #171717; 
font-family: Verdana,Arial,Helvetica;}
.bold_italic {
font-weight:bold; 
font-style:italic; 
font-size: 12px; 
color: #171717; 
font-family: Verdana,Arial,Helvetica;}


/***** image styles *****/
.content img { border: 1px solid #171717; }
.sidebar img { border: 1px solid #ffffff; }
.no_border img { border:0px none;}

/***** coloured lines & spacers *****/

.space { background-color: transparent
}
.whiteline { background-color: #ffffff;
}
.sealine { background-color: #4497e0;
}
.redline { background-color: #93010a 
}
.blackline { background-color:#000000;
}
.charcoalline { background-color: #313131;
}
.aqualine { background-color: #557788;
}

.line_1px{
line-height: 1px; font-size:1px; 
height: 1px; min-height: 1px; width: 970px;
border: 0px none; 
padding: 0; 
margin: 0;
}
.line_2px{
line-height: 1px; font-size:1px; 
height:2px; min-height: 2px; width: 970px;
border: 0px none;
padding: 0; 
margin: 0;
}
.line_3px{
line-height: 1px; font-size:1px; 
height:3px; min-height: 3px; width: 970px;
border: 0px none;
padding: 0; 
margin: 0;
}
.bigspace{
line-height: 1px; font-size:1px; 
height:22px; min-height: 22px;
border: 0px none;
padding: 0; 
margin: 0;
position:relative
}


/***** center aligned div styles *****/

.centerit {text-align: left;
}
.vabottom {vertical-align:bottom}
.vamiddle {vertical-align:middle}
.vatop {vertical-align:top}

/***** footer styles *****/
 
.bottom_stripe {
POSITION:relative; left:0px; top:0px;
background: #4190d4;
font: bold 11px Verdana, Arial, Helvetica;
font-style:italic;
font-size:11px; 
color: #ffffff;
text-align:right;
height: 12px; min-height: 12px; width:970px;
padding: 0;
margin: 0;
border: 0px none; 
}
.inside_bottom_stripe {
padding: 0px 20px 0px 0px;
}
.footer { 
background: #3b3e40; 
height: 32px; min-height: 32px; width:970px;
position:relative; left:0px; top:0px;
font-weight:bold;
font-size:9px;
font-family:Verdana, Arial, Helvetica; 
color: #ffffff; 
text-align: center;
padding: 0; margin: 0;
}
.inside_footer { 
padding: 12px 0px 0px 0px; 
}

/***** display or hide styles *******/
.visible
{display:block;}

.invisible
{display:none;}

/***** slideshow styles *******/

.tickerstyle{width:970px; height:260px; border:0px none; background:#313131; padding:0; overflow:hidden}
.messagediv{display:none; background:transparent;}