/*** Blackwell Grange ***/

* { margin: 0; padding: 0; }

body {
	background: #030 url(/images/body-back.gif) fixed repeat-x left top;
	color: #000;
}

body, table {
	font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

	* html body, * html table  { font-size: medium; }

.breaker { clear: both; }
.lbreaker { clear: left; }
.rbreaker { clear: right; }

p { margin: 0.5em 0 1.0em 0; }

.floatleft {
    float: left;   
}

.floatright {
    float: right;
}
#nav li.underlined{font-weight:bold; letter-spacing: -1px;}

input, textarea {
    font-family:  'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}

input.btn {
    background: #FFE url(/images/bg-btn.gif) repeat-x center bottom; 
    border: 1px solid #EED;
	color: #662;
	padding: 2px 7px;
	font-size: 0.9em;  
	height: 22px;
	cursor: pointer;
}

input.lg-btn {
    height: 30px;
    font-size: 1.0em;
    border: 1px solid #BBA;
	padding: 0px 7px;
}

img { border-width: 0; }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

ul.normal {padding: 5px 0 5px 25px;}
ol {padding: 5px 0 5px 25px;}

a.iconlink { padding-left:10px; background: url(/images/icon.gif) no-repeat top left; }
.center{margin:0px auto; text-align:center;}
.bigtext { font-size: 1.2em; line-height: 1.6em; }
.smalltext { font-size: 0.9em; line-height: 1.4em; }

.error {
    border: 2px solid #600;
    padding: 5px;
    background: #FcC;
    color: #600;
    margin: 10px 0px;
}

.success {
    border: 2px solid #060;
    padding: 5px;
    background: #cfc;
    color: #060;
    margin: 10px 0px;
}

h1, h2, h3, h4, h5, h6 { margin: 0.5em 0 0.2em 0; }
h1 { font-size: 2.1em; color: #030; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h2 { font-size: 1.6em; color: #063; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h3 { font-size: 1.3em; color: #063; line-height: 1.2em; font-weight: normal; font-family:  georgia, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif; }
h4 { font-size: 1.2em; color: #063; line-height: 1.5em; font-weight: normal; letter-spacing: -1px; }

/*** OVERALL LAYOUT ***/

#skiptomain { display: none; }

#wrapper {
	width: 1040px;
	margin: 0 auto;
	font-size: 0.85em;
	background: url(/images/wrapperback.png) repeat-y center top;
}

    #wrapper table {
        font-size: 1em;   
    }

	#pagecontainer {
		width: 980px;
		padding: 0 30px;
	}

		#header {
			width: 960px;
			height: 160px;
			padding: 0px;
			margin: 0px 10px;
			background: #fff url(images/headerback.jpg) no-repeat center bottom;
			color: #fff;
			}

			#toplogo {
				padding: 60px 0px 10px 10px;
				width: 350px;
				float: left;
				font-size: 0.9em;
			}


			#topright {
				padding: 10px 30px 30px 30px;
				width: 214px;
				height: 120px;
				float: right;
				text-align: left;
				color: #FFF;
				background: url(/images/bg-memberlog.png) no-repeat right top;
			}
			
			    #topright h3 {
			        margin: 0px 0px -3px 0px;
			        padding: 0px;   
			        color: #FFF;
			    }
			    
			    #topright p {
			        font-size: 0.9em;
			    }
			    
			    #topright a {
			        color: #FFF;  
			        margin-left: 42px; 
			    }
			    
			    #topright label {
			        floaT: left;
			        display: block;
			        width: 70px;   
				    font-size: 0.9em;
			        margin: 0px 0px 5px 0px;
			    }
			    
			    #topright input.text {
			        width: 130px;
			        margin: 0px 0px 5px 0px;
				    font-size: 0.9em;
                }
	
		#topnav {
			width: 960px;
			height: 42px;
			background: #030 url(/images/topnav-back.gif) no-repeat center top;
			font-size: 0.95em;
			margin: 0 10px;
			padding: 0px;
		}

			/* #navbar is now controlled by suckerfish.css */


		#topbar {
			width: 940px;
			padding: 0px 10px;
			margin: 0px 10px;
			background: #eee;
			color: #000;
			border-top: 3px solid #b95;
		}

			#breadcrumb {
				width: 700px;
				float: left;
				padding: 7px 0px 5px 0px;
				font-size: 0.9em;
			}

			#breadcrumb a:link, #breadcrumb a:visited { color: #000; text-decoration: none; }
			#breadcrumb a:hover { color: #000; text-decoration: underline; }

			#topdate {
				width: 200px;
				float: right;
				text-align: right;
				padding: 7px 0px 5px 0px;
				font-size: 0.8em;
				color: #333;
			}


		#pageticker {
			clear: both;
			width: 960px;
			padding: 2px 0px 2px 0px;
			margin: 0px 10px 0px 10px;
			color: #030;
			background: #fff;
			font-size: 1.1em;
		}
		
			#pageticker a:link, #pageticker a:visited { color: #422; text-decoration: underline; }
			#pageticker a:hover { color: #622; text-decoration: underline; }
		
			#pageticker .spacer {
				color: #fff;
			}
			
			#pageticker .marquee {
				padding: 0px;
				margin: 0px 0px 0px 0px;
			}

		#maincontent{
			clear: both;
			width: 960px;
			padding: 0px 0px 10px 0px;
			margin: 0px 10px;
			color: #000;
			line-height: 1.5em;
			font-size: 0.95em;
			background: #fff;
		}
		
			#toppageimage {
				width: 717px;
				float: left;
				padding: 0px;
				margin: 10px 12px 10px 0px;
				position: relative;
			}
		
			#flashanim {
				background: #093;
				margin: 0px 12px 0px 0px;
				padding: 0px 0px 0px 0px;
				overflow: hidden;
				z-index: 1;
				width: 717px;
				height: 290px;
			}
			#flashanim_page{
			    background: #093;
				margin: 0px 12px 0px 0px;
				padding: 0px 0px 0px 0px;
				overflow: hidden;
				z-index: 1;
				width: 717px;
				height: 145px;
			}

			#topfeaturebigtext {
				position: absolute;
				width: 191px;
				height: 250px;
				padding: 20px;
				top: 0px;
				left: 0px;
				z-index: 2;
				background: url(images/trans-white.png) left top;
				color: #000;
			 }


			#maincontent a:link, #maincontent a:visited { color: #030; text-decoration: underline; }
			#maincontent a:hover { color: #060; text-decoration: underline; }

			#maincontent ul {padding: 5px 0 5px 25px;}


		#footer {
			clear: both;
			width: 940px;
			padding: 0px 10px;
			margin: 0px 10px 0px 10px;
			font-size: 0.9em;
			color: #fff;
			background: #010;
			line-height: 48px;
		}

		#footer a:link, #footer a:visited { color: #696; text-decoration: none; }
		#footer a:hover { color: #696; text-decoration: underline; }

			#bottomlinks {
				float: left;
				width: 360px;
			}
			
			#bookmark {
				width: 580px;
				float: right;
				text-align: right;
				padding: 0px;
				margin: 0px;
			}

			ul.bookmarks {
				margin: 0px 0px 0px 0px;
				padding: 0px;
				text-align: right;
			}

			ul.bookmarks li {
				display: inline;
				height: 32px;
				padding: 0px 0px 0px 4px;
			}
			
			#footer #bookmark ul.bookmarks li a:hover {
			    text-decoration: none;  
			    color: #FFF;
			}
			
			ul.bookmarks li a img {
			    vertical-align: middle;   
			}

		#belowfooter {
			clear: both;
			margin: 0px 10px;
			width: 940px;
			padding: 10px 10px 10px 10px;
			font-size: 0.9em;
			color: #000;
		}

			#copyright {
				float: left;
				width: 440px;
				padding: 0px;
				margin: 0px;
			}
			
			#accreditations {
				width: 420px;
				float: right;
				text-align: right;
				padding: 0px;
				margin: 0px;
			}


			#accreditations img {
				margin: 0 0 10px 10px;
			}

		#belowfooter a:link, #belowfooter a:visited { color: #030; text-decoration: none; }
		#belowfooter a:hover { color: #030; text-decoration: underline; }


/*****************
NO BULLET LIST
*****************/

ul.nobullets {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

	ul.iconlist li{
		margin: 0px;
		padding: 0 0 0 10px;
		display: block;
		line-height: 1.5em;
	}


/*****************
 FEATURES
*****************/

.pagefeaturehalf {
	width: 50%;
	float: left;
	margin: 10px 0px 10px 0px;
}

.pagefeature4col {
	width: 940px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
}

.pagefeature3col {
	width: 697px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin: 10px 12px 10px 0px;
}

.pagefeature2col {
	width: 454px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin: 10px 12px 10px 0px;
	background: #fff url(/images/pagefeature2back.gif) repeat-x center bottom;
}

.pagefeature1col {
	width: 211px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin: 10px 12px 10px 0px;
	background: #fff url(/images/pagefeature1back.gif) repeat-x center bottom;
}

.pagefeatureright {
    width: 231px;
    float: right;
    padding: 0px;
    margin: 0px;
}

	.pagefeatureend { margin-right: 0; }


/*********************************/
/*        CALENDAR WIDGET        */

#eventscal-wrapper {
    position: relative;   
    z-index: 5;
}

#eventscal {
    margin-top: 12px;
}

#eventscalkey {
    float: left;
    width: 16px;
    height: 16px;
    margin: 8px 10px 0px 5px;
    vertical-align: middle;
}

#eventscala {
    line-height: 30px;   
}

#eventscalinfo {
    position: absolute;
    top: 80px;
    left: 0px;
    height: 201px;
    width: 210px;
    z-index: 3;
    background: #eee url(/images/bg-eventscalinfo.gif) repeat-x right bottom;
    padding: 0px 10px;
    overflow: hidden;
}   

.calmonth {
    height: 250px;
    float: left;
    width: 232px;
}

.calendar-select {
    width: 342px;
    margin: 0px 5px 10px 0px;
    float: left;   
}

    .calendar-select select { 
    }
    
    .calendar-select h3 {
        margin: 1px 10px 0px 0px;   
        float: left;  
    }

.calendar-half {
    width: 340px;
    margin: 5px 8px 5px 0px;
    float: left;
       
}

    .calendar-half .day-box {
        background: #FFF;
        border: 1px solid #CCC;
        margin: 0px 0px 5px 0px;
        position: relative;
        width: 340px;
        cursor: pointer;
    }

    .day-box .num {
        font-size: 0.85em;   
        position: absolute;
        left: 3px;
        top: -1px;
    }
    
    .day-box .arrow {
        position: absolute;
        right: 1px;
        bottom: 1px;  
    }
    
    .day-box .event-box {
        padding: 0px 0px 0px 25px; 
        line-height: 30px;  
        background: url(/images/bg-eventbox.png) repeat-x left top;
    }
    
    .day-box .event-info {
        padding: 0px 0px 5px 0px;
    }
    .day-box .event-info  p {
        margin: 0px 0px 0px 25px;
        padding: 0px 0px 3px 0px;   
        line-height: 1.2em;
        font-size: 0.9em;
    }
    
    
/***** NEW ******/

    .event {
        position: relative;   
    }

    .event p {
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 5px 20px;   
        line-height: 0.8em;
        font-size: 0.9em;
    }
    
    .event strong {
        font-size: 1.1em;    
        line-height: 18px; 
        font-weight: normal;
    }
    
    .event .smallcalblock {
        width: 10px;
        height: 10px;
        float: left;   
        margin: 2px 6px 0px 0px;
        position: absolute;
        left: 0px;
        top: 2px;
    }
    

/********************************/
/*        WEATHER WIDGET        */

.weather { 
    background: url(/images/bg-weather.png) repeat-x center bottom;
    margin: 0px -10px 0px -10px;
    padding: 3px 10px 2px 10px;
    border-bottom: 1px solid #Dcc;
    cursor: pointer;
}

    .wsel {
        cursor: default;   
    }

    .weather .weather-today {
        padding: 0px 0px 0px 0px;   
        margin-bottom: -2px;
    }
    
    .weather strong {
        text-transform: capitalize;  
        line-height: 25px; 
    }
    
    .weather .weather-desc {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 15px;   
        display: none;
        font-size: 0.9em;
        line-height: 1.4em;
    }

/*********************************/
/*        COURSE CARD            */

#ccard {
    border-collapse: collapse;
    width: 542px;
    margin: 20px auto;
    
}

#ccard th {
    border: 1px solid #AAA;   
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: normal;
    padding: 3px 6px;
}

#ccard td {
    border: 1px solid #AAA;   
    font-size: 0.8em;
    padding: 0px 3px;
    text-align: center; 
}

    #ccard td.yellow {
        background: #FF0;   
    }
    
    #ccard td.red {
        background: #F00;   
    }
        
    #ccard td.grey {
        background: #CCC;   
    }
    
    #ccard td.dgrey {
        background: #AAA;   
    }
    
    #ccard td.total {
        text-align: right; 
    }

.gmap{
    width:100%;
    height:400px;
}

.gmap-dir {
    font-size: 1.1em;  
    padding: 5px;
}

.gmap-dir-panel {
    font-size: 1.1em;  
}

    .gmap-dir-panel .adp-substep, .gmap-dir-panel .adp-text {
        font-size: 1.0em;   
    } 
    
    .gmap-dir-panel .adp-list {
        margin-top: 10px;   
    }
    
    .gmap-dir-panel table.adp-fullwidth {
        font-size: 1.2em; 
    }

.hole {
    width: 50%;
    float: left;   
}

#childpages {
    margin-left: 10px;
}

#childpages li {
    list-style-image: url(/images/liicon.gif);
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
}
.contactspan{
width:160px;
float:left;
display:block;
}
.commentBox{
width:200px;
height:100px;
}
.mem_table{
    width: 500px;
    border: 1px solid #ccc;
    border-collapse: collapse;
}

    .mem_table td {
        padding: 0px 5px;  
        border-bottom: 1px solid #CCC;
    }
    
    .mem_table .lcell {
        background: #EEE;    
    }
    
.mem_alerts {
    border: 1px solid #C33;
    padding: 0px 5px;
    background: #FEE;
}
    
    .mem_alerts h2 {
        color: #C33;   
    }

    .mem_alerts p {
        color: #933;   
    }

.typeblock {
    float: left;
    width: 20px;
    height: 20px;   
    border: 1px solid #333;
    margin: 0px 5px 3px 0px;
}
.entry{width:150px;display:block;float:left;}

/*********************************/
/*        INPUT FORM             */

.inputform label {
    display: block;
    float: left;
    width: 155px;   
}

.inputform input.itext {
    margin: 0px 0px 5px 0px;
}

.inputform textarea.itext {
    margin: 0px 0px 5px 0px;
    overflow: auto;
}

.entry-half {
    float: left;
    width: 50%;   
    margin-bottom: 20px;
}

.download img {
   margin-top: 6px;
}

.download p {
    margin: 5px 0px;   
}

.errLabel {
    color: #600;   
    width: 100%;
    display: block;
    padding: 7px 10px;
    background: #FCC;
    border: 1px solid #600;
    margin: 0px 0px 10px -10px;
}