/*****************************
* | media type:	screen only
* | created: 	21 Mar 2007
* | for: 		Somerset College
* | by: 		activeice.co.za
* | author: 	Richard Wicht
* | updated: 	
*/


/* global reset : start **********************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object { margin:0;padding:0; }
html { overflow:-moz-scrollbars-vertical; }
table { border-collapse:collapse;border-spacing:0; }

img { border:none;vertical-align:middle; }

/* global reset : end ************************************************************/



/* structural : start ************************************************************/
p
{
	padding: 2px 5px 4px 0;
}

body 
{
	text-align:center;
	line-height:18px;
	background-color:#FFFFFF;
}
	
#page-holder 
{
position:relative;
	width:740px;
	margin:0 auto 0 auto;
	background-color:#fff;
}

#page-header 
{ 
	text-align:left;
	width:740px;
	margin:0 auto 0 auto;
	background-color:#fff;
}
	
#nav-holder 
{	
 
	text-align:left;
	height:30px;
	_height:30px;
	margin:0 auto 0 auto;
	background:#3D227B;
	z-index:99;
	/* background-color:#fff; */
	/* font-size: 0;  added by brett */
	/* line-height: 0;  added by brett */
}
	
#flash-holder 
{
	background:url(../images/flash/flash_1.jpg) top left no-repeat;
	text-align:left;
	width:740px;
	height:241px;
	margin:0 auto 0 auto;
	padding-bottom:30px;
}

#header-holder 
{
	text-align:left;
	width:740px;
	height:241px;
	margin:0 auto 0 auto;
	z-index:9;
}
	
#content-holder 
{
	text-align:left;
	width:708px !important;
	width /**/ : 738px;
	margin:0 auto 0 auto;
	background-color:#fff;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	padding: 30px 15px 0px 15px;
	color:#696969;   /* ADDED HERE< TAKEN FROM TYPO   code line 601*/
	 
}

.set-holder-left 
{
	float:left;
	width:110px;
}

.set-holder-right 
{
	float:right;
	width:90px;
}

#senior-nav 
{

}

#sub-head-left
{
	width:450px;
	float:left;
	height:22px;
}

#sub-head-right
{
	text-align:right;
	width:200px;
	float:right;
}

#content-left
{
	width:395px;
	float:left;
}

#content-right
{
	text-align:left;
	width:310px;
	float:right;
}

#content-wide
{
	text-align:left;
	width:710px;
	float:left;
}

#content-left-b
{
	width:450px;
	float:left;
}

#content-right-b
{
	text-align:left;
	width:235px;
	float:right;
}

#senior-left, #prep-left, #about-left
{
	width:410px;
	float:left;
}


#prep-full {
bor der:1px solid red;


}

.calender-item a  {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#3d227b;
text-decoration:none;
display:block;
text-align:left;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:57px;
wi dth:704px;
margin-bottom:3px;
}

.calender-item a:hover  {
text-decoration:none;
text-align:left;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:57px;
background:url(/images/shared/calender_bg.jpg) top left repeat-x;
}

.calender-item a  img {
float:left;
border:0;
margin: 14px 13px 0 14px;
}


.calender-item  div {
float:left;
padding-top:18px;
}


#senior-right, #prep-right, #about-right
{
	text-align:right;
	width:290px;
	float:right;
}

#contact-left
{	
	width:395px !important;
	width /**/ :410px;
	float:left;
	border-right:1px solid #ddd;
	padding-right:15px;
}

#contact-right
{
	text-align:left;
	width:290px;
	float:right;
}

#trek-left
{	width:395px !important;
	width /**/ :410px;
	float:left;
	padding-right:15px;
}

#trek-right
{
	text-align:left;
	width:290px;
	float:right;
}

#gallery-top-left
{	width:395px !important;
	width /**/ :410px;
	float:left;
	padding-right:15px;
	 
}

#gallery-top-right
{
	text-align:left;
	width:290px;
	float:right;
}

#gallery-left
{	width:475px;
	float:left;
	 
}

#gallery-right
{
 
	padding-top:25px;
	text-align:left;
	width:210px;
	float:right;
}

#oak-holder {
	color:#272C7E;
}

#oak-left 
{
	width:400px;
	float:left;
	text-align:left;
	}

#oak-right 
{
	float:left;
	text-align:right;
}

#oak-left a, #oak-left a:hover
{
	text-decoration:underline;
	font-weight:bold;
	color:#272C7E;
}

#footer-line 
{
	height:44px;
	background:url(../images/shared/footer_line.gif) repeat-x;
}
	
#footer-text 
{
color:#696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	width:740px;
	margin:0 auto 0 auto;
	background-color:#fff;
	padding-bottom:20px;
}	

.pad-bottom-5 
{
	padding-bottom:5px;
}
.pad-bottom-15 
{
	padding-bottom:15px;
}
.pad-top-5 
{
	padding-top:5px;
}
.pad-top-10 
{
	padding-top:10px;
}
.pad-top-15 
{
	padding-top:15px;
}

.pad-top-35 
{
	padding-top:35px;
}
.pad-left-5 
{
	padding-left:5px;
}
.float-right 
{
	float:right;
}
/* structural : end ***************************************************************/


/* section : start ****************************************************************/
#home-left 
{
	width:306px !important;
	width /**/ : 337px;
	padding-right:31px;
	float:left;
	display:inline;
	text-align:left;
}

#home-middle 
{
	width:204px !important;
	width /**/ : 238px;
	padding-right:17px;
	padding-left:17px;
	float:left;
	display:inline;
	border-left:1px solid #ddd;
	text-align:left;
	 
}
	
#home-right 
{
	width:105px !important;
	width /**/ : 130px;
	float:left;
	display:inline;
	padding-left:25px;
	border-left:1px solid #ddd;
	text-align:left;
	
	 
}

#footer-text a
{
	color:#696969;
	text-decoration:none;
}
	
#footer-text a:hover
{
	color:#696969;
	text-decoration:underline;
}

#article-images img
{
	margin-right:10px;
}
img#old-oaks 
{
	float:right;
}

p.thumb
{
	margin-bottom: 20px;
}

/*senior navigation*/
.senior-nav a
{
	display:block;
	float:left;
	background:url(../images/senior/green_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#15864E;
	font-weight:bold;
}

.senior-nav a:hover , .senior-nav a.selected
{
	background:url(../images/senior/purple_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#3D227B;
	font-weight:bold;
}

.width-a 
{
	width:97px !important;
	width /**/: 105px;
}

.width-b 
{
	width:140px !important;
	width /**/: 148px;
}

.width-c 
{
	width:125px !important;
	width /**/: 133px;
}

.width-d 
{
	width:92px !important;
	width /**/: 100px;
}

.width-e 
{
	width:215px !important;
	width /**/: 223px;
}

.about-nav a, .trek-nav a, .news-nav a
{
	display:block;
	float:left;
	background:url(../images/senior/green_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#15864E;
	font-weight:bold;
	padding-right:15px;
}

.about-nav a:hover, .trek-nav a:hover, .news-nav a:hover, 
.about-nav a.selected, .trek-nav a.selected, .news-nav a.selected
{
	background:url(../images/senior/purple_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#3D227B;
	font-weight:bold;
}

.trek-sub-nav a
{
	display:block;
	float:left;
	background:url(../images/senior/green_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#15864E;
	font-weight:normal;
	padding-right:15px;
	width:40px;
}

.trek-sub-nav a:hover, .trek-sub-nav a.selected
{
	background:url(../images/senior/purple_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#3D227B;
	font-weight:normal;
}

.prep-sub-nav a,  .about-sub-nav a
{
	display:block;
	float:left;
	background:url(../images/senior/green_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#15864E;
	font-weight:normal;
	padding-right:15px;
}

.prep-sub-nav a:hover,  .about-sub-nav a:hover,
.prep-sub-nav a.selected,  .about-sub-nav a.selected
{
	background:url(../images/senior/purple_tri.jpg) no-repeat 0 5px;
	padding-left:8px;
	text-decoration:none;
	color:#3D227B;
	font-weight:normal;
}

/*prev page next*/
.pagination-nav a
{
	font-size:11px;
	text-decoration:none;
	color:#15864E;
	font-weight:bold;
}

.pagination-nav 
{
	font-size:11px;
	width:45px;
	background-color:#FFFFFF;
}

.pagination-nav-2 
{
	font-size:11px;
	width:35px;
	background-color:#FFFFFF;
}

.pagination-nav-num a
{
	float:left;
 	width:14px;
	height:14px;
	margin-right:1px;
	font-size:11px;
	line-height:14px;
	background-color:#15864E;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

.pagination-nav-num a:hover
{
	background-color:#B1B1B1;
	text-decoration:none;
}
.pagination-nav-num span
{
	width:14px;
	height:14px;
	margin-right:1px;
	font-size:11px;
	line-height:14px;
	text-align:center;
	font-weight:bold;	
	float:left;
}

.width-55 
{
	width:55px;
}

.width-115 
{
	width:115px;
}

#trek-sub-nav a
{
	padding: 0 4px 0 4px;
	text-decoration:none;
	color:#15864E;
	font-weight:bold;
}

#trek-sub-nav a:hover
{
	padding: 0 4px 0 4px;
	text-decoration:none;
	color:#3D227B;
	font-weight:bold;
}

.watermark 
{
	background:url(../images/senior/watermark.jpg) no-repeat 350px 95px;
}

.watermark-prep 
{
	background:url(../images/prep/watermark.jpg) no-repeat 100px 95px;
}


#show-map 
{
	display:none;
}


#subscribe-form, #subscribe-form-status
{
	background-color:#fff;
	border: 1px solid #2E3092;
	width: 156px;
	height: 83px;
	top:464px;
	left:571px;
	position:absolute;
	text-align:right;
}

#subscribe-form
{
	padding: 5px 3px 0 0;
	height: 88px !important;
	height /**/: 93px;
	width: 153px !important;
	width /**/: 156px;
}

#subscribe-form-status
{
	text-align: center;
	font-size: 11px;
	padding: 12px 15px 0 15px;
	height: 82px !important;
	height /**/: 93px;
	width: 126px !important;
	width /**/: 156px;
}

/* section : end ******************************************************************/


/* typography : start *************************************************************/
body, th, td, h1, h2, h3, h4, h5, input, select, textarea
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	/*color:#696969;
	background-color:#FFFFFF;*/
}

h1, h2, h3, h4, h5
{
	padding: 3px 0 6px 0;
}

h1.gallery
{
	font-size: 13px;
	padding: 0 0 10px 0;
	color:#15864E;
}

a
{
	color:#696969;
}

#rss-link a
{
	background:url(../images/shared/rss_icon.gif) no-repeat 0 2px;
	padding-left:15px;
	font-size:10px;
	font-weight:bold;
	color:#8D8D8D;
	text-decoration:none;
}

a.green-link 
{
	text-decoration:none;
	color:#15864E;
}

a:hover.green-link 
{
	
	text-decoration:underline;
	color:#15864E;
}
	
a.purple-link 
{
	font-size:11px;
	text-decoration:none;
	color:#4A3184;
}
	
a:hover.purple-link 
{
	font-size:11px;
	text-decoration:underline;
	color:#4A3184;
}
	
a.purple-link-12 
{
	font-size:12px;
	text-decoration:none;
	color:#4A3184;
}
	
a:hover.purple-link-12 
{
	font-size:12px;
	text-decoration:underline;
	color:#4A3184;
}
	
.font-eleven 
{
	font-size:11px;
}

.font-fourteen 
{
	font-size:14px;
}

.font-fifteen 
{
	font-size:15px;
}

.font-ten 
{
	font-size:10px;
}

.color-purple 
{
	color:#4A3184;
}

.color-red 
{
	color:#EE2E31;
}

.color-green
{
	color:#15864E;
}

.make-bold 
{
	font-weight:bold;
}

.purple-list ul 
{
	list-style-type:none;
	padding:0;
	margin:0;
}

.purple-list li 
{
	background:url(/images/shared/purple_list.jpg) no-repeat 0 6px;
	padding-left:10px;
}
/* typography : end ***************************************************************/


/* forms : start ******************************************************************/
.contact-input, .contact-input-wide, .contact-txt-wide   
{
	width:200px;
	border:1px solid #A5ACB2;
	padding:2px 0px 2px 4px;
	margin-bottom:5px;
	color:#696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;

}

.signup-box  
{
	width:142px !important;
	width /**/ : 144px;
	border:1px solid #A5ACB2;
	padding:2px 0px 2px 4px;
	margin-top:5px;
	color:#696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;

}

#signup-submit 
{
	padding-top:4px;
	color:#696969;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;

}

.contact-input-wide 
{
	width:345px;
}

.contact-txt-wide 
{
	width:345px;
	height:105px;
}

#no-results
{
	padding-top:40px;
	height:60px;
}
/* forms : end **********************************************************************/


/* general : start *****************************************************************/
.clear, .clear-left, .clear-right
{
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	padding:0;
	margin:0;
}

.clear-left
{
	clear: left;
}

.clear-right
{
	clear: right;
}

.hr
{
	background: #ddd;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 10px 0 15px;
}

.hr-2
{
	background: #ddd;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 5px 0 15px;
}

.hr-prep
{
	background: #ddd;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	margin: 2px 0 5px;
}

#preload-nav 
{
	display:none;
} 
	
.border-me
{
	border:1px solid #EAEAEA;
	padding:5px;
	background-color:#FFFFFF;
}

#article-content ul
{
	margin: 10px 0 10px 10px;
	padding-left: 10px;
}


/* general : end **********************************************************************/