/* Base , Set up fonts etc. */
body
{
	font				: 0.8em Arial, Verdana, Geneva, Sans Serif, sans;
	margin			: 0em;
	padding			: 0em;
	background		: #f9f5ff; 
	color				: #ccb8b8;
	}
h1
{
	font				: bold 1.4em Arial, Verdana, Geneva, Sans Serif, sans;
}
#pageWrapper
{
	width				: 960px;
	margin			: auto;
}
#pageHeader
{
	background-color	: #f5fff9;
	background-image	: url(header_bg.jpg);
	height				: 135px;
	border				: solid 1px #93cca6;
	color					: #3a403c;
	padding				: 1em;
	margin-top			: 20px;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
}
#pageHeader h1
{
	margin				: 0px;
}
#pageHeader a, #pageHeader a:visited
{
	color					: #334039;
}
#pageHeader a:hover
{
	color					: #3a403c;
}
#siteNavigation
{
	position				: absolute;
	top					: -27px;
	right					: 0px;
	*right				: 3px;
}
#siteNavigation h1
{
	display				: none;
}
#siteNavigation ul
{
	margin				: 0em;
	padding				: 0em;
	list-style			: none;
}
#siteNavigation li
{
	display				: inline;
}
#siteNavigation li a, #siteNavigation li a:visited
{
	padding				: 3em 5em 3em 5em;
	background-color	: #f9f5ff;
	border				: solid 1px #a693cc;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;	
	color					: #3c3a40;
	text-decoration	: none;
	font-weight			: bold;
	margin				: 0px 5px 0px 0px;
	font-size			: 85%;
	float					: left;
}
#listBreaker
{
	clear					: left;
	display				: block;
	padding-bottom		: 20px;
}
#siteNavigation li a:hover
{
	background-color	: #f5fff9;
	border				: solid 1px #93cca6;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;	
	color					: #3a403c;
}
#subPageWrapper
{
	position				: relative;
	margin-top			: 15px;
}
#userLinks
{
	float					: right;
	clear					: right;
}
#userLinks h1
{
	display				: none;
}
#userLinks ul
{
	margin				: 0px;
	padding				: 0em;
	list-style			: none;
	margin-bottom		: 10px;
	width					: 130px;
	border				: solid 1px #a693cc;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	border-bottom		: 0em;
	font-weight			: bold;
	font-size			: 95%;
}
#userLinks li
{
	display				: inline;
}
#userLinks a, #userLinks a:visited
{
	background-color	: #f9f5ff;
	display				: block;
	padding				: 3em 5em 3em 5em;
	text-decoration	: none;
	font-size			: 90%;
	color					: #3c3a40;
	border-bottom		: solid 1px #a693cc;
	border-left			: solid 10px  #a693cc;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	margin				: 0px 0px 1px 0px;
}
#userLinks a:hover
{
	background-color	: #f5fff9;
	color					:  #3a403c;
}
#extraContent
{
	float					: left;
	clear					: left;
	width					: 180px;
	border				: solid 1px #cca693;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	background-color	: #fff9f5;
	color					: #403c3a;
	margin-bottom		: 2em;
	margin-right		: 4em;
}
#extraContent a, #extraContent a:visited
{
	color					: #403933;
}
#extraContent a:hover
{
	color					: #403c3a;
}
#extraContent2
{
	
	float					: left;
	clear					: left;
	width					: 180px;
	border				: solid 1px #7d6f99;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	background-color	: #eee6ff;
	color					: #3c3a40;
	margin-bottom		: 2em;
	margin-right		: 4em;
}
#extraContent2 a, #extraContent2 a:visited
{
	color					: #383340;
}
#extraContent2 a:hover
{
	color					: #3c3a40;
}
#mainContent
{
	margin				: 0px 0px 10px 200px;
	border				: solid 1px #93cca6;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	background			: #f5fff9;
	color					: #3a403c;
	height            : 513px;
}
#mainTitle
{
	border: solid 1px #93cca6;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	padding: 10px;
	margin: 5px;
	font-size: 1.5em;
	background: #fff;
	color: #20b2aa;
	text-shadow: 0px 0px 10px #20b2aa;
	text-align: right;
}
#mainContent a:hover
{
	color					: #3a403c;
}
#mainContent a, #mainContent a:visited
{
	color					: #334039;
}
.contentContainer
{
	padding				: 10px;
}
#subPageBreaker
{
	clear					: both;
	display				: block;
}
#pageFooter
{
	border-top			: solid 1px #a693cc;
	margin				: 0px;
	padding				: 3px;
}
#pageFooter h6
{
	padding				: 0px;
	margin				: 0px;
	font-size			: 90%;
	font-weight			: normal;
}
#pageFooter a, #pageFooter a:visited
{
	color					: #cca4a4;
}
#pageFooter a:hover
{
	color					: #ccb8b8;
}
#bntag
{
	width					: 936px;
	text-align			: center;
	margin				: auto;
	background-color	: #ffeaea;
	border				: solid 1px #ff5959;
	border-radius		: 8px;
	box-shadow   		: rgba(0,0,0,0.5) 0px 0px 24px;
	color					: #3a403c;
	margin-top			: 10px;
	padding				: 1em;
	font-size			: 90%;
	margin-bottom		: 10px;
}
#bntag a, #bntag a:visited
{
	color					: #334039;
}
a img
{
	border				: none 1px;
}
#rounded
{
	border				: none 1px;
	border-radius		: 4px;
}
.hr
{
   background-image: url(line.gif);
   width: 138px;
	height: 4px;
}
.ul
{
   padding: 20px;
}

.li
{
   padding: 8px;
}
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 20px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #6c6; /* set border color to page background color */
background-color: #f9f5ff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #f9f5ff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #cfc; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}