﻿

.Left { float:left; } .Right { float:right; } .Clear { clear:both; min-height:0px; }




/****************
    TYPOGRAPHY
****************/
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:170%;
	color:#757575;
	font-size:76%;
}

table {
    border: 0px;
}

p, li,
.Normal {
    font-size:1.0em;
}

p {
	margin-bottom: 20px;
	}

li {
margin-left: 0px;

}

ul, ol {
	margin-bottom:20px;
	margin-left:0px;
}
 
#Main td {}
 
 .Normal ul { padding-left: 10px ;}

 
.NormalBold  {
    font-weight:bold;
}
 
h1, h2, h3, h4,
.Head, .SubHead, .SubSubHead {
	margin:0 0 10px;
	color:#153b1f;
	line-height:200%;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:15px;
}

h1 {
	font-size:1.4em;
	font-weight:normal;
	margin-top:0;
}
 
h2, .Head {
	font-size:1.2em;
	font-weight:normal;
}

h3, .SubHead {
	font-size:1.0em;
	font-weight:normal;
}

h4, .SubSubHead {
	font-weight:bold;
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

hr {
    color: #fff;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    border-style: none none solid;
	margin-bottom:15px;
}


LABEL A IMG {
    display: none;
}

a img {
	border:none;
}

a {
	text-decoration:none;
	color:#62ac55;
}

a:hover {
	text-decoration:underline;
}

a:active {
  outline: none;
}


blockquote {
	margin:10px 10px 10px 30px;
	font-style:italic;
}


/************
    DNN SPECIFIC STYLES
************/

.Settings {
	width: 700px !Important;
	}

.DNNEmptyPane {
	width:null;
	margin-top:0px; !important}


.ControlPanel {
    width:800px;
    margin:0px auto;
	background-color:transparent;
	border:none;
}

	.ControlPanel table {
		background-color:#fff;
	}

	.ControlPanel a {
		border-bottom:none;
	}
	
	.ControlPanel .SubHead {
		font-size:12px;
	}

.FileManager {
    background-color:#fff;
}

/*** FCKeditor overrides ***/
/* remember to change theCSSDefaultMode in web.config to "dynamic"  */
	#FCKBody,
	.FCKImageGalleryContainer,
	.FCKImageGalleryListStyle,
	.FCKLinkGalleryContainer,
	#fckinstanceoptions_tblEditorOptions td {
		background-color:#fff;
		background-image:none;
	}
	
	#FCKBody {
		padding:5px;
	}

	.SC_Field {
		background-color:#fff;
		background-image:none;
	}
	
	.SC_item {
		width:auto;
		padding:2px;
	}

	.SC_Item span,
	.SC_Item div,
	.SC_ItemSelected span,
	.SC_ItemSelected div,
	.SC_Item .Callout,
	.SC_ItemSelected .Callout {
		width:auto !important;
	}
	
	

	
	
/******* End FCK Edit Overrides ***********/


/************
    OTHER CLASSES
***********/
img.PicLeft {
    float:left;
    margin-right:8px;
}

img.PicRight {
    float:right;
    margin-left:8px;
}

.SocialBookMarks {
	margin-left: -10px;
}
.SocialBookMarks li {
	margin-left: 10px;
}

a.Skip {
	display:none;
}

.Callout {
	padding:10px;
	margin:10px 0 10px 10px;
	background:#eee;
	width:200px;
	float:right;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	clear:right;
}



.Markit_SlideShowContent div {
	border:none !important;
}


/**** quick links area on home page ******/

ul.QuickLinks li {
	list-style-type:none;
}

ul.QuickLinks {
	margin-left:0;
}

ul.QuickLinks li a {
	margin:0 0 10px 5px;
	padding-left:90px;
	background-position:top left;
	background-repeat:no-repeat;
	line-height:60px;
	color:#757575;
	display:block;
	height:60px;
}

ul.QuickLinks li a:hover {
	text-decoration:underline;
	color:#62ac55;
	background-position:bottom left;
}

a.Calendar { background-image:url(Images/IconCalendar.jpg); }
a.Bus { background-image:url(Images/IconBus.jpg); }
a.Academic {background-image:url(Images/IconAcademic.jpg); }
/**** end quick links ****/

.HeadingBar {
	background:#153b1f;
	padding:0 0 0 10px;
	color:#fff;
	line-height:20px;
	margin-top:0;
}











/**************
    LAYOUT
**************/
#Body {
	background-color:#b6b6b6;
}

#PageWrap {
	
}

#TopBarWrap {
	height:30px;
	background:#153b1f url(Images/TopBarTile.jpg) repeat-x bottom;
}
#TopBar {
	width:970px;
	margin:0 auto;
	height:30px;
}

#TopBar ul,
#TopBar li {
		margin:0;
		padding:0;
		display:inline;
		color:#fff;
		list-style-type:none;
		float:left;
	}
	
#TopBar ul { float:right; }
	
#TopBar a {
		color:#fff;
		line-height:30px;
		font-size:11px;
	}

#MainWrap {
	background:#fff;
	padding: 0 0 20px 0;
}
#Main {
	width:970px;
	margin:0 auto;
}






#PageLeft {
	float:left;
	width:292px;
	padding-top:5px;
}

.Home #PageLeft {
		padding-top:0;
	}

#LogoBox {
	float:left;
	width:292px;
	height:185px;
	overflow:hidden;
	background:url(Images/LogoBox.jpg) no-repeat right bottom;
}

.Home #LogoBox {
	height:274px;
	background-image:url(Images/HomeLogoBox.jpg);
}

	a#Logo {
		display:block;
		width:184px;
		height:174px;
		text-indent:-9999px;
		background:url(Images/Logo.jpg) no-repeat;
		margin:0px 0 0 101px;
	}
	
	.Home a#Logo {
		width:252px;
		height:234px;
		background-image:url(Images/HomeLogo.jpg);
		margin-left:37px;
		margin:18px 0 0px 34px;
	}
	
#SideNavTop,
#SideNavBottom {
	float:right;
	width:206px;
	height:16px;
	background:url(Images/SideNavTop.jpg) no-repeat;
}
#SideNavBottom { 
	background-image:url(Images/SideNavBottom.jpg); 
	margin-bottom:30px;
}

#SideNav {
	float:right;
	width:206px;
	background:url(Images/SideNavTile.jpg) repeat-y;
	padding-bottom:10px;
}

	#SideNav ul,
	#SideNav li {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	/****** some standard telerik overrides *****/
		#SideNav .RadPanelBar .rpRootGroup,
		#SideNav .RadPanelBar .rpLink,
		#SideNav .RadPanelBar .rpOut {
			border:none !important;
			border-width:0 !important;
		}
	
		#SideNav .RadPanelBar .rpText {
			padding:0 !important;
		}
		
		#SideNav .RadPanelBar .rpOut {
			display:inline;
		}
		
		#SideNav .RadPanelBar .rpSlide .rpOut {
			display:block;
		}
		
		#SideNav .RadPanelBar .rpLevel2 .rpTemplate,
		#SideNav .RadPanelBar .rpLevel2 .rpOut {
			padding:0 !important;	
		}
		
	/**** end telerik overrides *****/
	
	#SideNav li {
		background:url(Images/SidNavDivLine.jpg) no-repeat bottom;
	}
	
	#SideNav ul a {
		line-height:30px;
		font-size:15px;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#62ac55;
		margin-left:30px;
	}
		#SideNav ul a:hover { text-decoration:underline; }
		
		#SideNav ul a.Selected,
		#SideNav ul a.rpSelected {
			color:#153b1f;
		}

	#SideNav ul ul li {
		background-image:none;
	}
	
	#SideNav ul ul a {
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		padding-left:20px;
		line-height:23px;
	}
	
		#SideNav ul ul .rpLast a {
			margin-bottom:10px;
		}
		
	#SideNav ul ul ul a {
		font-size:11px;
		padding-left:40px;
		line-height:20px;
	}
	
		#SideNav ul ul ul .rpLast a {
			margin-bottom:0;
		}






#PageRight {
	width:650px;
	float:right;
	padding-top:25px;
	margin-left: 25px;
	
/*	position:relative; */
}

.Home #PageRight {
		padding-top:0;
	}

#Breadcrumb {
	margin-bottom:40px;
}


#Breadcrumb p {
		margin-bottom:0;
	}

#Banner {
	float:left;
	width:630px;
	height:133px;
	padding:18px 11px 28px 8px;
	background:url(Images/BannerBox.jpg) no-repeat bottom;
	margin-bottom:8px;
}

.Home #Banner {
	height:222px;
	background-image:url(Images/HomeBannerBox.jpg);
}

#Content,
.LeftPane {
	float:left;
	width:400px;
	margin:0 35px 0 0; 
}

#Sidebar,
.RightPane {
	float:left;
	width:215px;

}

.ContentPane {clear:both;}
	
.Home #Sidebar {
		margin-top:0;
	}
	
#Sidebar ul, 
	#Sidebar ol {
		padding-left:17px;
	}

.TwoColumn #Content,
.SingleColumn #Content { 
	margin-top:18px !important;
}

.SingleColumn #Content,
.BannerSingleColumn #Content {
	margin:0 0 0 15px;
	width:650px;
}




#FooterWrapper {

	clear:both;
	background:#b6b6b6 url(Images/FooterTile.jpg) repeat-x;
	}


#Footer {
	margin:0 auto;
	min-height: 230px;
	width:700px;
	padding: 30px 10px 10px 120px;
	text-align:left;
} 

	#FooterLeft {
		float:left;
		width:200px;
		background-image:url(Images/GPISDSeal.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left: 130px;
	}
	
	#FooterRight {
	
		background-image:url(Images/FooterLogo.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding-left: 140px;
		float:right;
		width:180px;
	}
	
	
#FooterBottom {
	clear:both;
	padding-left: 130px;
	}
	
	#Footer p,
	#Footer a {
		color:#676767;
		font-size:1.0em;
	}
	
	#Footer p {
		margin-bottom:12px;
		line-height:18px;
	}
	
	#Footer img {
		margin:0 10px 10px 0;
	}








/********* 
	FORM MASTER STYLES 
***********/

.FormTable {
 clear:both;
 background-color:#ebebeb;
 border: 3px solid #b6b6b6;
 width: 400px;
 
}

.FormTable tr {

}

.FormTable td {
padding: 3px;
}


.FormTable .NormalTextBox tr {

}

/**** Reset Headline margins/padding ****/
.FormTable h1, 
.FormTable h2, 
.FormTable h3, 
.FormTable h4,
.FormTable .Head,
.FormTable .SubHead, 
.FormTable .SubSubHead {
	margin:0;
	padding:0;
}

/*** LABELS ***/
	.FormTable label {
		font-size:1.0em;
		color:#757575;
		font-weight:bold;
		float:left;
		text-align:right;
		width:60px;
	}

.FormTable .SubHead {
	margin-right:25px;
}
	
	.FormTable label.DoubleLine {
		line-height:1em;
	}
	
	.FormTable .NormalTextBox label { 
		/* for labels within the text box area, like radio button and check box labels */
		float:none;
		margin-bottom:0;
		font-weight:normal;
		width:auto;
		text-align:left;
	}

/*** INPUT FIELDS ***/
	.FormTable .NormalTextBox,
	.FormTable .LongTextBox, 
	.FormTable .ShortTextBox,
	.FormTable .TinyTextBox,
	.FormTable .MultiTextBox {
		width: 160px;
		border: 1px solid #ccc;
		color:#787878;
		padding-left: 2px;
		height:22px;
		line-height:22px;
	}
	
		.FormTable select.NormalTextBox {
			width:183px;
			line-height:normal;
		}
	
	.FormTable .LongTextBox { width:200px; }
	.FormTable .ShortTextBox { width:90px; }
	.FormTable .TinyTextBox { width:50px; }
	.FormTable .MultiTextBox { height:150px; width:250px; }
	


.FormTable .FormSubmit {
	margin-left:109px;
}

/**** To hide the " *Required " text ****/
.FormTable td[valign=middle] {
	display:none;
}
