/*
#################################
#      RE-STYLE BASIC TAGS      #
#################################
*/
body{
	background-color:#575757;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
}

p { margin:0px; line-height: 1.4em; }
h1 { font-size:20px; font-weight:normal; margin:0px 0px 5px 0px; }
h2 { font-size:16px; font-weight:normal; margin:0px 0px 5px 0px; }
h3 { font-size:12px; font-weight:bold; margin:0px 0px 5px 0px; }
h4 { font-size:12px; color:#0A1F83; font-weight:bold; margin:0px 0px 0px 0px; }

a:link,a:hover,a:visited { color:#0A1F83; }

hr {
	border: none 0; 
	border-top: 1px solid #CCCCCC;/*the border*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

/*
#################################
#            ROOT DIV           #
#################################
*/
#base{
	width:860px;
	background-image: url(../images/framework/background.gif);
	background-repeat: repeat-y;
}

/*
#################################
#            HEADER             #
#################################
*/
#header{ background-color:#FFFFFF; width:794px; text-align:left; }

/*
#################################
#          NAVIGATION           #
#################################
*/
/* All list items */
#nav li {
	float: left;
	width: 131px; /* width needed or else Opera goes nuts */
}

/* Topp level list */
#nav a:link, #nav a:visited{
	height: 23px;
	padding-top:8px;
	display: block;
	text-align: center;
	color: #646464;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../images/framework/nav_divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#nav a:hover { color:#0A1F83; }

/* All lists */
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; }

/* Second-level lists */
#nav li ul {
	position: absolute;
	left: -999em;  /*using left instead of display to hide menus because display:none isn't read by screen readers */
	padding-top: 4px;
	border-bottom: 1px solid #CCCCCC;
}

/* All second-level list styles */
#nav li ul li{
	height:20px;
	width: 145px; /* Must be here to override the inherit from #nav li */
	clear:both;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/* Because IE6 renders the border-style:dotted as dashed */
	background-image: url(../images/framework/nav_secondlevel_divider.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
}

/* All second-level list styles */
#nav li ul li a:link,#nav li ul li a:visited {
	height:20px;
	width: 145px;
	font-size: 11px;
	font-weight:normal;
	text-align:left;
	background-image: none;
}

/* Hack for IE6 (This is rendered by all BUT IE6) */
#nav li ul>li { padding-bottom:6px; }

/* Lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/*
#################################
#        CONTENT STYLES         #
#################################
*/
/* Hack for IE6 (This is rendered by all BUT IE6) */
#base>#content{ margin-left:33px; float:left; clear:both; }

#content{
	background-color:#FFFFFF;
	width:754px;
	height:400;
	text-align:left;
	padding:20px 20px 0px;
}
#col_pri{
	padding:10px 0px 20px 0px;
	background-color:#FFFFFF;
	width:550px;
	float: left;
}
#col_sec{
	width:170px;
	float:right;
	background-color:#EFEFEF;
	padding:10px;
	margin-bottom:20px;
}
#col_sec h1{ color:#0A1F83; font-size: 16px; }
#col_sec h2{ color:#0A1F83; }
#col_sec h3{ color:#0A1F83; }
#col_sec h4{ color:#0A1F83; }
#col_sec h5{ color:#0A1F83; }
#col_sec h6{ color:#0A1F83; }

/*
#################################
#            FOOTER             #
#################################
*/
/* Hack for IE6 (This is rendered by all BUT IE6) */
#base>#footer{ margin-left:33px; float:left; }

#footer {
	background-color:#FFFFFF;
	width:794px;
	height:25px;
	text-align:center;
	font-weight: bold;
	color: #999999;
	padding: 10px 0px 10px 0px;
}

/*
#################################
#    Styles for tiny mce        #
#################################
*/
.ImageAlignLeft{ float:left; padding-right:10px; }
.ImageAlignRight{ float:right; padding-right:10px; }

/*
#################################
#          FORM STYLES          #
#################################
*/

#marginForm fieldset{
	display: block;
	margin: 0 0 1em 0;
	border: 0 solid #FFFFFF;
	border-top: 1px solid #000000;
	padding: 0 1em 1em 1em;
}

#marginForm fieldset legend{ color:#000033; } 

#marginForm fieldset.radio { margin: 0; border: 0 solid #FFFFFF; }

#marginForm fieldset.radio input{
	position: static;
	clear: both;
	float: left;
	margin-top: -0.1em;
}

#marginForm fieldset.radio label{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
	padding-top: 4px;
}

#marginForm fieldset.radio legend{ float: left; font-weight: bold; }


#marginForm input,#marginForm select,#marginForm textarea{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}

#marginForm input.submit{ 
	clear: both; 
	top: 0; 
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	color: #333333;
	font-weight: bold;
	font-size:11px;
}
#marginForm input.submit:active { border: 3px double #CCCCCC; border-top-color: #999999; border-left-color: #999999; }

#marginForm label{
	clear: both;
	float: left;
	display: block;
	width: 8em;
	margin-top: -1em;
	font-weight: bold;
}

#marginForm label.first{ margin-top: 1em; }

.required{ color:#FF0000; }
.clearer { clear: both; }

/*
#################################
#           DEBUGGER            #
#################################
*/
#debugger {
	position: fixed;
	background-color: #0A1F83;
	height: 75px;
	width: 100%;
	z-index:1;
	left: 0px;
	bottom: 0;
	border-top: thin double #000000;
	color: #FFFFFF;
}