/* CSS Document */

/* Define basic elements, give them no margins or padding, basic font info  */
body {
	color: #000;
	background-color:#036;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
}
body, p, h1, h2, h3, h4, h5, h6, label ,input, radio
{
	font-size: 100.01%;
	margin:0;
	padding:0;
	font-weight: 400;
}

h1, h2, h3
{
	text-transform: uppercase;
	margin:0 0 .5em 0;
	letter-spacing: .1em;
	font-family: "Myriad Web", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #036;
}

h4
{
	color: #00019B;
	font-family:  "Myriad Web", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	display: inline;
	text-transform: uppercase;
}

h5
{
	color: #00019B;
	font-family:  "Myriad Web", "Lucida Grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	margin:.5em 0 .5em 0;
	text-transform: uppercase;
}

h1
{
	font-size: 180%;
}

h2
{
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

h4
{
	font-size: 100%;
}

h5
{
	font-size: 90%;
}

h6
{
	font-size: 80%;
}

hr
{
	width:65%;
	margin: 20px auto 10px auto;
	text-align: center;
}

blockquote
{
	border-left: 3px solid #ccc;
}


/***********************************************************/
/*                 LINKS                                   */
/***********************************************************/

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited 
{
	color: #003E86;

}
a:hover, a:active 
{
	color: #8EC249;
	text-decoration: underline;
}

div#mainArea a
{
text-decoration:underline;
}

/* For Women's Studies table on their page */
a.womenStudies:link, a.womenStudies:visited
{
	font-size:85%;
	color:#333;
	line-height: 1.5em;
	text-decoration: underline;
}

a.womenStudies:hover, a.womenStudies:active
{
	font-size:85%;
	color:#8EC249;
	line-height: 1.5em;
	text-decoration: underline;
}

/***********************************************************/
/*               Basic Layout                              */
/***********************************************************/
#wrapper
{
	width:800px;
	margin:0 auto;
	height:100%;
}

#header				/*   Container for header  */
{
	width: 800px;
	height: 95px;
	background-color: #FFF;
}

#menuHolder			/*  Container for drop-down menu  */
{
	text-align: left;
	margin: 0;
	padding: 0;
	height:100%;
	background-color: #FFF;
	border-bottom:1px solid #F4F4F4;
	border-top: 1px solid #F4F4F4;
}

#mainArea			/* Container for left, right sides and content */
{
	margin:0 0 20px 0;
	padding:0;
	width:800px;
	text-align: left;
	height:100%;
}

#footer				/*  Container for Footer  */
{
	width:800px;
	padding: 0px;
	margin:0 auto;
	clear:both;
	background-color: #Fff;
	color:#999;
	border-top:3px double #CCC;
}


/********************************************************************/
/*     Individual classes to push things around and format them     */
/********************************************************************/


.clear				/*  Use to clear divs  */
{
	clear:both;
	content: ".";
	visibility: hidden;
}

.clearFinal {
	clear:both;
	content: ".";
	visibility: hidden;
	padding:0 0 20px 0;
}

.center				/*  Use to center rtandom text  */
{
	text-align: center;
}

.centerdiv
{
	margin: 0 auto;
}

.fltImgLeft  /* float images left */
{
	float: left;
	margin: 1em 1em 1em 15px;
}

.fltImgRight  /* float images left */
{
	float: right;
	margin: 1em 10px 1em 1em;
}

/*******************************************************************/
/*      Infoboxes - Content that goes inside left & right boxes    */
/*******************************************************************/

.infoBox /* Left or Right Info Boxes inside the left/right columns */
{
	border: 1px solid #BBB;
	background-color: #FFF;
	margin: 5px 9px 7px 9px;
	width:180px;
}
.infoBoxContrast /* Left or Right Info Boxes inside the left/right columns */
{
	border: 1px solid #BBB;
	background-color: #F0E68C;
	margin: 5px 9px 7px 9px;
	width:180px;
}
.infoBoxContrast a
{
	color: #DC143C;
}
.infoNew /* What's New box on Home Page */
{
	border: 1px solid #BBB;
	background-color: #FFF;
	margin: 5px 9px 7px 9px;
	width:180px;
}

.infoTitle  /* This is the main header for an infoBox  */
{
	margin:.3em 0;
	font-size: 80%;
	font-weight:600;
	color: #039;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	/*border-bottom: #BBB 1px solid;*/
	background-color: #FFF;
	line-height: 1.3em;
}
.infoTitleContrast  /* This is the main header for an infoBox  */
{
	margin:.3em 0;
	font-size: 80%;
	font-weight:600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	/*border-bottom: #BBB 1px solid;*/
	line-height: 1.3em;
}
.infoContent  /* formats text inside an infoBox */
{
	margin:2px 5px 7px 5px;
	line-height:1.5em;
	font-size: 80%;
	color: #333;
}

.infoBox img /* Centers an image inside the infoBox */
{
	display:block;
	margin:0px auto;
}


.infoSub /* Heading smaller than the title */
{
	margin: 0 5px 3px 5px;
	font-size: 83%;
	font-weight:600;
	color: #668;
	text-transform: uppercase;
}

.infoNew li
{
	margin: 0px 5px 5px -15px;
	list-style-type: square;
	font-size: 80%;
}

/********************************************************************/
/*     Contextual elements  (e.g.  .class p)                        */
/********************************************************************/

#header img
{
	margin:0;
	padding:0;
}

#footer p   /* footer style */
{
	color:#666;
	font-size: 82%;
	text-align: center;
}

#content p, #content ul li, #content ol li /* padding inside Main Content for p and list */
{
	color: #222;
	font-size: 88%;
	padding: 5px 15px;
	line-height: 1.8em;
}

#content h1, #content h2, #content h3, #content h4, #content h5
{
	margin-left:15px;
}


/********************************************************************/
/*                   Forms                                          */
/********************************************************************/
div.formbox
{
	width:555px;
	border: 1px dotted #CCC;
	margin:0 auto 20px auto;
	height: 100%;
	padding:10px;
	
}
  
div.row {
  clear: both;
  font-size: .8em;
  padding:2px 0;
  }

div.row span.label {
  float: left;
  width: 175px;
  text-align: right;
  margin:2px 5px 0 0;
  }
  
div.row span.labelleft {
  float: left;
  width: 175px;
  margin:2px 5px 0 5px;
  text-align: left;
  }

div.row span.formw {
  float: right;
  width: 375px;
  text-align: left;
  } 


/********************************************************/
/*                Tables                                */
/********************************************************/

/* Provides formatting for a table with the class "table" */

table.table
{
	margin:0 auto 1em auto;
	border:1px solid #999;
	border-collapse: collapse;
}

table.table caption
{
	color: #036;
	font-weight: 400;
	padding: 1em 0 .2em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	text-transform: uppercase;
}

table.table th
{
	font-size: 75%;
	color: #036;
	background-color: #F4F4F4;
	font-weight: 400;
	border:1px solid #999;
	border-collapse: collapse;
	text-align: center;
}

table.table td
{
	font-size: 80%;
	color:#036;
	border:1px solid #999;
	border-collapse: collapse;
	padding: .25em;
	margin: .25em;
}

.altHeader  /* Use for a bigger font than regular table header (th)  */
{
	font-size: 2em;
	font-family: Arial, sans-serif;
	color: #036;
	background-color: #bfe2f9;
	font-weight: 600;
	border:1px solid #999;
	border-collapse: collapse;
	text-align: center;
	padding: .4em 0;
	text-transform: uppercase;
}

table.table td.email
{
	font-size: 80%;
	color:#036;
	border:1px solid #999;
	border-collapse: collapse;
	padding: .25em;
	margin: .25em;
	text-align: right;
	width: 50%;
}

/*****************************************************/
/*            Table with no border                   */
/*****************************************************/
table.noborder
{
	margin:0 auto 1em auto;
	border:0px solid #999;
	border-collapse: collapse;
}

table.table caption
{
	color: #036;
	font-weight: 400;
	padding: 1em 0 .2em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	text-transform: uppercase;
}

table.noborder th
{
	font-size: 75%;
	color: #036;
	background-color: #F4F4F4;
	font-weight: 400;
	border:0px solid #999;
	border-collapse: collapse;
	text-align: center;
}

table.noborder td
{
	font-size: 80%;
	color:#036;
	border:0px solid #999;
	border-collapse: collapse;
	padding: .25em;
	margin: .25em;
}


table.noborder td.email
{
	font-size: 80%;
	color:#036;
	border:0px solid #999;
	border-collapse: collapse;
	padding: .25em;
	margin: .25em;
	text-align: right;
	width: 50%;
}


/*****************************************************/
/*                    Spans, Classes                 */
/*****************************************************/

.book   /*  Book or Media Titles inside an article  */
{
	color: #8B4513;
	font-weight: 400;
	letter-spacing: 1px;
}

#content .title  /*  Article Title */
{
	color: #036;
	font-family: "Times New Roman", Times, serif;
	letter-spacing: 1px;
	text-align: center;
	margin:.25em 0 0 0;
	font-weight: 400;
}

#content .byline  /* Author By line  */
{
	color: Gray;
	font-size: 70%;
	text-align: center;
	margin:-.5em 0 0 0;
	font-style: italic;
}

.author  /* Author name  */
{
	text-transform: uppercase;
	font-weight: bold;
	color: #6F6F19;
	font-style: normal;
	font-size: 90%;
}

.sup  /* It was going to be superscript, now it's Subscript */
{
	font-size: 80%;
	text-transform: uppercase;
}

.newsHead /* News titles in announcements page */
{
	margin:0;
}

.breadcrumb
{
	float:left;
	color: #D4D4D4;
	font-size: 80%;
	padding: 0.25em;
	margin-left: 200px;
}

.breadcrumb a:link, .breadcrumb a:visited
{
	color: #CCC;
}

.breadcrumb a:hover, .breadcrumb a:active
{
	color:#BADA8F;
}

.right
{
	text-align: right;
}

.firstword
{
	font-size: 110%;
	color: #036;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
}

/*****************************************************************/
/*                 Announcement Page Divs                        */
/*****************************************************************/

.announcements {
	float:left;
	margin: 20px 10px 0px 10px;
	padding: 0 0 10px 0;
	width: 168px;
	border: 1px solid #036;
}
.topic {
	background-color: #DCDCDC;
	color: #191970;
	text-transform: uppercase;
	font-size: .9em;
	margin:0 0px 5px 0;
	text-align: center;
	padding:5px 0;
}

.topiclg {
	background-color: #DCDCDC;
	color: #191970;
	text-transform: uppercase;
	font-size: 1.4em;
	margin:0 20px 5px 0;
	text-align: center;
	padding:5px;
}

.headline {
	font-size:.8em;
	margin: 0 5px 3px 3px;
	padding: 2px 0 0 20px;
	background-image: url(../images/art/pop-up.gif);
	background-position:0 50%;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #ccc;
	display: block;
}
div#mainArea .headline a:link, div#mainArea .headline a:visited {
	text-decoration: none;
}

/*****************************************************************/
/*            New Announcement Page                              */
/*****************************************************************/

.newsColumnLeft {
	width:290px;
	float:left;
}

.ministryName {
	background-color: #003366;
	color: #FFF;
	text-transform: uppercase;
	font-size:.8em;
	margin:5px 10px;
	text-align: center;
	padding:5px 0;
	font-weight: bold;
}

.newsHead {
	font-size:.9em;
	margin: 3px 10px;
	line-height: 1.3;
}

/*****************************************************************/
/*             List Style                                        */
/*****************************************************************/

#list ul, #list li {
	margin: 0 0 0 50px;
	padding: 0;
	list-style-type: square;
}

#list li {
	margin: -8px 0;
}

/****************************************************************/
/*                Form styling                                  */
/****************************************************************/

input {
	background-color: #F7F4FF;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin:2px;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #555;
}

select {
	background-color: #F7F4FF;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin:2px;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #555;
}

.bold {
	font-weight: bold;
}

.radio {
	background-color: #fff;
	border: 0px;
}

.required {
	color: Red !important;
	font-weight: bold;
}

/*****************************************************************/
/****   Bold announcements on side bar                         ***/
/*****************************************************************/
.stylefront {
	color: #990000;
	font-weight: bold;
}