/*/*/
/* SC.GOV Content Management Partner Template Styles - Copyright South Carolina 2006 /*

/** Useful Shortcuts:
*	font: font-style  font-variant  font-weight  font-size / line-height  font-family
*	background:  background-color  background-image  background-repeat  background-attachment  background-position 
*	border: border-width  border-style  border-color 
*	margin: top right bottom left 
*	padding: top right bottom left
***/


/********************* STANDARD TAGS **********************/
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font: normal 70%/120% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
img, form, p {margin: 0px; padding: 0px;}
p {margin-bottom: 1.3em;}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
}

h1 {font-size: 1.4em; letter-spacing: .04em; margin: 0 0 .3em 0;}
h2 {font-size: 1.2em; letter-spacing: .02em; margin: 0 0 .3em 0;}
h3 {font-size: 1.1em; margin: 0 0 .3em 0;}
h4 {font-size: 1.0em;}
h5 {font-size: .9em;}
h6 {font-size: 1.0em;}

a:link {
	color: #0084BC;
	text-decoration: underline; 
	} 
	a:visited {
	color: #003366;
	text-decoration: underline;
	} 
	a:hover {
	color: #AAAAAA;
	text-decoration: none;
	} 
	a:active {
	color: #FF8C6A;
	text-decoration: underline;
} 

.hide, #siteName {
	display: none;
	line-height: 0;
	font-size: 0;
}



/********************* CONTENT **********************/
.relContentHeader { 
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	color: #006633;
	margin: .3em 0;
	padding: 0 0 .3em .1em !important;
	border-bottom: 1px dashed #000;	
}
div.relativeContentLeft p, 
div.relativeContentRight p {padding: 0 0 0 .2em;}

#contentContainer,
#contentLeft,
div.relativeContentLeft, 
div.relativeContentRight {overflow: hidden;}



/********************* NAVIGATION **********************/

#globalNav {
	text-align: right;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	padding: 1.2em 0px 0px 0px;
	margin: 0 0 -3px 0;
	}
	#globalNav img {
	margin: -.55em 15px 0px 2px; 
	display: block; 
	position: relative; 
	float: left;
	}
	#globalNav ul {
	margin: 0 0 0 5px; 
	padding: 0px;
	}
	#globalNav li {
	display: inline; 
	font-size: 1.1em;
	vertical-align: top;}
	#globalNav ul a:link, #globalNav ul a:visited {
	color: #333333;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat right center; 
	padding: 0 14px 0 0;
	
	}	
	#globalNav ul a:hover {
	background: url(../images/bullet.gif) no-repeat right center;
	text-decoration: underline;
}

a.TopNavLogoutButton {
	color: #003399!important;
	border: 1px solid #FF0000;
	padding-right: 0 !important;
	margin-right: 15px;
	text-decoration: underline !important;
	text-transform: uppercase;
	background-color: #FFF;
	z-index: 5000;
}

#globalNav form {float: none; } 
	html>body #SearchForm {} /* IE Fix */
	#SearchForm label {position: static; border: none; vertical-align: top; float: none; display: inline; padding: 0;}
	#SearchForm input {font-size: 100%; margin: -3px 3px 0 0px; float: none; display: inline;}
	#q {width: 100px; font-size: 100%; float: none;}
	/* Commented Backslash Hack
		 hides rule from IE5-Mac \*/
	#q {width: 150px; font-size: 100%; /* End IE5-Mac hack */
}  

#quickLinks ul {
	margin: .25em; 
	padding: 0em 0 0 .8em; 
	background: url(../images/bulletSquareWhite.gif) no-repeat .4em .45em;
	}
	#quickLinks li {
	display: inline;
	color: #FFF;
	padding: 0 1em 0 .5em;
	}
	#quickLinks li.qlTitle {background: none;}
	
	#quickLinks a {
	color: #FFF;
	text-decoration: none;
	}
	#quickLinks a:hover {text-decoration: underline;
}

#leftNav {
	font: bold 1.2em/1.4 Arial, Helvetica, sans-serif;
	background: url(../images/navTop.gif) no-repeat center top;
	}
	#leftNav ul {
	list-style: none;
	padding: 1em 0 1em 2.3em;
	margin: 0;
	background: url(../images/navBottom.gif) no-repeat center bottom;
	text-indent: -0.5em;	
	}
	#leftNav a {
	color: #000;
	text-decoration: none;
	}
	#leftNav a:hover {text-decoration: underline;
}

#leftNav ul ul {
	background: none;
	width: 95px;
	font-size: 80%;
	font-weight: normal;
	color: #000; 
	padding: 0 0 0 1.5em;
	list-style-type: square;
	text-indent: 0;
	}
	#leftNav ul ul li {
	padding-bottom: .3em;
}

#PortalManagementUL {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0px;
	}
	#PortalManagementUL li {
	margin: 0 0 .3em 0;
}

/*** BREADCRUMBS ***/
#breadcrumbs a {text-decoration: underline; color: #000;}
#breadcrumbs a:hover {text-decoration: none;}

/*** FOOTERS ***/
#agencyFooter a {color: #FFF; text-decoration: none;}
#agencyFooter a:hover {color: #FFF; text-decoration: underline;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}




/********************* LAYOUT *************************/
#pageContainer {
	margin: 0 auto;
	padding: 0px;
	width: 775px;
	text-align: left;
	background: url(../images/minimal-background.jpg) repeat-y center top;
	}
	
#page {
	position: relative;
	width: 745px;
	padding-left: 17px;
	background: none;
	}
	/* IE5.x/Win hack */
	#page {width: 762px; voice-family: "\"}\""; voice-family: inherit; width: 745px;
}


#globalNav {
	background: url(../images/enterpriseHeaderbg.gif) repeat-x;
	height: 23px;
	width: 745px;
	position: relative;
	float: right;
	}
	/* IE5.x/Win hack */
	#globalNav {height: 28px; voice-family: "\"}\""; voice-family: inherit; height: 23px;
	}
	#globalNav a.scgov {
	display: inline;
	float: left;
	width: 88px;
	height: 1022px; /* Add 1000px to allow for moving the text off-screen */
	background: url(../images/enterpriseLogo.gif) no-repeat 0 1000px;
	margin: -1004px 15px 0px 2px;

}

#branding {
	background: url(../images/agencyBranding.jpg) no-repeat center 2000px;
	width: 745px;
	height: 2164px;  /* Add 2000px to allow for moving the text off-screen */
	float: left;
	margin-top: -2000px;	
}
#quickLinks {
	position: relative;
	float: left;
	width: 745px;
	background-color: #000;
}
#breadcrumbs { 
	font-family: Arial, Helvetica, sans-serif;
	margin: 6px 0 0 0;
	padding: 0 0 1em 0;
	color: #444444;
	width: 400px;
}
#leftNav { 
	position: relative;
	float: left;
	width: 164px; 
	margin: 25px 0 0 0px;
	padding: 0 0 35px 0;
	clear: none;
}

#contentContainer{
	float: right;
	width: 575px;
	margin: 2px 2px 15px 0;
	}
	#contentLeft {
		float: left;
		position: relative;
		margin: 2px 0px 15px 0px;
		width: 390px;
	}
	/* IE5.x/Win hack */ 
	#contentLeft {
	width: 380px; voice-family: "\"}\""; voice-family: inherit; width: 400px;
	}
	#contentRight {
		position: relative;
		float: right;
		width: 146px;
	}
	div.relativeContentLeft {float: left; width: 140px; clear: left; padding-left: 15px;}
	div.relativeContentRight {position: relative; float: right; width: 140px; margin: 0 6px 2em 0;
}

#agencyFooter {
	background-color: #000;
	color: #FFF;
	text-align: left;
	line-height: 150%;
	padding: 4px 4px 0px 4px;
	width: 737px;
	height: 20px;
	position: relative;
	float: left;
}

#footer {
	background-color: #FFF;
	color: #000;
	text-align: left;
	line-height: 150%;
	padding: 4px 4px 0px 4px;
	width: 737px;
	height: 20px;
	position: relative;
	float: left;
	}
	/* IE5.x/Win hack */
	#footer, #agencyFooter {width: 745px; voice-family: "\"}\""; voice-family: inherit; width: 737px;
}

.copyright {position: absolute; right: .3em;}
.clearing {clear: both; height: 0; line-height:0; font-size: 1px;}