/* Main Site Structure */
body
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Trebuchet MS, Arial, Helvetica, Sans-serif;
	text-align: center;
	font-size: xx-small;
	line-height: 1.3em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: .70em;
}

/* IE handles font sizes differently than other browsers. So, we define them one way
   for those browsers and another for IE. The construct immediately above and below this
   comment is only visible to non-IE browsers allowing us to define the xx-small that
   IE needs and the x-small the others all need. */

html>body
{
	font-size: .70em;
}

form
{
	margin-left: 10px;
	margin-top: 10px;
}

#pageContentHome h2
{
	margin-top: 0px;
	margin-left: 10px;
}

#contentItemBox
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #999999;
	padding-left: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#pageContentHome #contentItemBox
{
	padding-left: 0px;
	margin-top: -105px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: #ffffe9;
	border-width: 0 1px 0 1px;
	border-color: #999;
	border-style: none solid none solid;
	width: 251px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 249px;
}

#pageContentHome #contentItemBox h2 { zoom: 1; background: #FFF; color: #000; margin: 0; padding: 10px 10px 2px 10px; margin-bottom: 5px; border-bottom: 1px dotted #000; font-size: medium; text-transform: none; }

#pageFooter a:link, #pageFooter a:visited
{
	color: #009;
}

#pageFooter a:hover
{
	color: #06F;
	text-decoration: underline;
}


/* nation specific styles */
ul#navList
{
	list-style: none;
	margin: 0px; padding: 0;
	text-align: right;
	font-size: .9em;
	font-family: Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1px;
}
ul#navList li
{
	padding: 0;	margin: 0px;
	list-style: none;
	background: url(/images/nav_border.gif) repeat-x bottom left;
}
ul#navList li a
{
	display: block;
	padding: 4px 8px 4px 0;
	color: #369;
	text-decoration: none;
	zoom: 1;
}
ul#navList li.current a
{
	background: #D3E8FD url(/images/nav_border.gif) repeat-x bottom left;
}
ul#navList li a:hover
{
	background: #EBF5FF url(/images/nav_border.gif) repeat-x bottom left;
}
#navigation div.callout p
{
	font-size: xx-small;
	color: #777;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}

#navigation div.callout form
{
	font-size: xx-small;
	color: #777;
	text-align: right;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 20px;
}

#navigation div.callout img
{
	padding-top: 4px;
}

#navigation div.callout form input
{
	padding-top: 4px;
}

#navigation div.callout h2
{
	color: #777;
	font-size: x-small;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

/* pageFooter specific styles */
#pageFooter p
{
	margin: 0px;
	padding: 0px;
}

/* General Styles (not panel specific) */
p
{
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
}

h1, h2, h3, h4, h5, h6
{
	color: #336699;
	margin-left: 0px;
	margin-right: 0px;
}

h1
{
	font-size: large;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 3px;
}

h2
{
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 3px;
	padding-top: 6px;
}

h3
{
	font-size: small;
	font-weight: bold;
	padding-bottom: 0;
	margin-bottom: 3px;
	margin-left: 10px;
}

h4
{
	font-size: x-small;
	font-weight: bold;
	margin-left: 10px;
}

h5
{
	font-size: xx-small;
	font-weight: bold;	
}

h6
{
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
}

a:link, a:visited
{
	color: #000099;
}

a:hover
{
	color: #336699;
}

div.box
{
	border: none;
	margin: 0em 0em 0em 0em;
	padding: 0px;
}

div.box ul
{
	padding-left: 0px;
	margin-left: 20px;
	padding-right: 5px;
	margin-top: 0px;
}

div.box ul li
{
	margin: 0px;
	padding: 0px;
}

div.box h1
{
	color: white;
	padding: 0em 1em 0em 0em;
	border: none;
	height: 1em;
	margin: 0px;
	font-size: x-small;
}

div.body h2
{
	display: block;
	font-size: small;
	line-height: 1.2em;
	padding-top: 0px;
	margin-bottom: 1px;
}

div.box h3
{
	font-size: 1em;
}

div.box div.body
{
	background: transparent;
	padding-top: 5px;
}

.boxDetails
{
	text-align: right;
}

div.box .content
{
	padding: 1em;
}

div.box a.close
{
	float: right;
	text-transform: none;
	border-left: 1px solid #8CACBB;
	padding: 0em 0.2em;
}

div.box .even
{
	background-color: #F7F9FA;
}

div.box .odd
{
	background-color: transparent;
}

div.box input
{
	font-size: 100%;
}

.accessKey
{
	text-decoration: underline;
	font-weight: bold;
}

.warning
{
	font-size: x-small;
	color: red;
}

.bigWarning
{
	font-size: medium;
	color: red;
}

/* Content Items Styling */
.contentItem
{
}

.contentItem p
{
}

.contentItem h2
{
	margin-left: 10px;
	margin-bottom: 8px;
}

#pageContentHome .contentItem h3
{
	margin-left: 10px;
	color: #666;
	height: auto;
	font-weight: bold;
	font-size: x-small;
	padding-bottom: 3px;
	margin-bottom: 1px;
	background-image: url(images/dots_horz.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-transform: uppercase;
}

.contentItem img
{
	margin-bottom: 5px;
}

.contentItem li
{
	margin-left: 20px;
}

.contentItem ul
{
	padding-left: 10px;
	margin-left: 30px;
}

.contentItem ol
{
}

.contentItem li p
{
	margin: 0px;
	padding: 0px;
}

.formLabel
{
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	font-size: xx-small;
}

input, textarea, select, option
{
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: xx-small;
}

.formData
{
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.formIncorrect
{
	color: red;
}

.formCorrect
{
	color: green;
}

.formError
{
	font-weight: bold;
	color: red;
}

.formCompletion
{
	font-weight: bold;
	color: gray;
	margin-top: 10px;
}

.formButtons
{
}

.formIncorrectImg
{
	width: 16px;
	height: 16px;
	background-color: #FFF;
	background-image: url(/images/incorrect.gif);
	background-position: 0 0;
}

.formCorrectImg
{
	width: 16px;
	height: 16px;
	background-color: #FFF;
	background-image: url(/images/correct.gif);
	background-position: 0 0;
}

div.instructions
{
	border-color: #6E9974;
	border-width: 1px;
	border-style: solid;
	background-color: #E4B3B3;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 50px;
	/* Yes, this is high. See below. */
	padding-bottom: 0px;
	height: auto;
}

/* This next bit hides this particular margin for the div.instructions box from MSIE.
   IE, for some reason needs the value to be high, like 50 to push the next item down
   enough on the page whereas all other browsers do the correct thing and 10 is sufficient
   So, we define it to be 50 for IE and then redefine it to be 10 in a way that all browsers
   but IE can understand. */

div>div.instructions
{
	margin-bottom: 10px;
}

div.instructions h2, div.instructions h1, div.instructions h3
{
	padding: 0px;
}

.hidden
{
	display: none;
}

.videoDisplay
{
	padding-left: 13px;
}


/* Sidebar specific styles */
#sidebar div.box, #sidebar div.body, #sidebar div.contentItem
{
	margin-top: 0px;
	padding-top: 0px;
}

#sidebar ul
{
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 15px;
	padding-left: 0px;
}

#sidebar li
{
	font-weight: normal;
	padding-bottom: 5px;
	margin-left: 5px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: inherit;
}

#sidebar img
{
	margin-top: 8px;
	margin-left: 0px;
}

#sidebar li p
{
	margin: 0px;
	padding: 0px;
	color: #000;
	margin-left: 0px;
}

#sidebar h2.ceptitle
{
	color: #ffffff;
	height: auto;
	background-color: #336699;
	font-weight: bold;
	font-size: x-small;
	padding-left: 8px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 1px;
	background-image: url(images/dots_horz.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-transform: uppercase;
}

#sidebar .contentItem
{
	margin-left: 10px;
	margin-top: 3px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: inherit;
}

#sidebar .contentItem p
{
	margin-left: 2px;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 0px;
	margin-bottom: 5px;
}

#pageContentHome #sidebar h2.ceptitle
{
	color: #ffffff;
	height: auto;
	background-color: #336699;
	font-weight: bold;
	font-size: x-small;
	margin-left: 10px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 1px;
	background-image: url(images/dots_horz.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-transform: uppercase;
}

#pageContentHome #sidebar .contentItem
{
	margin-left: 12px;
	margin-top: 3px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 7px;
	font-size: inherit;
}

#pageContentHome #sidebar .contentItem p
{
	margin-left: 17px;
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
}

p.more
{
	text-align: right;
}

div.NN4 {display: none;}