﻿/*==============================================================
@author: michelle brennan
Color Scheme:
.darkblue {color: #005580;}
.darkred  {color: #330000;}
.red      {color: #990000;}
.blue     {color: #006699;}
.lightblue{color: #007BA4-doesnt pass contrast ratio so:  017196 (does pass)}

Inner Pages:
h1: #ffffff; 
h2: #990000;  
h3: #017196; 

Home Page:
h1: 017196;, or #fff on inner pages (header image)
h2: varies, all colors possible.
h3: #017196;

Everywhere:
h4: #990000; 
p: #333
a:link:  #005580
a:hover: #660000;
a:visited: #005580;
strong: #990000;
hr: #aaaaaa;

tables:
    row background: #fff;
    alt row background: #ece4e4;  (use class .alt)

Page width: 960px
  -- actual width is 900 with padding of 30px on left and right;
=================================================================*/
html{overflow-y: scroll;
text-decoration-skip-ink: none;
}
body 
{
   background:#100000 url(/images/layout/background_hex.png) top left repeat-x scroll ;
}
/*for compliance:---------*/
body, div, a, p, span, ul, br, caption, table, td, tr, th, li, 
input, label, select, option, em, strong, img
{
    color: #333;
}/*
----------------------------*/

/*======wrapper divs================*/
/*outer wraps up the whole page, including the footer  
  wrapper wraps up all the content, the header, the footer navigation
  like:   <outer><wrapper></wrapper></outer>.  They are divs.
*/
#outer
{
	width: 1000px;
	margin: 0 auto;
	padding: 0;

}

#wrapper
{	
	
    width: 940px;
    margin: 0 auto;
	background:  #fff; /*url(/images/layout/page_background.png) repeat-y top center;*/
	padding: 30px 30px 15px; /*padding right/left: 30 when background shadow visible*/
    /*-moz-border-radius: 13px;
    border-radius: 13px;*/
   
	
}
.content_shortwidth
{
	width: 660px;
	float:left;
	margin-top: 10px;
	background: #fff;
	
}

/*==============Element Styles====================================*/  

h1
{
    font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 2.2em;
    font-weight: normal;
    padding: 0;
    margin: 0;
    color: #333; 
	
}
h2
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 2.2em;
    font-weight: normal;
    padding: 20px 0 0; /*for all other browers because they don't listen to margin.*/
    margin: 0; /*for IE to remove excess padding. */
    color: #990000;
	line-height:120%;
  
    text-align: left;

	
}
h3
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 1.5em;
    font-weight: normal;
    padding: 10px 0 0px;
    margin:0;
    color: #017196;
	line-height:120%;
}
h4,   h6
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 0 5px;
    margin: 0;
    color: #990000;
	margin-top: 30px;

}

h5
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    padding: 5px 0 5px;
    margin: 0;
    color: #990000;
	margin-top: 10px;

}

h6{color: #000;}
#home{margin-top: -20px;}
#home h1, #home h2, #home h3, #home hr {  margin: 0; margin-bottom: 5px}
#home h2 {font-size: 1.5em; margin-top:20px; line-height:1em;}
.blurb_section{margin-bottom: 10px; padding-bottom:10px;}

ol li ul li
{
   
    padding: 5px; 
    margin-top: 0px;
    margin-left: 2%; 
    list-style-type: disc;     
    font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
}

p, .note_left h4, .note_right h4, li
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: .9em;
	font-weight: normal;
	padding: 6px 0 15px;
	margin: 0;
	 
}
blockquote 
{
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    font-size: .9em;
	font-weight: normal;
	padding: 0px 0 15px;
	margin: 0;
	margin-left: 10px;

}
a, a:link {color: #005580; text-decoration: underline;}
a:visited {color: #005580;}
a:hover {color: #660000}
strong{color: #990000;}
img { border: 0;}
hr
{
    
	height: 1px;
	border: 0;
	border-bottom: 1px solid #aaa;;
    padding: 0;
    margin: 0 0px 0 ;
}
ul, ol, 
ul li, 

li li, 
li li p
{
	font-size:1em;
}

ol, 
ol li
{ 	list-style-type:decimal; 
	margin-left: 3%;
	padding: 5px; 
    margin-top: 0px;
    font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
	
}


table
{
    border-collapse: collapse;
	
}
table caption
{
    display: none;
}
table, table tr, table tr td
{
  font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;

  margin: 0; padding: 0;
}
table tr td, table tr th
{   
    padding: 1em;
    text-align: left;
    font-size: .9em;
}
table tr
{
    padding: 5px 0;
}
table tr.alt
{
    background-color: #ece4e4;
}
table tr.althead, table tr.althead th
{
    font-size: 1em; text-align:center;
	
	
}
table tr th.subhead
{
	font-weight: normal;
	font-size:.9em;
}
table thead, table thead th, table thead td
{
    background-color: #005580;
    color: #fff;
    padding: 10px;
}



.scoretable{margin-right: 8px; width:30%}
table.scoretable tr td, table.scoretable tr th {width: 50%;}

/*for accessibility only: this are elements that are not even visibile. >.<  (Google search elements, .net event elements and hidden fields.)*/
input#cx, input#cof, input#ie, input#sa, 
input#__VIEWSTATE, input#__EVENTVALIDATION, 
input#hidden_contentid, input#hidden_queryid
{
	width: 10%;
	font-size: .9em;
	z-index: 500;
}

/*=====================Utility Classes==========================*/

.full              { width: 100%}
table.half_left    { width: 49%; float:left; }
table.half_right   { width: 49%; float:right; }
table.half_left td, table.half_right td {text-align:right;}
div.half_left      { width: 48%; float: left; margin: 0 10px 5px; }
div.half_right     { width: 48%; float: right; }
.hidden            { display: none}
.showhidelink      { padding : 0; float:right; margin: 0; text-align:right; padding-bottom: 5px; }
.next_section_link { clear: both; float: right; 	font-weight: bold; }
.decoration_right  { float: right; padding: 10px; }
.decoration_left   { float: left; padding: 10px; }
.bold              { font-weight: bold; }
.radioList         { padding: 0; margin: 0; }
div.important      { padding: 5px 10px; margin: 5px 0; border: 0; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; background: #fafafa;}
div.important p {padding: 0}
/*===============Color Classes===================*/
.darkblue {color: #005580;}
.darkred  {color: #330000;}
.red      {color: #990000;}
.blue     {color: #006699;}
.lightblue{color: #017196;}


/*============================================================*/

/*===========Header Elements==================*/
#tagline, #logo, #sitetitle
{
    font-family: Georgia, "Times New Roman", Times, serif;
    float: left;
    font-style: italic;
    font-size: 1.2em;
    color: #333333;
    padding: 0; margin : 0;
    font-weight: normal;
}
#logo{margin-bottom: 10px;}
#tagline{float:left}
#sitetitle
{
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    float:right;
    margin-top: -10px;display:none;
  
	
   
}


#search
{
	margin: 0;
 	margin-top: 2px;
   	float:right; 
  	margin-left: 0px;  
	
    background: #eef6ff;
    padding: 5px;
    border: 1px solid #ccc;

    position: right;
    width:25%;
	height:25px;
	z-index:500;
}
#search input.textbox
{ 
    padding: 2px; 
    margin:  0;  
    font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
    width: 13em;
	float:none;
}
#search .button
{
    font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
	padding: 2px ;
    margin: 0;
	width: 21%;

	
   
}

input.gsc-search-button
{
height: 25px !important;
}

table.gsc-search-box td {
    padding: 0px;
}

.gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 20px !important;
    padding-left: 5px !important;
    padding-top: 5px !important;
}
.gsc-input  {
    width:95% !important;
}
.gsc-clear-button {
display:none;
}


.cse input.gsc-input, input.gsc-input {
background-image:none !important;
background-repeat:no-repeat;
background-color:#fff;
background-position: 5px -1px;
 
 
}

.cse form.gsc-search-box, form.gsc-search-box
{
    padding: 0px 0px 0px 0px !important;
	
} 


.cse input.gsc-input,
input.gsc-input
{
  font-size: 14px !important;
  padding: 4px 9px;
  border: 1px solid #D9D9D9;
  width: 20%;
  
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #af9393 !important;
    background-color: #af9393 !important;
    color: #444444 !important;
}

/*=====================Hide Custom Search Placeholder=================================*/
.gsc-input::-webkit-input-placeholder {
   color:transparent;
}

.gsc-input:-moz-placeholder { /* Firefox 18- */
   color:transparent; 
}

.gsc-input::-moz-placeholder {  /* Firefox 19+ */
   color:transparent; 
}

.gsc-input:-ms-input-placeholder {  
   color:transparent;
}

.gsib_b{
display:none;
}


.button{
 color: #fff; background:url(/images/layout/background.png) repeat top center;
    border: 2px outset #006699;
    padding: 0; margin: 0;
}

.file-size{text-align:right; font-size:.8em; float:right;}
ul li.alt
{
	background: #efefef;
	list-style-type: none;
	margin:0;

}
ul li.noalt{background: #fafafa; list-style-type:none;  margin:0}
.smh3{color: #333; font-size: 1.1em;  padding-top: 10px; margin-top: 0; }

/*=====================Form styles=================================*/
fieldset.contact_form
{
    padding: 0; margin: 0; border: 0;    
    width: 600px;
    float:left;
    
}
#panel_form, #panel_messagesent { width: 600px; float: left;}
fieldset.contact_form div div      { padding: 4px 0; }
fieldset.contact_form div div label
{
    width: 25%; 
    text-align: left;
    display: block;
    float: left;
    padding-right: 10px;
    font-size: .9em;
    font-family: Century Gothic, Arial, Sans-Serif;
    margin-top: 5px;
}
fieldset.contact_form div div input, 
#panel_form div div input, 
#panel_messagesent div input
{ width: 50%; padding: 4px; font-size: .9em; }
#radioStudentType{font-size: .9em; width: 100%; padding-bottom: 8px;}
#dropReason { padding: 5px; }

/* student type radio buttons styling*/
#radioStudentType tr td
{
    padding: 2px 0 1px; margin: 0;
    font-size: 1em;
}



/*=========================CRU STYLES===============================*/
div.cru_updates {
    margin: 0 0 10px;
    width: 100%;
}

div.cru_updates div.date {
    float: left;
    padding: 2px 10px 5px 0px;
    text-align: right;
    width: 12%;
}

div.cru_updates div.update {

    /*width: 75%;*/

}

	
/*====================================================================*/
/*==========================Prettyphoto/photo gallery================*/
img.gallery
{
    background-color: #333;
    border: 6px solid #005580;
    float: left;
}
img.gallery:hover { border: 6px solid #017196; }

/*===================Announcements Widget===============*/
.announcements
{
    
    width: 390px;
    background: #fff url(/images/layout/announcements_background.png) repeat-y top left scroll;
    padding: 0px 40px 10px;
    float: left; text-align: left;
	margin:0;
	margin-left: -15px;
   
	border: 1px solid #ccc;
	border-left: 0; border-right: 0;
	display: block;
	overflow:hidden;
	
 
}
#announce h3
{
	font-size: 1.3em;
	margin-top: 0px;
	padding-top: 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.announcements h2
{
    color: #990000;
    font-variant: small-caps;
    margin: 15px 0 0 0 ;
	padding: 0;
	font-size: 2em; 
	
}
 .announcements h2 a
{
	font-weight: normal;
	color: #990000;
}

.announcements a
{   font-weight: bold; text-decoration: none;
}
#announcements strong
{
    color: #333;
}

/*==========================carousels on home page========================================*/
#header_imgcarousel{height: 201px}
#header_imgcarousel li {margin: 0; padding :0}
#billy_header{ width: 940px; position:relative; z-index:0; }

#announce_billycarousel { min-height: 390px; }
#announce_billycarousel li, #announce_indicators li { margin: 0; padding: 0; }
#billy_clip 
{ 
	width: 390px; 
	position: relative; /* For IE */
	margin-top: 8px;
	height: 550px;
	z-index:100;
}

ul#announce_billycarousel 
{
	width: 380px;
	height: 550px;
	display: block;
	float: left;
	position: relative;
}
ul#announce_billycarousel li 
{
	width: 390;
	height: 500px;
	float: left;
	display: block;
	overflow:hidden;
}
ul#announce_billycarousel li p
{
	padding-top: 0; margin-top:0;
}
ul#announce_indicators { margin: -5px 0 0; display: block; z-index: 90; }
ul#announce_indicators li 
{
	display: inline;
	width: 9px;
	height: 9px;
	float: left;
	text-align: center;
	margin: 0 4px;
}
ul#announce_indicators li a
{
	display: block;
	width: 10px;
	height: 10px;
	background: Transparent url(/images/unactive_page_10.jpg) no-repeat top left;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}	
ul#announce_indicators li.active a { background: Transparent url(/images/active_page.jpg) no-repeat top left; }
ul#announce_indicators li a:hover  { background: Transparent url(/images/active_page.jpg) no-repeat top left; }

		
/*==================Note style (usedmainly in )================ */
.note_right, .note_left, .note_wide, .note_left_skinny, .note_wide_shortcontent
{   
    
    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
    background: #fff url(/images/layout/note_background_alt.jpg) top center repeat-y scroll;
    width: 250px;
    padding: 20px 30px 10px;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    

}
.note_left {float: left; margin-left: 0; margin-right: 10px; margin-bottom: 10px;}
.note_left_skinny 
{ 
	 float: left; 
	 margin-left: 0; 
	 margin-right: 10px; 
	 margin-bottom: 10px; 
    background: #fff url(/images/layout/note_background_skinny.jpg) top center repeat-y scroll;

	width: 240px;
}
.note_wide 
{
    clear: both; 
    float:none;
    background: #fff url(/images/layout/note_background_wide.jpg) top center repeat-y scroll; 
    width: 750px; 
    margin: 0 auto;
    padding: 20px 30px 10px;   
    margin-bottom: 10px; 
}
.note_wide_shortcontent
{
	width: 600px;
	clear: both; 
    float:none;
    background: #fff url(/images/layout/note_background_wide_shortcontent.jpg) top center repeat-y scroll; 
     
    margin: 0 auto;
    padding: 20px 30px 10px;   
    margin-bottom: 10px; 
}

.two_wide_left{
	float: left; margin-left: 0; margin-right: 10px; margin-bottom: 10px; width: 400px;
	}

.two_wide_right{
	float: right; margin-left: 0; margin-right: 10px; margin-bottom: 10px; width: 400px;
}

/*===========================================HEADER STYLES=========================================*/

#header div.header_img {height: 123px; background: #660000 url(/images/header/header_default_sm_sq.jpg) top left no-repeat scroll;  border-top: 5px solid #660000; }
#header div.header_img h1 
{
    color: #fff;
	font-size: 4.2em;
    margin: 0 0; padding: 0 0;
	margin-left: 30px;
    font-family: Georgia, Times New Roman, Serif;
	position: relative; top: 25px;
}
#header div#accommodations_header { height: 123px; background: url(/images/header/header_accommodations_sm_sq.jpg) top left no-repeat scroll; border-top: 0px solid #fff;}
#header div#about_header { height: 123px; background: url(/images/header/header_about_sm_sq.jpg) top left no-repeat scroll;}
#header div#FAQs_header { height: 123px; background: url(/images/header/header_FAQs_sm_sq.jpg) top left no-repeat scroll;}
#header div#contact_header { height: 123px; background: url(/images/header/header_contact_sm_sq.jpg) top left no-repeat scroll;}
#header div#announcements_header { height: 123px; background: url(/images/header/header_announcements_sm_sq.jpg) top left no-repeat scroll;}
#header div#bulletin_header { height: 123px; background: url(/images/header/header_bulletin_sm_sq.jpg) top left no-repeat scroll; border-top: 0px solid #fff;}
#header div#step1_header { height: 123px; background: url(/images/header/header_step1_sm_sq.jpg) top left no-repeat scroll;}
#header div#step2cs_header { height: 123px; background: url(/images/header/header_step2cs_sm_sq.jpg) top left no-repeat scroll;}
#header div#step2ck_header { height: 123px; background: url(/images/header/header_step2ck_sm_sq.jpg) top left no-repeat scroll;}
#header div#step3_header { height: 123px; background: url(/images/header/header_step3_sm_sq.jpg) top left no-repeat scroll;}
/*#header div#primum_header { height: 123px; background: url(/images/header/header_primum_sm_sq.jpg) top left no-repeat scroll;}*/
#header div#transcripts_header { height: 123px; background: url(/images/header/header_transcripts_sm_sq.jpg) top left no-repeat scroll;}
#header div#dataresearch_header { height: 123px; background: url(/images/header/header_transcripts_sm_sq.jpg) top left no-repeat scroll;}

#header div#search_header { height: 123px; background: url(/images/header/header_search_sm_sq.jpg) top left no-repeat scroll;}
#header div#privacy_header { height: 123px; background: url(/images/header/header_privacy_sm_sq.jpg) top left no-repeat scroll;}
#header div#cru_header { height: 123px; background: url(/images/header/header_cru_sm_sq.jpg) top left no-repeat scroll;}
#header div#sitemap_header { height: 123px; background: url(/images/header/header_sitemap_sm_sq.jpg) top left no-repeat scroll;}
#header div#performance_header { height: 123px; background: url(/images/header/header_performance_sm_sq.jpg) top left no-repeat scroll;}
#header div#apply_header { height: 123px; background: url(/images/header/header_exammaterial_sm_sq.jpg) top left no-repeat scroll;}
#header div#practice_header { height: 123px; background: url(/images/header/header_orientation_sm_sq.jpg) top left no-repeat scroll; border-top:0;}
/*==============Tab Styles==========================*/
/* Grayed out tabs: font is #c8c8c8, background of #333.  active is background white with font #990000;*/
ul.tabs
{
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 30px;
	border-bottom: 1px solid #999;
    font-size:.9em;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}

ul.tabs li
{
    float: left;
	margin: 0;
	padding: 0;
	height: 29px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 29px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
    
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	margin: 0 2px 0 0;
	font-size: .9em;
	color: #dddddd; /*was c3c3c3*/
	background-color: #222;
}

ul.tabs li a
{
    text-decoration: none;
    color: #dddddd; /*was c3c3c3*/
	/*background-color: #333;*/
	/*display: block;*/
	font-size: .9em;
	padding: 0 7px;
	outline: none;

}
ul.tabs li a:hover , ul.tabs li:hover, ul.tabs li.active a
{
	background: #fff;
	color: #990000;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its --*/

}
ul.tabs li.active, ul.tabs li.active:hover
{ /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	color: #990000;
}


div.tab_container
{
	border-top: none;
	overflow: hidden;
	clear: both;	
	background: #fff;
    min-height: 200px;
    
}
.tab_content{min-height: 200px;}
/*================Main Navigation CSS=============*/
ul#mainnav
{
    padding: 0;
    margin: 0;
    clear:both;
    text-align: left;
    color: #fff;
    padding-bottom: 5px;
	display:inline-flex;
	}
ul#mainnav li
{
    padding: 0; margin: 0;
    list-style-type: none;
    display: inline; 
		font-size:.79em;
}
ul#mainnav li a
{

    margin:0; padding: 0;
    padding: 8px 8px 7px;
   
   /* background: #ddd ;*/
    color: #006699;
   	font-family: Tahoma, arial, sans-serif;
  
    text-decoration: none;
 
  
    font-size: .9em;
    border: 0; 
   
}

ul#mainnav li a.last  { border-right: 0; }
ul#mainnav li a:hover { color: #fff; background: #660000;}


/** new for nav **/
#mainnav li {
    display: inline;
    position: relative;
}

#mainnav ul#mainnav  ul {
    position: absolute;
    display: none;
}
#mainnav li:hover ul {
    display: block;
}


#mainnav .has-sub {
  z-index: 1;
}
#mainnav .has-sub:hover > ul {
  display: block;
}
#mainnav .has-sub ul {
  display: none; 
  position: absolute;
  width: 200px;
  top: 100%;
  left: 10px;
}
#mainnav.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#mainnav .has-sub ul li {
  *margin-bottom: -1px;
}

#mainnav .has-sub:hover > ul li {
  display: block;
}

#mainnav .has-sub ul li a {

  background: #670001;
  border-bottom: 1px dotted #670001;
  font-size: 11px;
  filter: none;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
  left:auto;
}
#mainnav .has-sub ul li:hover a{
  background: #500001;
}

#mainnav > li:hover > a {
  background: #670001;
    color: #ffffff;
}

#mainnav ul ul li:hover > a,  {
   color: #ffffff;
   background: #670000;
}
#mainnav .has-sub .has-sub:hover > ul {
  display: block;
}
#mainnav .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#mainnav.align-right .has-sub .has-sub ul,
#mainnav.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#mainnav .has-sub .has-sub ul li a {
  background: #670001;
  border-bottom: 1px dotted #670001;
}
#mainnav .has-sub .has-sub ul li a:hover {
  background: #0a6d98;
}
#mainnav ul ul li.last > a,
#mainnav ul ul li:last-child > a,
#mainnav ul ul ul li.last > a,
#mainnav ul ul ul li:last-child > a,
#mainnav .has-sub ul li:last-child > a,
#mainnav .has-sub ul li.last > a {
  border-bottom: 0;
}


/*---Bold the current page...-----*/
/*div#page_stepexams li#stepexams_li a,  div#page_stepexams li#stepexams_li a:hover,*/
div#page_step1 li#step1_li a, div#page_step1 li#step1_li a:hover,
div#page_step2cs li#step2cs_li a, div#page_step2cs li#step2cs_li a:hover,
div#page_step2ck li#step2ck_li a, div#page_step2ck li#step2ck_li a:hover,
div#page_step3 li#step3_li a, div#page_step3 li#step3_li a:hover,
div#page_faqs li#faqs_li a, div#page_faqs li#faqs_li a:hover,
div#page_testaccommodations li#testaccommodations_li a, div#page_testaccommodations li#testaccommodations_li a:hover,
div#page_contact li#contact_li a, div#page_contact li#contact_li a:hover,
div#page_transcripts li#transcripts_li a, div#page_transcripts li#transcripts_li a:hover,
div#page_dataresearch li#dataresearch_li a, div#page_dataresearch li#dataresearch_li a:hover,
div#page_exammaterial li#exammaterial_li a, div#page_exammaterial li#exammaterial_li a:hover,
div#page_apply li#apply_li a, div#page_apply li#apply_li a:hover,
div#page_practice li#practice_li a, div#page_practice li#practice_li a:hover,
div#page_bulletin li#bulletin_li a, div#page_bulletin li#bulletin_li a:hover
{
	
	color: #fff;
	text-decoration:none;
    background-color: #610000;

}
div#page_bulletin li#bulletin_li a
{
   
    
    
}


/*=================Page Specific Navigation===============*/
.section_specfic_navigation
{
	margin: 0;
	float:none;
	padding:0;

  
	
	
   
    	
}
.section_specfic_navigation h2 
{
    font-variant: small-caps;
    color: #fff;
    margin: 0; padding: 0;    
}
.section_specfic_navigation ul { padding: 2px 10px 4px; margin: 0px 0 0;  border-top: 5px solid #660000;   background: #ece4e4; }
.section_specfic_navigation ul li
{
	padding: 0; margin: 0;
    list-style-type: none;
	display: inline;	
	position: relative; 
 
	
	/*top: 0px;*/
	 background: #ece4e4;
   
}
.section_specfic_navigation ul li a
{
    color: #333;
    padding: 4px 4px 4px ;
    margin: 0;
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: .8em;
	  
	text-decoration: none;
    
    text-align: left;
    
  
}

.section_specfic_navigation ul li a:hover
{
    
	color: #333;
    text-decoration: underline;
   
   
}
div#bulletinpage_overview ul li#overview_li a, div#bulletinpage_overview ul li#overview_li a:hover, 
div#bulletinpage_examcontent ul li#examcontent_li a, div#bulletinpage_examcontent li#examcontent_li ul li a:hover,
div#bulletinpage_applying ul li#applying_li a, div#bulletinpage_applying ul li#applying_li a:hover,
div#bulletinpage_prepare ul li#prepare_li a, div#bulletinpage_prepare ul li#prepare_li a:hover,
div#bulletinpage_testing ul li#testing_li a, div#bulletinpage_testing ul li#testing_li a:hover,
div#bulletinpage_scores ul li#scoring_li a, div#bulletinpage_scores ul li#scoring_li a:hover,
div#bulletinpage_irregular ul li#irregular_li a, div#bulletinpage_irregular ul li#irregular_li a:hover,
div#bulletinpage_communicating ul li#communicating_li a, div#bulletinpage_communicating ul li#communicating_li a:hover,
div#bulletinpage_eligibility li#eligibility_li a, div#bulletinpage_eligibility li#eligibility_li a:hover,

div#applications ul li#applications-li a, div#applications ul li#applications-li a:hover,
div#applications-rescheduling_fees ul li#rescheduling_fees-li a, div#applications-rescheduling_fees ul li#rescheduling_fees-li a:hover,

div#accommpage-intro li#accom-introduction-li a, div#accommpage-intro li#accom-introduction-li a:hover,
div#accommpage-requesting li#accom-requesting-li a, div#accommpage-requesting li#accom-requesting-li a:hover,
div#accommpage-guidelines li#accom-guidelines-li a, div#accommpage-guidelines li#accom-guidelines-li a:hover,
div#accommpage-forms li#accom-forms-li a, div#accommpage-forms li#accom-forms-li a:hover,
div#accommpage-settlement li#accom-settlement-li a, div#accommpage-settlement li#accom-settlement-li a:hover,
div#accommpage-overview li#accom-overview-li a, div#accommpage-overview li#accom-overview-li a:hover,

div#practicemat-download li#downloads_li a, div#practicemat-download li#downloads_li a:hover,
div#practicemat-feedback li#ccs_feedback a, div#practicemat-feedback li#ccs_feedback a:hover,
div#practicemat-software li#aboutsoftware_li a, div#practicemat-software li#aboutsoftware_li a:hover,
div#practicemat-usesoftware li#usingsoft_li a, div#practicemat-usesoftware li#usingsoft_li a:hover,
div#practicemat-instruct li#instructions_li a, div#practicemat-instruct li#instructions_li a:hover,
div#practicemat-support li#support_li a, div#practicemat-support li#support_li a:hover,
div#practicemat-note li#patientnote_li a, div#practicemat-note li#patientnote_li a:hover

{	   
	color: #333; font-weight: bold;
}

.acronym-left{
float: left; width:100px; font-weight:bold; font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
}
.acronym-right{
float: left; text-align: left; font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
}
/*==========Right Bar and Widgets==========*/
#right_bar
{
	float: right;
	display:block;
	width: 264px;
	padding: 0 0 0 15px;
	margin: 0 -20px 20px 0;
	position:relative;
	top: 50px;

	
	
}
#right_bar h2
{
	margin: 0;
	padding:10px;
	font-size: .95em;
	line-height:.8em;
	color: #fff;
	background: #006699 url(/images/layout/sidebar_h2background.png) no-repeat top right;
	width: 254px;

	font-weight: 400;
	border-bottom:#252525 solid 2px;

}
#right_bar h2 a
{
	width: 150px;
	color: #fff;
	text-decoration:none;
	 line-height: 1.0;
}
#right_bar h2:hover , #right_bar div:hover h2
{
	background: #333 url(/images/layout/sidebar_h2background.png) no-repeat top right;/*#005580;*/
	color: #fff;
}
#right_bar > div 
{
	padding: 0 10px;
	background: url(/images/layout/sidebar_background_hover.jpg) repeat-y top center;
	margin-bottom: 15px;
	

}
#right_bar ul li{list-style-type:none;}
#right_bar div:hover
{
		background: url(/images/layout/sidebar_background.jpg) repeat-y top center;

}
#right_bar p
{
	margin: 0; padding: 10px ;
	font-size: .8em;
	
}
.wrapimage
{
	float:right;
	position: relative;
	top: 0; right: -30px;
}
.sidebar_bottom
{
	margin-left: -10px;
	position: relative;
	bottom: -5px;
}
.sidebar_icon
{
	padding-right: 5px; 
	position: relative; 
	top: 3px;
}

/*bold side nav...*/
li#accomside-current-li a, li#accomside-current-li a:hover
{
	font-weight: bold;
	color: #333;
}

/*====content outlines========*/
.outlines p          { padding: 5px 0 0; }
.outlines ul li      { margin: 0; padding: 0; }
.outlines ul         { margin-left: 1%; margin-bottom: 15px; }
.outlines ul li li   { font-size: 1em; list-style-type: circle; }
.outlines ul ul      { margin: 0; margin-left: 15px; padding: 0px 0 5px; }
.question_answers li { list-style-type: upper-alpha; }




.exclamation li
{
	background: url(/images/symbols_and_icons/exclamation_triangle.png) no-repeat center left;
	list-style:none;
	padding-left: 35px;
	margin-left: -15px;
}


/*========================Footer nav css===========*/


#footer
{ 
	
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 20px;
	background:#330000 url(/images/layout/footer_background.png) no-repeat top left scroll;/*#324656;*/
	float:right;
	color: #fff;
	border-bottom: 10px solid #fff;

}
#footer p
{
    padding :0 30px; margin: 0 0 0 ;
    text-align: right;
    font-size: .65em;
    color: #fff;
}


#footer hr
{
    color: #999;
    margin: 10px 0 0;
	padding: 0;
	height: 1px;
	clear:left;
}

 ul.footernav    { padding: 0; margin: 0 30px; text-align:right; }
 ul.footernav li { display: inline; list-style-type: none; margin: 0 auto; padding: 0; color: #fff; background: #330000;}
 ul.footernav li a
{
	float:none;
    text-decoration: none;
    font-size: .74em;
    text-align: center;
    padding : 2px ; margin: 0 -2px 0;
	color: #fff;
	background: #330000;
	
}
 ul.footernav li a:hover
{
	text-decoration: underline;
}
.footernav p
{
	clear:right;
	font-size: .75em;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0;
}

#social-media { float: right; }
#social-media a img { float:right; margin: 0 0 5px 5px; padding: 5px 5px 20px 5px; height: 28px; width: auto; }

.left-fixed-width
{ 
    width: 300px;
    margin-right: 10px;
    display: inline-block;

}
.right-fixed-width
{
    
    width: 250px;

}
.check-list li
{
	background: url(/images/layout/check-mark.gif) no-repeat center left;
	list-style:none;
	padding-left: 22px;
	margin-left: -15px;

}
.x-list li
{
	background: url(/images/layout/x-mark.png) no-repeat center left;
	list-style:none;
	padding-left: 22px;
	margin-left: -15px;
}
/*practice materials*/

.case-button
{
	display: block;
	height: 36px;
	width: 98px;
	background: url(/images/practice-materials/case1.png) no-repeat 0 0;
	text-indent: -9999px;
	float:left;
	margin-right: 20px;
}
.case-button:hover
{
	background-position: 0 -36px;
}
.case-2{background-image: url(/images/practice-materials/case2.png);}
.case-3{background-image: url(/images/practice-materials/case3.png);}
.case-4{background-image: url(/images/practice-materials/case4.png);}
.case-5{background-image: url(/images/practice-materials/case5.png);}
.case-6{background-image: url(/images/practice-materials/case6.png);}

.practice-note-button
{
	display: block;
	height: 53px;
	width: 176px;
	background: url(/images/practice-materials/practice-note-button.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-top: 20px;

}
.practice-note-button:hover {background-position: 0 -53px;}
.practice-ex-1 { float:left; margin-right: 20px; background-image: url(/images/practice-materials/practice-note-ex1-button.png);}
.practice-ex-2 { float: left; margin-right: 20px;background-image: url(/images/practice-materials/practice-note-ex2-button.png);}
.subhead{font-size:.5em; display:block;}

.button-apply-field
{
	display:block;
	height: 46px;
	width: 295px;
	background: url(/images/field-trial/button-apply.png) no-repeat 0 0;
	text-indent:-9999px;
}
.button-apply-field:hover {background-position: 0 -46px;}

.faq ul li
{
	font-size: .9em;
	
}
