/*
Theme Name: template
Theme URI: http://www.cs.uri.edu
Description: Theme for CS website
Version: 1.0
Author: Various
*/

* { /* Invokes attributes for ALL elements */
	margin: 0;
	padding: 0;
}

/* General styling */
body {
	/*background-color: #002147;*/ /* light blue - #EFEFFB or #F1F1F3 or #D6D6E6*/	
	background-color: #fff;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	font: normal small Arial, Helvetica, san-serif;
	text-align: center;
}
* html body {
	font-size: x-small; /* for IE5/Win */
	font-size: small; /* for other IE versions */
}
#siteContainer {
	position: relative;
	background-color: #fff;
	width: 100%;/*960px;*/
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
a {
	font-weight: normal;
	color: #009;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
p {
	padding: 3px 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: bold; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }
h1 { font-size: 18pt; color: #002147; }
h2 { font-size: 140%; color: #002147; }
h3 { font-size: 18pt; color: #002147; }
h4, h5, h6 { font-size: 120%; color: #000; }
.textBox {	/* For general form elements (to invoke, use class="textBox") */
	border: 1px solid #000;
}


/***   Top Area   ***/
#top_background{
	background-color:#002147;
	width: 100%;
	height:315px;
	z-index: 0;

}
#top { /* Spreads the dark blue bar across the top of the page */
	position: relative;
	margin: 0 auto;
	width: 960px;/*100%;*/
	height: 315px;/*80px;*/ /*changed to make top more narrow because no banner is used*/
	background-color: #002147;
	text-align: right;
	min-width: 960px;
	z-index: 0;
}
#top_quickLink { /* Contains tiny links and search */
	position: absolute;
	font-size: 85%;
	right: 200px;
	top: 15px;
	float: right;
	overflow: hidden;
	color: #FFFFFF;
}
#top_quickLink a, #top_quickLink:hover {
	color: #FFFFFF;
}
#top_search { /* Positions search fields */
	position: relative;
	padding-left: 5px;
	top: 15px;
	left: -10px;
	width: 130px;
	height: 20px;
	float: right;
}
#top_search_link { /*Positions the search link */
	position: relative;
	font-size: 85%;
	top: 00px;
	left: -120px;
	float: right;
}
#top_search_link a, #top_search_link:hover {
	color: #FFFFFF;
}	
#top_search_field, #top_search_field:hover {
	position: relative;
	bottom: 20px;
	right: -10px;
	color: 0#000099;
	width: 120px;
	font-size: 90%;
	border: 1px solid #BBB;
	padding: 0.2em 0em 0.2em 0.15em;
	text-align: left;
	float: right;
}
#top_search_field {
	background-color: #FFF;
	float: right;
}
#top_search_field:hover {
	background-color: #EFEFFB;
	float: right;
}

/*** Banner ***/
img#banner
{
	top: 0px;
	position: relative;
	margin-top: 5px;
}

/***   Feature Area  ***/

#feature { /* Positions feature image */
	position: relative;
	top: 61px;
	/* right: 10px; */
}

#featureuri { /* Positions the URI logo */
	position: relative;
	right: 765px;
	top: -65px;
}

#featuredept {
	position: absolute;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	top: 0px;
	left: 0px;
	width: 935px;
	text-align: left;
	margin: 0px;
	padding: 2px 0px 2px 25px;
	background-color: #D9AA00;
	filter:alpha(opacity=60); zoom=1;
	opacity: 0.6;
	-moz-opacity:0.6;
}

#featuredept a:link {
	COLOR: #002147;
	text-decoration: none;
}
#featuredept a:visited {
	COLOR: #002147;
	text-decoration: none;
}
#featuredept a:hover {
	COLOR: #FFF;
	text-decoration: none;
}

/*** Menu bar ***/

/* -------------------------------------------- Roll Over Menu Styling  --------------------------------------------- */

/* start mg */


#menucontainer {
background-color: #002147;
height: 22px;
margin-top: -27px;
z-index: 100;
}
/* end mg */

.mainmenu ul{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
color:#fff;
text-align: center;
padding-left: 0px;
/* Hide spacing between menu elements below */
background-color:#002147;
padding-top:0px;
height:20px;
}

/* IE formatting fixes */
.ie6 .mainmenu ul{
padding-top:4px;
height:4px;
margin-bottom:8px;
margin-left:0px;
}

.ie7 .mainmenu ul{
padding-top:6px;
}

.mainmenu li{
display: inline;
/* Spacing between main elements on Menubar */
margin: 10px;
}

.mainmenu li a{
text-decoration: none;
padding: 2px 7px;
margin-right: 0px;
color: #fff;
}

/* IE formatting fixes */
.ie7 .mainmenu li a{
padding: 4px 7px;
}

.ie6 .mainmenu li a{
padding-bottom: 6px;
}

/* Macintosh formatting fix for dropdown menu */
.mac .mainmenu li a{
padding: 3px 7px;
}


.mainmenu li a:visited{
color: #fff;
}

.mainmenu li a:hover{
text-decoration: underline;
color: #d9a901;
}

.mainmenu li.selected a{
color:#d9ae00;
}

.mainmenu li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


/* ----------------------------------------- Style for Drop Down Sections ------------------------------------ */

.dropmenudiv{
position:absolute;
margin-top:1px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
line-height:18px;
z-index:100;
background-color:#000033;
width: 150px;
visibility: hidden;
}

/* Macintosh Firefox fix for menu placement */
.mac.gecko .dropmenudiv{
margin-top:-1px;
}

.dropmenudiv a{
width: auto;
display: block;
padding: 3px 0px;
text-decoration: none;
color: #fff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{
background-color: #015196;
color:#fff;
}

/*** Content ***/
#content {
	position: relative;
	width: 960px;
	min-width: 960px;
	text-align:left;
	color: #002174;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0 auto;
}

#content a {
	text-decoration: none;
	margin: 5px 0 5px 0;
	font-weight: bold;
	
}

#content a:hover {
	color:#d9a901;
}

#middlecontent {
width: 370px;
float:left;
position: relative;
padding: 15px 10px 10px 10px;
z-index:10;
text-align: left;
}

#rightcontent {
width: 370px;
float:right;
position:relative;
padding:15px 10px 10px 10px;
z-index:10;
}

#fullcontent {
width: 750px;
float: left;
position: relative;
padding: 15px 10px 10px 10px;
z-index: 10;
font-size: 10pt;
}

.fullcontent {
width: 750px;
float: right;
position: relative;
padding: 15px 10px 10px 10px;
z-index: 10;
font-size: 10pt;
}

p img {
margin: 5px;
}

.heading {
	border-top: 1px #bfbfbf solid;
	padding: 5px;
	margin-bottom: 10px;
}

.heading a {
	font-weight: bold;
	margin-left: -5px;
}

#middlecontent a, #rightcontent a, #fullcontent a, .fullcontent a {
	text-decoration: underline;
}

#middlecontent ul, #rightcontent ul, #fullcontent ul, .fullcontent ul {
	padding: 5px 0px 10px 15px;
}

#middlecontent ul li, #rightcontent ul li, #fullcontent ul li, .fullcontent ul li, #middlecontent li, #rightcontent li, #fullcontent li, .fullcontent li{
	padding: 1px 0px 1px 0px;
	margin-left: 5px;
	list-style-position: inside;
}
#middlecontent ol, #rightcontent ol, #fullcontent ol, .fullcontent ol {
	padding: 5px 0px 10px 15px;
	margin-left: 5px;
}

li, a {
	padding: 2px 0px 2px 0px;
}

.title {
	font-weight: bold;
	font-size: 20pt;
	/*border-bottom: 1px solid #d9a901;*/
	color: #002174;
	font-family: arial;
	padding: 0;
	/* margin: 5px; */
	margin-bottom: 10px;
	/*letter-spacing: -0.5px;*/
}

.title a, .storytitle a, div#fullcontent p a.storytitle, div#fullcontent p a.title {
	/* text-decoration: none; */
	color: #002174;
	margin-left: -10px;
}

.storytitle {
	font-weight: bold;
	font-size: 14pt;
	/*border-bottom: 1px solid #d9a901;*/
	color: #002174;
	font-family: arial;
	letter-spacing: -0.5px;
	padding: 0;
	margin-bottom: 10px;
}

p.reg {
	text-align: justify;
}

.smheading {
	font-weight: bold;
	font-size: 10pt;
	font-family: 'gill sans', verdana;
	text-transform: uppercase;
	text-align: left;
	margin-bottom: 10px;
}

span.smheading, p span.storytitle {
	margin-left: -10px;
	line-height: 1.5;
}

table,table tbody tr td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	border-collapse: separate;
	border-spacing: 10px 10px;
}

table.course {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	border-collapse: separate;
	border-spacing: 0px 0px;
	width: 100%;
}

pre {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

p {
	margin: 2px 0px 2px 10px;
	text-align: left;
}

p a {
	margin: auto;
	text-align: left;
}

/*** Left Navigation ***/
#mainnav{
position:relative;
float:left;
width:180px;
padding-bottom:2px;
margin-left:0px;
text-align:left;

}

#mainnav ul{
margin-top:20px;
/*margin-left:-23px;*/
list-style:none;
}
body.cels #container #lowercontainer #mainnav ul, body.fulltemplate #container #lowercontainer #mainnav ul{
margin-top:20px;
margin-left:-23px;
list-style:none;
}

/* fixes the problem where content is too wide for the navigation column */
body.cels #container #lowercontainer #mainnav ul a, body.fulltemplate #container #lowercontainer #mainnav ul a{
padding-left:5px;
}

/* Fixes IE list placement issue */
.ie #mainnav ul{
margin-left:16px;
padding-left : 27px ; 
}

#mainnav li{
/*border-bottom:1px solid #bfbfbf;*/
/*line-height : 1.2 ; */
padding:1px 0 1px 2px; 
margin: 2px;
}

/* Remove bottom border from the last link */
#mainnav li.last{
border-bottom:none;
}

#mainnav a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#002147;
padding-left:5px;
text-decoration:none;
font-weight: normal;
}

#mainnav ul li.heading a {
font-weight: bold;
margin-left: -5px;
}


#mainnav a:hover{
color:#d9a901;
}

/*** Right column ***/
div#third_column {
float:right;
margin-left:20px;
margin-top:20px;
width:200px;
position: absolute;
right: 0px;
}

div#third_column h3 {
background-color:#D9AA00;
color:#002147;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
margin-bottom:0;
margin-top:0;
padding-bottom:6px;
padding-left:10px;
padding-top:6px;
text-transform:uppercase;
}

div#third_column p, div#third_column ul, div#third_column p a, div#third_column a, div#third_column {
color:#002147;
font-family:Arial,Helvetica,sans-serif;
font-size:8pt;
}

/*** Footer ***/

#bottombuffer {
width: 100%;
height: 100px;
}

#footer{
background-color:#6e9dc5;
margin-top:90px;
width:100%;
margin: 0 auto;


}

/* center the content within the footer */
#footercontent{
padding-top:10px;
padding-bottom:5px;
width:960px;
text-align:right;
margin-left: auto;
margin-right: auto;
}
/* Posistioning of the lower left logo */
#globeimage{
position:relative;
float:left;
margin-top:-60px;
z-index:30;
}

/* Globe image parameters for IE6 */
#globeimage img{
width:251px;
height:104px;
/* behavior: url("iepngfix.htc");*/
}

/* Footer Text Formatting */
#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
padding-right:10px;
text-align: right;
}

/* Footer hyperlink Formatting */
#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight: normal;
text-decoration:none;
color:#022778;
}

/* Aligns upper links with the lower footer copy */
#footer a.lastlink{
padding-right:12px;
}

#footer a:hover{
color: #fff;
}

/*** Wordpress styling ***/
div#wp_news {
font-size: 10pt;
font-weight: bold;
margin-bottom: 5px;
}

div#wp_news p {
font-weight: normal;
}

div#wp_news .storylink a:link {
font-size: 10pt;
text-decoration: underline;
}

div#wp_news .storylink a:visited, a:hover {
/* font-size: 10pt; Hover shouldn't affect size */
text-decoration: underline;
color: #d9a901;
}

div#wp_news .post {
margin: 0;
}

.post {
margin-bottom: 25px;
}

img.thumb {
border-style: solid; border-color: #ccc; border-width: 1px; padding: 2px;
margin: 5px;
}

table {
font-weight: normal;
}

a.storytitle:hover {
/* font-size: 14pt; Hover shouldn't affect size */
}