/* GSCA common style sheet */

/* Following few lines are stylesheets specific to pages on the GSCA Dartmouth site 
    -- Add new ones here or use one of the existing ones */

.itemBorder { border: 1px outset #3986fa }
.itemBorder2 { border: 2px inset  #fad386}
.itemText { text-decoration: none; color: #fad386; font: Bold 12px Arial, Helvetica }
.itemText2 { text-decoration: none; color: #000080; font: Bold 12px Arial, Helvetica }
.crazyBorder { border: 1px outset #3399ff }
.crazyText { text-decoration: none; color: #3433de; font: Bold 12px Arial, Helvetica }
.iewrap1{ position:relative; height:18px;}
.iewrap2{ position:absolute; height:18px;}
.enhancedlink { text-decoration: none; text-align:center; color: #000000; font: Bold 20px Arial, Helvetica }
.largeheader { text-decoration: none; text-align:center; color: #ff0000; font: Bold 24px Arial, Helvetica } 
.medheader { text-decoration: none; text-align:center; color: #000000; font: Bold 20px Arial, Helvetica } 
.smallheader { text-decoration: none; text-align:center; color: #000000; font: Bold 18px Arial, Helvetica } 
.smallheaderl { text-decoration: none; text-align:left; color: #000000; font: Bold 18px Arial, Helvetica } 
.lrgtextblue { text-decoration: none; text-align:center; color: #000080; font: Bold 22px Arial, Helvetica }
.smtextblue { text-decoration: none; text-align:center; color: #000080; font: Bold 14px Arial , Helvetica }
.smtextbluenarrow { text-decoration: none; text-align:center; color: #000080; font: Bold 14px Arial Narrow, Helvetica }
.smtextbluel { text-decoration: none; text-align:left; color: #000080; font: Bold 14px Arial, Helvetica }
.lrgtextgr { text-decoration: none; text-align:center; color: #006400; font: Bold 24px Arial, Helvetica }
.justify   { text-decoration: none; text-align:justify }
.small { text-decoration: none;
	 font-family:	arial,helvetica,sans-serif; 
         color: #000000; 
         background-color: #ffffff;
         font: 10px Arial, Helvetica }
.gomsidetext { text-decoration: none;
         text-align:center;
        vertical-align: top;
	 font-family:	arial,helvetica,sans-serif; 
         color: #ffffff; 
         background-color: #336699;
         font: Bold 10px Arial, Helvetica }
.small11 { text-decoration: none;
	 font-family:	arial,helvetica,sans-serif; 
         color: #000080; 
         background-color: #ffffff;
         font: 12px Arial, Helvetica }
.smalltext {text-decoration: none;
	font-family:	arial,helvetica,sans-serif; 
        color: #000000; 
        background-color: #ffffff;
        font: 12px Arial, Helvetica; }

        
.centre { text-align: center; padding-left:15} 
.redtextsm { text-decoration: none; color: #ff0000; font: Bold 14px Arial, Helvetica } 
.redtextlrg { text-decoration: none; color: #ff0000; font: Bold 19px Arial, Helvetica }
                
#dropmenu0{ visibility:hide; z-index:100; }


body	{
		margin-top:  0;
		margin-left: 1px;	
		margin-right: 10px;	
	}

/********************************** Added by Adam ***************************/
.leftfloat 		{ float: left; } 	
.rightfloat	      { float: right; }	

.foottextblack	{
	font-family: arial, helvetica, sans-serif;
	color: #000000;
	background-color: #ffffff;
	font-size: 10px;
}
.foottextblue {
	font-family: arial, helvetica, sans-serif;
	color: #336699;
	background-color: #ffffff;
	font-size: 10px;
}
.foottextblue2 {
	font-family: arial, helvetica, sans-serif;
	color: #000080;
	background-color: #ffffff;
	font-size: 10px;
}

a.smtextlinknoline:link{
	text-decoration:none;
	color: blue;
	font: 10px;
}

a.smtextlinknoline:visited{
	text-decoration:none;
	color: #003399;
	font: 10px;
}

a.smtextlinknoline:hover{
	text-decoration:none;
	color: #FF6666;
	font: 10px;
}

.yellow {
	color:yellow;
	font: bold;
}

.yellowlrg {
	color:yellow;
	font:bold 18px;
}

.rangetable {
	padding: 5px 5px 5px 0px;
}

a:link{
	text-decoration:none;
	color: blue;
	font: 12px;
}

a:visited{
	text-decoration:none;
	color: #003399;
	font: 12px;
}

a:hover{
	text-decoration:none;
	color: #FF6666;
	font: 12px;
}

a.blacklink:link {	
	text-decoration: none;
	color: black;
	font: 12px;
}

a.blacklink:visited {	
	text-decoration: none;
	color: black;
	font: 12px;
}

a.blacklink:hover {	
	text-decoration: none;
	color: black;
	font: 12px;
}
.medtextblue { text-decoration: none; text-align:center; color: #000080; font: Bold 18px Arial, Helvetica }

.black { color: black;	font: 12px; }

/***********************Added by Patrick********************************************/
.smtextlink A:link { color: blue; font-size: 10px; }
.smtextlink A:visited { color: purple; font-size: 10px; }
.smtextlink { text-decoration: underlined; text-align:center; color: #000000; font: Bold 10px Arial, Helvetica; }


/*------------------------------------------------------*
 | CLF bars:						|
 | A. 1=top bar, 2=two coloured bars			|
 | B. self=special case for self-referential links	|
 | C. 'b' - small text for long text links		|
 |							|
 | The 'td' styles govern the appearance of the cell	|
 | The 'a' styles govern the appearance of the link text|
 | The 'span' styles govern the appearance of the plain	|
 |	text for self-referential links			|
 *------------------------------------------------------*/
 
tr.centre { text-align: center} 
td.clfbar1,td.clfbar1self,td.clfbar2,td.clfbar2self,
td.clfbar1b,td.clfbar1selfb,td.clfbar2b,td.clfbar2selfb
	{
			height:			14px;
			text-align:		left;
	}

td.clfbar1,td.clfbar2,td.clfbar1self,td.clfbar2self
	{
			padding-left:		2px;
	}

/*no left offset to accomodate wider text */
td.clfbar1b,td.clfbar2b,td.clfbar1selfb,td.clfbar2selfb
	{
			padding-left:		0;
	}

/* cell colours */
td.clfbar1,td.clfbar1b {		background-color:     	#ffffff; }
td.clfbar2,td.clfbar2b {		background-color:     	#fad385; }

td.clfbar1self,td.clfbar1selfb {	background-color:     	#0000cc; }
td.clfbar2self,td.clfbar2selfb {	background-color:     	#ffcc00; }

/* these td never contain plain text - I've added these to keep the CSS validator happy */
td.clfbar1,td.clfbar1b,td.clfbar1self,td.clfbar1selfb {	color:	#fad385; }
td.clfbar2,td.clfbar2b,td.clfbar2self,td.clfbar2selfb {	color:	#ffffff; }



/*------------------------------------------------------*
 | insert drop-down list into wide multi-cell (need to	|
 | over-ride left alignment)				|
 *------------------------------------------------------*/
form.siteselect
	{
			margin-bottom:		0;
	}

td.clfbar2wide
	{
			padding-left:		0;
			height:			14px;
			text-align:		center;
			background-color:	#fad385;
			color:			#ffffff;
	}


/*------------------------------------------------------*
 | menu links:						|
 |	- 1=top bar, 2=coloured bars			|
 |	- b is for long text, smaller font		|
 | <span> is used for self-referential plain text (no	|
 | anchor)						|
 *------------------------------------------------------*/
a.clfbar1,a.clfbar2,a.clfbar1b,a.clfbar2b,
span.clfbar1self,span.clfbar2self,span.clfbar1selfb,span.clfbar2selfb
	{
		font-family:		arial,helvetica,sans-serif;
		font-weight:		bold;
		text-decoration: 	none;
	}

/*normal text size*/
a.clfbar1,a.clfbar2,span.clfbar1self,span.clfbar2self
	{
		font-size:		13px;
	}

/*smaller font for longer text*/
a.clfbar1b,a.clfbar2b,span.clfbar1selfb,span.clfbar2selfb
	{
		font-size:		11px;
	}

/* link text colour for top bar */
a.clfbar1,a.clfbar1b
	{
		color: 			#fad385;
		background-color:	#ffffff;
	}

span.clfbar1self,span.clfbar1selfb
	{
		color: 			#fad385;
		background-color:	#0000cc;
	}

/* link text colour for bottom bar */
a.clfbar2,a.clfbar2b
	{
		color: 			#000080;
		background-color:	#fad385;
	}

span.clfbar2self,span.clfbar2selfb
	{
		color: 			#000080;
		background-color:	#ffcc00;
	}


/*------------------------------------------------------*
 | dividers for top bar 1				|
 *------------------------------------------------------*/
td.divider1
	{
		padding:		0;
		background-color:     	#fad385;
		color:			#ffffff;
	}


/*------------------------------------------------------*
 | footer						|
 *------------------------------------------------------*/
td.ccyymmdd {	font-family:	arial,helvetica,sans-serif; }
td.crazyText { text-decoration: none; color: #3433de; font: Bold 12px Arial, Helvetica }
td.errorheader { text-decoration: none; color: #000000; font: Bold 18px Arial, Helvetica }
td.headertext { text-decoration: none; color: #000000; font: Bold 18px Arial, Helvetica }
td.headertextlg { text-decoration: none; color: #000000; font: Bold 24px Arial, Helvetica }
td.italicsmall { text-decoration: none; color: #000000; font: italic 12px Arial, Helvetica }
       
td.nounderline {	font-family:	arial,helvetica,sans-serif; fontsize: 14; text-decoration: none}
a.notice {	font-family:	arial,helvetica,sans-serif; font-size: 24 }
 
 
/*------------------------------------------------------*
 | generic stuff not related to menu bar		|
 |							|
 | I have avoided dealing with style sheets for general	|
 | presentation, because I am philosophically opposed to|
 | the concept of imposing font preferences on clients.	|
 | I accept the CLF requirement to impose a "sans-serif"|
 | font on clients.  Normally I would leave the font	|
 | size as 'unspecified', letting the browser and the	|
 | client's preferences dictate the size. However, CLF's|
 | requirement to squeeze everything into a 450 pixel	|
 | column means that you have to use a 'smaller' font	|
 | than 'normal'.  You can not enclose the whole page in|
 | HTML <small>...</small>, because it is not a block	|
 | level attribute - it resets on <p> and other blocks.	|
 | There is no CSS "font-size" value that is equivalent	|
 | to <small>. If you use "font-size: smaller", Netscape|
 | will accumulate the size directive where you don't	|
 | expect it and ignore when you expect it. As a result,|
 | font sizes are somewhat unpredictable in Netscape.	|
 |							|
 | That's why you see two style sheets, one for each	|
 | browser:						|
 |	netscape.css - uses absolute font sizes		|
 |	explorer.css - uses relative font sizes		|
 *------------------------------------------------------*/
/*netscape 4 doesn't recognize 'font-family' in 'body'*/
body,p,td,th,ul,ol,li,dl,dt,dd,div,span,a,dir,blockquote,cite,h1,h2,h3,h4,h5,h6
	{
		font-family: arial,helvetica,sans-serif;
	}

/* I don't like to use absolute font sizes, but you have to
use them to make it work on Netscape, since the 'cascade'
mechanism is broken. Alternatively, you could use separate
style sheets for the 2 browser types. */

p,td,th,ol,ul,dir,a,div,span { font-size: 10pt; }

h1,h2,h3,h4,h5,h6,dir,ul,ol { margin-top: 0}

h1 { font-size: 18pt;}
h2 { font-size: 16pt;}
h3 { font-size: 14pt;}
h4 { font-size: 12pt;}
h5 { font-size: 10pt;}
h6 { font-size: 10pt;}