@CHARSET "UTF-8";

/**
 * CUSTOM ACCE STYLE OVERRIDES TO THE DEFAULT CAS-CURATOR INTERFACE STYLESHEET 
 */

html, body {
	margin:0px;
	font-family:"Lucida Grande","Arial","Helvetica","Verdana","sans-serif";
	font-size: large;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#395B6B;
}

h1{
	padding-top:10;
}

hr.space  {
    background: transparent;
}

.container {
	width:950px;
	margin:0 auto;
	background-color:white;;
}

img {
	padding: 5px;
}

p.caption {
	font-size:10px;	
}

.shadetabs{
	border-bottom: 1px solid gray;
	/* width: 90%; width of menu. Uncomment to change to a specific width */
	margin-bottom: 1em;
}

.shadetabs ul{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #778;
	color: #2d2b2b;
	background: white url(../img/shade.gif) top left repeat-x;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
}

.shadetabs li.selected{
	position: relative;
	top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
	background-image: url(../img/shadeactive.gif);
	border-bottom-color: white;
}

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

.search-contents {
	clear:both;
	float:left;
	width:100%;
	border: 1px #000;
}

.nav {
    height: 35px;
    margin-bottom: 2px;
    background: #a7e8ee;
}
.nav ul {
    margin: 0;
    padding: 0;
}
.nav ul li {
    list-style: none;
}
.nav ul li a {
    text-decoration: none;
    float: left;
    display: block;
    padding: 10px 20px;
    color: blue;
    font-weight: bold;
}
.hightlite {
    background-color: #4080ff
}
.nav ul li a:hover {
    color: white;
}

div.body {
	margin-left:10px;
	margin-right:10px;
}

div.breadcrumbs {
	border: medium none;
    margin-left: 15px;
    padding-bottom: 10px;
}

#omg-follow-us {
	z-index: 10;
	position: absolute;
	right: 90px;
}

#omg-follow-us-links,
#omg-follow-us-links li {
	margin: 0;
	padding: 0:
	list-style: none;
}

#omg-follow-us-links {
        visibility: visible;
        position: absolute;
        bottom: 0px;
        right: 20px;
        width: 100px;
        opacity: 0;
        -moz-transition: opacity 300ms, right 300ms;
        -webkit-transition: opacity 300ms, right 300ms;
        -o-transition: opacity 300ms, right 300ms;
        transition: opacity 300ms, right 300ms;
}
#omg-follow-us.active #omg-follow-us-links,
#omg-follow-us:hover #omg-follow-us-links {
        visibility: visible;
        opacity: 1;
        right: 0;
        -moz-transition: opacity 300ms, right 300ms;
        -webkit-transition: opacity 300ms, right 300ms;
        -o-transition: opacity 300ms, right 300ms;
        transition: opacity 300ms, right 300ms;
}
#omg-follow-us-links li {
        float: right;
        margin-left: 5px;
}
.omg-follow-us-icon {
        float: left;
        width: 25px;
        height: 25px;
        background: transparent url(../img/omg-follow-us@x1.png);
        background-repeat: no-repeat;
        -webkit-background-size: 75px 50px;
        -moz-background-size: 75px 50px;
        -o-background-size: 75px 50px;
        background-size: 75px 50px;
	text-indent: -9999px;
}
#omg-facebook {
        background-position: 0 0;
}
#omg-facebook:active,
#omg-facebook:hover {
        background-position: 0 -25px;
}
#omg-youtube {
        background-position: -25px 0;
}
#omg-youtube:active,
#omg-youtube:hover {
        background-position: -25px -25px;
}
#omg-twitter {
	background-position: -50px 0;
}
#omg-twitter:active,
#omg-twitter:hover {
	background-position: -50px -25px;
}

/**
 * MIDDLE_BORDER
 * This is the container for all the pages.
 */
#middle_border {
	color:#70909D;
}

fieldset  {
	border:2px solid #CCCCCC;
}

/**
 * MIDDLE_SUBMENU
 * This is the nav for each category, which has submenus
 */
#middle_submenus {
	background-color:paleGoldenRod;
	padding-left:15px;
	width:90%;
}

#login {
	color:white;
}

form#MissionRoleForm {
	display:inline;	
}

/**
 * Footer 
 */
#footer A:hover { 
	color:#133551;
}
 
