/* Start of CMSMS style sheet 'glenelg-screen' */
/* 

*/

/* general styles  */
body{color:#fff;font:83% Tahoma,Verdana,Tahoma,Arial,sans-serif;line-height:1.2em;margin:auto auto;padding:0;background:#2c76a3 url(uploads/images/bg_gradient.gif) repeat-x top left;}
a {color:#4088b8;font-weight:normal;text-decoration:none}
a:hover{text-decoration:underline}
a img{border:0}
p{margin:0 0 18px 10px;padding-right:10px;}
ul,ol,dl{font-size:0.9em;margin:2px 0 16px 35px}
ul ul,ol ol{margin:4px 0 4px 35px}
blockquote{border:1px solid #dadada;font-size:0.9em;margin:20px 10px;padding:8px}
h1{color:#284372;font-size:4.2em;letter-spacing:-5px;margin:0 0 30px 25px}
h1 a{color:#4088b8;text-transform:none}
h2{border-bottom:1px dotted #689a1d;color:#317083;font-size:1.7em;font-weight:normal;letter-spacing:1px;margin:0 0 10px;padding:20px 12px 2px 15px;background: url(uploads/glenelg/h2.png) no-repeat 320px bottom;}
h3{border-bottom:1px none #d0d5dd;color:#249909;font-size:1.2em;font-weight:normal;margin:10px 0 8px;padding:1px 2px 2px 10px}
/* wrapper and header */
#wrap1{color:#404040;margin:0px auto;padding:0;width:1070px;background:transparent url(uploads/glenelg/background.gif) repeat-y top center ;}
#wrap{color:#5f746d;margin:0px auto;padding:0;width:973px;border-bottom:16px solid #fff;background:transparent url(uploads/glenelg/left_corner_grad.png) no-repeat 220px 296px ;}
#header{height:234px;background:#5D6272;background:url(uploads/glenelg/header.jpg) no-repeat top left;border-bottom:1px solid #fff;border-top:8px solid #fff;width:972px;}
#toplinks{font-size:0.9em;padding:2px 25px 2px 3px;text-align:right;color:#fff;}
#slogan{color:gray;font-size:1.5em;font-weight:700;letter-spacing:-1px;line-height:1.2em;margin:15px 0 20px 35px}

#menu_vert {
   margin-left: 0px;
   margin-right: 0px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
background: #fff ;
   border-bottom: 1px none #C0C0C0;
   width: 100%;
}#dolphincontainer{position:relative;height:55px;color:#E0E0E0;background:#fff;width:100%;font-family:Tahoma,Arial,Verdana,sans-serif;font-weight: bold;}
#dolphinnav{position:relative;height:55px;font-size:14px;text-transform:uppercase;font-weight:bold;background:#fff url(uploads/glenelg/footer.png) repeat-x top left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:right;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 0 0 20px;height:55px;text-align:center;}
#dolphinnav ul li a span{padding:22px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(uploads/glenelg/top_menu_bg_ov.png) repeat-x bottom left;border-right:1px none #3e92ac;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:transparent url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 40px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:55px;}

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(uploads/glenelg/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(uploads/glenelg/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(uploads/glenelg/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}


/* sidebar and menu */
#sidebar{float:left;line-height:1.4em;margin:0 0 5px;padding:1px 10px 0 10px;width:195px;margin-top:0px;color:#fff; no-repeat bottom left;}
#sidebar ul{font-size:0.9em;list-style:none;margin:0;padding:0 0 15px 5px}
#sidebar li{list-style:none;margin:0 0 0px;padding-top:15px;padding-bottom:15px;background: transparent; border-top:1px solid 	#2d697a; border-bottom:1px solid 	#2c6577; 
	padding-left: 0px; padding-right: 10px;text-align: center;	}
#sidebar li a{font-size:1.2em;font-weight:700;color:#fff;}
#sidebar ul ul{line-height:1.2em;margin:4px 0 3px 15px;padding:0}
#sidebar h2{margin:3px 0 8px}
/* main content */
#content{float:right;line-height:1.5em;margin-top:0px;margin-bottom:0px;padding-top:25px;padding-bottom:165px;padding-right:5px;text-align:left;width:740px;background:url(uploads/glenelg/joey.jpg) no-repeat bottom right;}
#contentalt{float:left;line-height:1.5em;margin-right:20px;padding:0;text-align:left;width:740px}
#content h3,#contentalt h3{margin:10px 0 8px}
/* footer */
#footer{border-top:2px none #073692;border-right:1px none #000;clear:both;color:gray;font-size:1.0em;line-height:3.6em;margin:0 auto;padding:0px ;text-align:right;background:url(uploads/glenelg/footer.png) no-repeat bottom left;height:138px; width:971px;}
#footer a{color:#fff;}
#footer p{margin:0;padding:10px;color:#fff;padding-right:20px;}
/* additional styles */
.box{background:#4088b8;border:1px solid #c8c8c8;color:#fff;font-size:0.9em;line-height:1.4em;padding:10px 10px 10px 13px}
.box a{color:#f0f0f0}
.left{float:left;margin:0 15px 4px 0}
.right{float:right;margin:0 0 4px 15px}
.readmore{margin:-10px 10px 12px 0;text-align:right}
#sidebar ul ul li a,.timestamp a{font-weight:700}

.blue{color:#4088b8}
.clear{clear:both}
.fade{color:#c8c8c8}
.photo{background:#fff;border:1px solid #bababa;margin:6px 18px 2px 5px;padding:2px}
/* images */
img {
	border: 1px solid #d6e2dc;padding:0px;margin: 0px
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 10px 10px 10px 10px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 3px none #444;
}
a:hover img {  
  border: 3px none #CCC !important; /* IE fix*/
  border: 3px none #444;
}
#toplinks a,.gray{color:#fff}
#footer a{color:#fff}
#sidebar ul ul li a,.timestamp a{font-weight:700}
#footer-columns .col4, .col4-center {

	float: left;

	width: 720px;

height: auto;	
padding-top: 25px;
padding-left: 5px;

background: transparent url(uploads/glenelg/) no-repeat left center;	

border: 1px none; #569bc2;

margin-bottom: 0px;

margin-left: 10px;

padding-bottom: 10px;}


#main_three_column{height:349px;

width:735px;
background-image:url(uploads/glenelg/art.jpg);

background-repeat:no-repeat;

margin-top:50px;

padding-top:30px;

}



#main_three_column a:link, #main_three_column a:active, #main_three_column a:visited, #main_three_column a:hover, #new_canvas a{

color:#0c465c;

font-weight:bold;

text-decoration:underline;

}



#column1{

width: 210px;color:#fff;

height: 275px;

background-image:url(uploads/glenelg/index_holders.gif);

background-repeat:no-repeat;

float:left;margin-left:30px;

display:inline;

}



#column2{color:#fff;

width: 210px;

height: 275px;

background-image:url(uploads/glenelg/index_holders.gif);

background-repeat:no-repeat;

margin-left:15px;

float:left;

display:inline;

}



#column3{color:#fff;

width: 210px;

height: 275px;

background-image:url(uploads/glenelg/index_holders.gif);

background-repeat:no-repeat;

margin-left:15px;

float:left;

display:inline;

}



.column_headers{

width:190px;

text-align:left;

font-size:18px;

font-family: "Tahoma,Verdana,Tahoma,Arial,sans-serif;

font-weight: normal;

color: #fff;

margin-top:10px;

}



.column_headers2{

text-align:left;

font-size:23px;

font-family: "Tahoma,Verdana,Tahoma,Arial,sans-serif;

font-weight: normal;

color: #fff;

padding-top:15px;

margin-left:15px;

}



.column_text{

width:181px;

margin-left:15px;

font-size:11px;

font-family: "Tahoma,Verdana,Tahoma,Arial,sans-serif;

font-weight: normal;

color: #fff;

margin-top:1px;

line-height:14px;

}



.column_text2{

width:430px;

margin-left:55px;

font-size:11px;

font-family: "Tahoma,Verdana,Tahoma,Arial,sans-serif;

font-weight: normal;

color: #fff;

margin-top:10px;

line-height:14px;

}



.column_image{

margin-left:0px;

margin-top:0px;

}
#new_canvas{background:#17354a;

width:740px;

height:201px;

background-image: url(uploads/glenelg/newcanvasbg.jpg);

background-repeat:no-repeat;

margin-top:15px;
background-position:center center;
}


#itsthetable {
	background: #fff url(bg_caption.gif) repeat-x;
	padding: 0 2em 2em 2em;
}

table {
	margin: 1em auto;
	font: 100%/130% Tahoma, Arial, Helvetica, sans-serif;
	border-spacing: 0;
}

table caption {
	background: url(caption_title.jpg) no-repeat 50% 0;
	color: #2442b1;
	font-size: 130%;
	letter-spacing: .1em;
	padding: 3.5em 0.2em 2em 0;
	text-align: right;
	text-transform: uppercase;
}

thead th, tbody th {
	background: #2442b1 url(left_corner.gif) no-repeat;
	color: #fff;
	font-weight: bold;
	padding: .2em .7em .2em .8em;
	text-align: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
}

thead th {
	font-size: 1em;
}

tbody th {
	background: #dee2e9 url(bg_col1.gif) repeat-x;
}

tbody tr.odd th {
	background: #e2e2e2;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

tbody th a, tbody th a:link, tbody th a:visited, tbody th a:hover, tbody th a:active {
	color: #2442b1;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.1em;
}

tbody th a:hover {
	text-decoration: underline;
}

td a:link {
	color: #537fc3;
}

tbody th a:visited, td a:visited {
	color: #444;
}

th a:hover, td a:hover {
	text-decoration: none;
}

td {
	background: #f3f8fd url(bg_col3.gif) repeat-x;
	color: #2e697b;
	border-top: 1px solid #fff;
	border-right: 1px solid #c6cdd8;
	border-bottom: 1px solid #c6cdd8;
	border-left: 1px solid #fff;
	padding: 1.5em 0.5em 1.5em 0.8em;
}

td:hover {
	background: #f3f8fd;
}

tr.odd td {
	background: #f8f8f8 url(bg_col3.gif) repeat-x;
	color: #444;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

tr.odd td:hover {
	background: #f8f8f8;
}

tfoot th, tfoot td {
	background: #444 !important;
	padding: .5em .5em .5em .5em !important;
	color: #fff;
}


/* begin modifications and additions for cmsms 1.04 theme */
body.narrow {background-image:none} /* replace with your own or remove line to use img from 'wide' layout */
body.fluid {margin:0 10px;background-image:none} /* remove default 'page border' background for fluid width and add a little white space on the sides */
#wrap.fluid {width:100%} /* a 'min-width' solution may be desired to keep the page from 'scrunching' too much */
#wrap.fluid #content {width:72.5%}
#wrap.fluid #sidebar {width:23%}
#wrap.narrow {width:750px} /* narrow width for 800px wide display */
#content.rightnav{float:left;margin-right:20px} /* float content left, forces sidebar to the right */
#wrap.narrow #content {width:530px} /* narrow width content area for 800px variant */
/* additional styles for cmsms */
.NewsSummary {margin-bottom:.67em}
#NewsPostDetailDate {text-align:right;font-weight:bold;padding-bottom:1em}
.NewsSummaryPostdate {text-align:right;font-style:italic;padding-bottom:.33em}
#NewsPostDetailReturnLink,.NewsSummaryMorelink {text-align:center}
.currentpage {font-weight:bold;font-size:1.2em}

h1 {font-size:1.8em;letter-spacing:-1px} /* template default size is just too big for more than one word */
/* utility styles */
.printonly,.hide {display:none}
form {margin-top:0}
	form, td, th, li { font-size: 95%}
	form div {margin-bottom:0}
	fieldset div {
		margin-bottom:0.5em;
		margin-left:1em;
	}
	fieldset div div {
		margin-top:0.5em;
		margin-left:1em
	}
	fieldset {
		margin-bottom:1em;
		border:1px dotted #347d96;
		padding:0.5em
	}
	fieldset label {
		width:auto;
	}
	legend {
		color:#FFF;
		background:#3c8faa;
		font-style:italic;

		font-size:1.2em;
		margin-bottom:0.5em;
		padding:10px 100px 10px 100px;
		width:200px;
		border:1px solid #CCC
	}
	textarea {
		margin: 0.5em 0;
		width:78%;
		height: 6em
	}

	/* Apply this class to text/select input fields with shorter labels
		to help alignment */
	.short-label label {float:left; width:10em}
	.short-label fieldset div input,
	.short-label fieldset div select {width:16em}

	/* Pretty up your Captcha image output */
	.captcha {
		margin:0.5em 0;
		width:200px;
		text-align:center
	}
	.captcha img {border:1px solid #F60; margin-bottom:0.5em}
	.captcha input {width:196px; margin-top:0.5em}

	/* Just a bit more room for the Submit button */
	.submit {margin-top:0.5em}
/* 
cmsms 1.04 modification and implementation notes

SIX versions of the template all use the same stylesheet:
     1024px, suitable for 1024px wide display, content to the right, sidebar to the left. (the 'default'). remove any special classes outlined below to achieve this layout.
     800px, suitable for 800px wide display. apply class 'narrow' to #wrap div (and body tag if a different page background image is desired, note that the 'wide' one looks ok too.).
     fluid, using all of the available browser width using percentages for column widths. resizes based on window width (see note below). apply class 'fluid' to #wrap div (and body tag if a different page background is desired).
     and each of these widths can also be done with content on the left and sidebar on the right: apply class 'rightnav' to #content div.

basic menu and news templates are included in the cmsms theme zip file and may need to be added to your installation manually; depending upon how the theme manager exports the theme to the xml file.

note that a 'print' media stylesheet isn't really needed so long as the screen media one is called using the 'screen' media type, and so one is not included here.

for fluid layouts, you may want a 'min width' solution to keep pages from 'scrunching' too much as a browser window is narrowed. this is not included here, but there are samples of such code in the default cmsms templates. note that the fluid layout looks ok at viewport widths of as little as 462px in firefox using default font sizes and the original template's sample content.
*/

/* End of 'glenelg-screen' */