@media screen {
* { margin:0; padding:0; }
.Left { float:left; } .Right { float:right; } .Clear { clear:both; min-height:0px; }
/* default list styles */
ul, ol { margin-left:30px; list-style-type:disc;} ol { list-style-type:decimal;}ul ul, ul ol, ol ul, ol ol { margin-left:30px; list-style-type:circle; margin-bottom:0;} ul ol, ol ol {    list-style-type:lower-alpha;}

/****************
    TYPOGRAPHY
****************/

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:170%;
	color:#606060;
	font-size:76%;
}

table {
    border: 0px;
}

p, li,
.Normal {
    font-size:1.0em;
}

p, li {
	margin-bottom: 20px;
	}

li {
    margin-bottom:0;

}

ul, ol {
	margin-bottom:20px;
}
 
#Main td {padding:0;}
 
 
.NormalBold  {
    font-weight:bold;
}
 
h1, h2, h3, h4,
.Head, .SubHead, .SubSubHead {
	margin:10px 0;
	color:#606060;
	line-height:1.25em;
}

h1 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:20px;
	color:#A10103;
}
 
h2, .Head {
	font-size:1.2em;
	font-weight:normal;
}

h3, .SubHead {
	font-size:1.1em;
	font-weight:bold;
}

h4, .SubSubHead {
	font-weight:normal;
	font-size:1.1em;
}

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:#976727;
}

a:hover {
	text-decoration:underline;
}

a:active {
  outline: none;
}

a:disabled {
	color:#606060;
	text-decoration:none;}


blockquote {
	margin:10px 10px 10px 30px;
	font-style:italic;
}


/************
    DNN SPECIFIC STYLES
************/
.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;
}

Option.OptionHeader {
	background:#eee;
	font-weight:bold;
	color:#333;
}

.Announcements p {
	margin-bottom:11px;
}

/* PNG Fix */
img, div { behavior: url(/Portals/SGPHS/Skins/SGPHS/Images/iepngfix.htc) }











/**************
    LAYOUT
**************/
#Body {
	background:#999;
}

#HeaderWrap {
	height:115px;
	background:url(Images/HeaderTile.jpg) repeat-x;
}

#Watermark {
	background:url(Images/HeaderWatermark.gif) center top no-repeat;
	z-index:1;
	position:relative;
}

#Header {
	width:953px;
	margin:0 auto;
	position:relative;
	height:115px;
}

	#UpperNav {
		float:right;
		height:25px;
	}
	
		#UpperNavLeft {
			width:18px;
			height:25px;
			background:url(Images/UpperNavLeft.jpg) no-repeat;
			float:left;
		}
		
		#UpperNavRight {
			float:left;
			background:#A10103 url(Images/UpperNavRight.jpg) no-repeat right;
			padding-right:18px;
		}
		
			#UpperNav li,
			#UpperNav ul {
				margin:0;
				padding:0;
				color:#fff;
				list-style-type:none;
				float:left;
				display:inline;
			}
			
			#UpperNav a {
				color:#fff;
				font-size:12px;
				line-height:25px;
			}
		
	
	
		#Logo {
			float:left;
			position:relative;
			height:115px;
			z-index:1;
		}
			a.Logo {
				width:217px;
				height:272px;
				text-indent:-9999px;
				display:block;
				background:url(Images/Logo.png) no-repeat;
				position:absolute;
				z-index:10;
				top:20px;
				left:0;
			}
			
			a#HeaderTitle {
				display:block;
				width:754px;
				height:43px;
				text-indent:-9999px;
				background:url(Images/HeaderSGPHS.jpg) no-repeat;
				position:absolute;
				top:50px;
				left:202px;
				z-index:10;
			}

#NavigationWrap {
	height:33px;
	background:url(Images/NavigationTile.jpg) repeat-x top;
}

#Navigation {
	height:33px;
	width:953px;
	margin:0 auto;
	background:transparent;
}

	#Navigation ul,
	#Navigation li {
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		display:inline;
		font-size:1.05em;
	}
	
	.RadMenu_MainNav {
		float:right !important;
	}
	
	#Navigation a {
		min-width:104px;
		border-left:1px solid #ffaa0d;
		line-height:30px;
		height:30px;
		color:#664a15;
		text-align:center;
	}
	
	#Navigation .last a {
		border-right:1px solid #ffaa0d;
	}
	
	#Navigation a.Selected,
	#Navigation a:hover {
		background:url(Images/NavigationSelectedTile.jpg) repeat-x 0 1px;
		text-decoration:none;
		cursor:pointer;
	}
	
	#Navigation .slide a {
		line-height:22px;
		height:22px;
		font-size:12px;
		border:1px solid #ffaa0d;
		border-top:none;
		text-align:left;
	}
	
		#Navigation .slide .first a {
			border-top:1px solid #ffaa0d;
		}
	
	
.RadMenu_MainNav .rootGroup .item {
	background-color: transparent;
}


.RadMenu_MainNav .vertical .item {
	background-color:#FFC352;
	text-align:left;

	}
	
.RadMenu_MainNav .vertical .item a {
	padding: 0 5px;

}

.RadMenu_MainNav .vertical .item a.Selected,
.RadMenu_MainNav .vertical .item a:hover {
	background-image:none;
	background-color:#FDDFA9;
	}


#NAvigation .RadMenu a.rmLink  
{ 
    float: left; 
} 


/* #FDDFA9 */


#MainWrap {
	background:#fff;
	position:relative;
}

#Main {
	margin:-2px auto 0;
	width:953px;
	/*background: url(Images/ColumnShaddow.gif) repeat-y 212px;*/
	background: url(Images/ColumnLine.gif) repeat-y 217px;
	padding-bottom:30px;
	min-height:200px;
}

	.Home #Main {
		background:none;
		padding-bottom:30px;
	}

#Breadcrumb {
	padding: 10px;
	margin-left: 218px;
	background-color:#f7f7f7;
	}


#SideNav {
	float:left;
	width:209px;
	margin-left:9px;
	padding-top:155px;
}

	/****** 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 ul,
	#SideNav li {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#SideNav ul li { 
		line-height:30px; 
	}
	
	#SideNav ul ul li { margin-left:25px; }
	
	#SideNav a:hover { text-decoration:underline; }
	
	#SideNav ul a {	
		font-size:14px;	
		line-height:30px;
		/*font-weight:bold;*/
		padding-left:10px;
		margin-top:-5px;
	}
	
	#SideNav ul ul a { 
		font-size:12px; 
		margin-top:-9px;	
	}
	
	#SideNav ul ul .rpFirst {
		margin-top:8px;
	}
	
	#SideNav ul ul .rpLast {
		margin-bottom:8px;
	}
	
	#SideNav ul ul ul a { font-weight:normal; }
	
		#SideNav ul a.Selected,
		#SideNav ul a.Selected:hover {
			/*background:url(Images/SideNavLargeTab.gif) no-repeat left 1px;*/
			text-decoration:none;
			font-weight:bold;
		}
		
		#SideNav ul ul a.rpSelected,
		#SideNav ul ul a.rpSelected:hover {
			/*background:url(Images/SideNavSmallTab.gif) no-repeat left 1px;*/
			font-weight:bold;
		}
		
		#SideNav ul ul ul a.rpSelected,
		#SideNav ul ul ul a.rpSelected:hover {
			/*background:url(Images/SideNavTinyTab.gif) no-repeat left 1px;*/
			font-weight:bold;
		}
	
	
	
#Banner {
	float:left;
	width:704px;
	padding:10px 0 10px 30px;
}

#Content {
	float:left;
	padding-left:30px;
	padding-top:20px;
}

#Banner + #Content {
	padding-top:0;
}

	.TwoColumn #Content {
		width:456px;
	}
	
	.SingleColumn #Content {
		width:705px;
	}
	
	.Home #Content {
		padding:0;
		width:926px;
		margin-left:37px;
	}

#Sidebar {
	float:right;
	width:219px;
}

#Bottom {
	float:right;
	width:705px;
	padding:20px 0 0 30px;
}

/***** HOME PAGE ******/
#SlideShow {
	float:left;
	width:926px;
	min-height:200px;
	margin:0 0 0 37px;
	text-align:center;
}

	#SlideShow div {
		border:none;
	}
	
	.slide-inner { 
		z-index:0 !important; 
	}

.Col {
	float:left;
	width:278px;
	margin-right:46px;
}

.Col1 {
	float:left;
	width:580px;
	margin-right:46px;
	}

.Col2 {
	float:left;
	width:278px;
	margin-right:-40px;
	}





#FooterWrap {
	clear:both;
	background:#999999 url(Images/FooterTile.gif) repeat-x;
} 


#Footer {
	margin:0 auto;
	height: 230px;
	width:953px;
	padding-left:0;
} 

	#FooterLeft {
		float:left;
		width:460px;
		padding:30px 0 0 57px;
	}
	
	#FooterRight {
		float:right;
		width:295px;
		padding:30px 0 0 0;
	}
	
	#Footer p,
	#Footer a {
		color:#555;
		font-size:12px;
	}
	
	#Footer p {
		margin-bottom:12px;
		line-height:18px;
	}
	
	#Footer img {
		margin:0 10px 10px 0;
	}









/********* 
	FORM MASTER STYLES 
***********/

.FormTable {
 clear:both;
 background:none;
}

.FormTable tr {
	height:2em;
}

.FormTable .NormalTextBox tr {
	height:1em;
}

/**** 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:12px;
		color:#606060;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		width:100px;
		line-height:1.5em;
		text-align:right;
		padding-right:5px;
	}
	
	.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 {
		width: 180px;
		border: 1px solid #ccc;
		color:#787878;
		min-height:20px;
		line-height:20px;
		padding-left: 2px;
		margin-bottom:1em;
	}
	
		.FormTable select.NormalTextBox {
			width:183px;
			line-height:normal;
		}
	
	.FormTable .LongTextBox { width:250px; }
	.FormTable .ShortTextBox { width:100px; }
	.FormTable .TinyTextBox { width:50px; }
	
	.FormTable .Multi { height:150px; }
	


.FormTable .FormSubmit {
	margin-left:109px;
}

/**** To hide the " *Required " text ****/
.FormTable td[valign=middle] {
	display:none;
}

} /* Close @media screen */