*{
	padding: 0;
	margin: 0;
}
body{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../images/background-color.jpg) repeat;
	font-size: 12px;
}

a,input{
	outline: none;
}

h1{
	font-size: 18px;
	color: #0e4b81;
	font-weight: bold;
}

h2{
	font-size: 16px;
	color: #0e4b81;
}

h2 a{
	font-size: 16px;
	color: #0e4b81;
	text-decoration:none;
}

h2 a:hover{
	color: #5092cd;
}

h4{
	font-size: 12px;
	color: #0e4b81;
}

/*1e3158*/

#background-gradient{
	background: url(../images/background.jpg) repeat-x center top;
	height: 742px;
}

#wrapper{
	background: url(../images/wrapper.jpg) no-repeat center top;
	height: 772px;
}

#main-container{
	background-color: #fff;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
#header{
	
	width: 980px;
	height: 269px;
	background: url(../images/header.jpg) no-repeat;
}

/* Search Module */

#search-box{
	position: absolute;
	width: 312px;
	margin-left: 659px;
	font-family: Arial, sans-serif;
	text-align: right;
	font-size: 12px;
	color: #003399;
	margin-top: 32px;
	letter-spacing: .1em;
	outline: none;
}

#search-box a{
	color: #003399;
	text-decoration: none;
	padding: 0 5px 5px 5px;
	margin-right: 5px;
	outline: none;
}

#search-box a:hover{
	text-decoration: underline;
}

#search-module{
	width: 312px;
	height: 54px;
	margin-top: 5px;
	background: url(../images/search-background.png) no-repeat;
}

#search-module input.search-box{
	background: url(../images/search-box-input.jpg) no-repeat;
	width: 226px;
	height: 13px;
	border: none;
	float: left;
	padding: 7.5px 15px 9.5px 15px;
	margin-top: 11px;
	margin-left: 10px;
	outline: none;
}

#search-module input.submit-button{
	background: url(../images/search-button-sprite.jpg) no-repeat center top;
	width: 32px;
	height: 31px;
	border: none;
	float: left;
	cursor: pointer;
	margin-top: 9px;
	margin-left: 5px;
	outline: none;
}

#search-module input.submit-button:hover{
	background: url(../images/search-button-sprite.jpg) no-repeat center center;
	outline: none;
}

#search-module input.submit-button:active{
	background: url(../images/search-button-sprite.jpg) no-repeat center bottom;
	outline: none;
}

/* Navigation */

#navigation{
	background: url(../images/nav-background.jpg) repeat-x;
	height: 37px;
	padding-top: 17px;
	position: relative;
	width:980px;
}

#navigation ul{
	text-align: center;
}

#navigation li{
	padding: 0 25px 0 25px;
	list-style-type: none;
	display: inline;
}

/* My GRI */



#navigation li.mygri-on a{
	height: 37px;
	width: 58px;
	display: inline-block;
	background: url(../images/mygri-sprite.png) no-repeat center bottom;
	cursor: default;
}

#navigation li.mygri-on a:hover{
	cursor: default;
}

#navigation li.mygri a{
	height: 37px;
	width: 58px;
	display: inline-block;
	background: url(../images/mygri-sprite.png) no-repeat center top;
}

#navigation li.mygri a:hover{
	background: url(../images/mygri-sprite.png) no-repeat center center;
}

/* Calendar */

#navigation li.calendar-on a{
	height: 37px;
	width: 223px;
	display: inline-block;
	background: url(../images/calendar-sprite.png) no-repeat center bottom;
}

#navigation li.calendar-on a:hover{
	cursor: default;
}

#navigation li.calendar a{
	height: 37px;
	width: 223px;
	display: inline-block;
	background: url(../images/calendar-sprite.png) no-repeat center top;
}

#navigation li.calendar a:hover{
	background: url(../images/calendar-sprite.png) no-repeat center center;
}

/* Resources */

#navigation li.resources-on a{
	height: 37px;
	width: 102px;
	display: inline-block;
	background: url(../images/resources-sprite.png) no-repeat center bottom;
}

#navigation li.resources-on a:hover{
	cursor: default;
}

#navigation li.resources a{
	height: 37px;
	width: 102px;
	display: inline-block;
	background: url(../images/resources-sprite.png) no-repeat center top;
}

#navigation li.resources a:hover{
	background: url(../images/resources-sprite.png) no-repeat center center;
}

/* About GRI */

#navigation li.about-gri-on a{
	height: 37px;
	width: 91px;
	display: inline-block;
	background: url(../images/about-gri-sprite.png) no-repeat center bottom;
}

#navigation li.about-gri-on a:hover{
	cursor: default;
}

#navigation li.about-gri a{
	height: 37px;
	width: 91px;
	display: inline-block;
	background: url(../images/about-gri-sprite.png) no-repeat center top;
}

#navigation li.about-gri a:hover{
	background: url(../images/about-gri-sprite.png) no-repeat center center;
}

/* Designees */

#navigation li.designees-on a{
	height: 37px;
	width: 97px;
	display: inline-block;
	background: url(../images/designees-sprite.png) no-repeat center bottom;
}

#navigation li.designees-on a:hover{
	cursor: default;
}

#navigation li.designees a{
	height: 37px;
	width: 97px;
	display: inline-block;
	background: url(../images/designees-sprite.png) no-repeat center top;
}

#navigation li.designees a:hover{
	background: url(../images/designees-sprite.png) no-repeat center center;
}

/* GRI Team */

#navigation li.griteam-on a{
	height: 37px;
	width: 78px;
	display: inline-block;
	background: url(../images/griteam-sprite.png) no-repeat center bottom;
}

#navigation li.griteam-on a:hover{
	cursor: default;
}

#navigation li.griteam a{
	height: 37px;
	width: 78px;
	display: inline-block;
	background: url(../images/griteam-sprite.png) no-repeat center top;
}

#navigation li.griteam a:hover{
	background: url(../images/griteam-sprite.png) no-repeat center center;
}

/* FAQ */

#navigation li.faq-on a{
	height: 37px;
	width: 31px;
	display: inline-block;
	background: url(../images/faq-sprite.png) no-repeat center bottom;
}

#navigation li.faq-on a:hover{
	cursor: default;
}

#navigation li.faq a{
	height: 37px;
	width: 31px;
	display: inline-block;
	background: url(../images/faq-sprite.png) no-repeat center top;
}

#navigation li.faq a:hover{
	background: url(../images/faq-sprite.png) no-repeat center center;
}

/* Contact */

#navigation li.contact-on a{
	height: 37px;
	width: 75px;
	display: inline-block;
	background: url(../images/contact-sprite.png) no-repeat center bottom;
}

#navigation li.contact-on a:hover{
	cursor: default;
}

#navigation li.contact a{
	height: 37px;
	width: 75px;
	display: inline-block;
	background: url(../images/contact-sprite.png) no-repeat center top;
}

#navigation li.contact a:hover{
	background: url(../images/contact-sprite.png) no-repeat center center;
}

/*Sub Navigation*/
#sub-nav{
	height: 27px;
	background-image: url(../images/ondary-nav-background.png);
	padding-top: 9px;
	color: #73705b;
	font-size: 13px;
}

#sub-nav ul{
	text-align: left;
	padding-left: 55px;
}

#sub-nav li{
	padding: 0 15px 0 15px;
	list-style-type: none;
	display: inline;
}

#sub-nav li a{
	text-decoration: none;
	color: #73705b;
}

#sub-nav li a:hover{
	color: #333;
}

/*Content*/
#content{
	margin-top: 10px;
	float: left;
	width: 575px;
	padding: 15px 40px;
	font-size: 12px;
}

#instructor-content p{
	color: #333;
	line-height: 16px;
}

#instructor-content{
	margin-top: 10px;
	width: 950px;
	padding: 15px 40px;
	font-size: 12px;
}

.link a{
	color:#005aa7; 
	font-size: 12px; 
	text-decoration: none;
}

.link a:hover{
	text-decoration: underline;

}

#content p{
	color: #333;
	line-height: 16px;
}

#content a{
	color:#005aa7; 
	font-size: 12px; 
	text-decoration: none;
}

#content a:hover{
	text-decoration: underline;

}

#content input.login{
	width: 224px;
	height: 13px;
	border: none;
	padding: 9.5px 15px 9.5px 15px;
	background: url(../images/login-input.gif) no-repeat;
}

#content input.course-submit{
	background: url(../images/submit-sprite.jpg) no-repeat center top;
	width: 115px;
	height: 31px;
	display: block;	
	float: left;
	outline:none;
	border:none;
	cursor: pointer;
	margin-left: 140px;
}

#content input.course-submit:hover{
	background: url(../images/submit-sprite.jpg) no-repeat center center;
	width: 115px;
	height: 31px;
	display: block;
	float: left;
}

#content input.course-submit:active{
	background: url(../images/submit-sprite.jpg) no-repeat center bottom;
	width: 115px;
	height: 31px;
	display: block;
	float: left;
}

#content input.form-submit{
	background: url(../images/submit-sprite.jpg) no-repeat center top;
	width: 115px;
	height: 31px;
	display: block;	
	float: right;
	outline:none;
	border:none;
	cursor: pointer;
}

#content input.form-submit:hover{
	background: url(../images/submit-sprite.jpg) no-repeat center center;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
}

#content input.form-submit:active{
	background: url(../images/submit-sprite.jpg) no-repeat center bottom;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
}

#content .comments{
	width: 561px;
	height: 161px;
	border: none;
	padding: 9.5px 15px 9.5px 15px;
	background: url(../images/comment-box.jpg) no-repeat;
	outline:none;
	
}

#content img.arrow{
	margin-left: 6px;
	margin-bottom: -2px;
}

#content table{
	border: 1px solid #999;
}

#content table tbody tr td{
	border: 1px dotted #999;
	padding: 1px;
}

#content ul, #content ol, #instructor-content ul{
	margin-left: 50px;
	line-height: 16px;
}

blockquote{
	margin-left: 50px;
}

/* Google Results */
#content p.g table{
	background-color: #333;
	margin-top: -15;
}

#content p.g table{
	margin-bottom: 30px;
}

#content center div.n{
	margin-top: 60px;
}

#content center p font{
	display: none;
}

#content p.g a span.l{
	font-weight: bold;
	font-size: 14px;
	color: #1e3158;
}

/*Right Bar*/
#right-bar{
	margin-top: 10px;
	float: left;
	width: 309px;
}

#right-bar-top{
	width: 309px;
	height: 5px;
	background: url(../images/right-box-top.png) no-repeat;
}

#right-bar-middle{
	width: 309px;
	background: url(../images/right-box-middle.png) repeat-y;
	padding: 3px 0;
	padding-left: 3px;
	position: relative;
}

#right-bar-bottom{
	width: 309px;
	height: 4px;
	background: url(../images/right-box-bottom.png) no-repeat;
	clear: both;
}

#upcoming-events{
	width: 267px;
	height: auto;
	background: url(../images/upcoming-events.png) no-repeat center top;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-top: 56px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1px;
	
}

#upcoming-events ul{
	list-style-type: none;
}

#upcoming-events img{
	display: none;
}

#upcoming-events li{
	margin-bottom: 20px;
}

#upcoming-events li a{
	text-decoration: none;
	color: #1e3158;
}

#upcoming-events li a:hover{
	color: #999;
}

#become-a-fan{
	width: 287px;
	height: 260px;
	background: url(../images/become-a-fan.png) no-repeat center top;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-top: 50px;
	text-align: center;
}

#module-boxes{
	width: 277px;
	height: 130px;
	background: url(../images/module-100.jpg) no-repeat center top;
	margin-top: 25px;
	float: left;
	background-color: #fff;
	padding-top: 55px;
	margin-left:14.5x;
	margin-right:14.5px;
	padding-left: 10px;
}

#instructors{
	margin-top: 8px;
	width: 287px;
	height: auto;
	background: url(../images/instructors.png) no-repeat center top;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	padding-top: 55px;
	color: #999;
	letter-spacing: .1em;
	line-height: 1.5em;
}
#input-form{
	width: 255px;
	margin-left: auto;
	margin-right: auto;
}

#input-form p{
	padding-bottom: 15px;
}

#input-form input.login{
	width: 224px;
	height: 13px;
	border: none;
	padding: 9.5px 15px 9.5px 15px;
	background: url(../images/login-input.gif) no-repeat;
}

#input-form input.submit{
	background: url(../images/login-sprite.jpg) no-repeat center top;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
	outline:none;
	border:none;
	cursor: pointer;
}

#input-form input.submit:hover{
	background: url(../images/login-sprite.jpg) no-repeat center center;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
}

#input-form input.submit:active{
	background: url(../images/login-sprite.jpg) no-repeat center bottom;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
}

#input-form input.logout{
	background: url(../images/logout-sprite.jpg) no-repeat center top;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
	outline:none;
	border:none;
	cursor: pointer;
}

#input-form input.logout:hover{
	background: url(../images/logout-sprite.jpg) no-repeat center center;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
}

#input-form input.logout:active{
	background: url(../images/logout-sprite.jpg) no-repeat center bottom;
	width: 115px;
	height: 31px;
	display: block;
	float: right;
}

/*footer Cap*/
#footer-cap{
	width: 980px;
	height: 20px;
	clear: both;
}

#footer{
	width: 960px;
	height: 100px;
	padding: 15px 10px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}

/*tooltip*/
.tooltip {
	display:none;
	background:transparent url(/images/white_arrow_big.png);
	font-size:12px;
	height:166px;
	width:320px;
	padding:25px;
	color:#000;	
}

/*Upload Button*/
#upload-button{
	background: url(../images/upload-sprite.jpg) no-repeat center top;
	width: 287px;
	height: 42px;
	border: none;
	cursor: pointer;
	outline: none;
	margin-left: auto;
	margin-right: auto;
}

#upload-button:hover{
	background: url(../images/upload-sprite.jpg) no-repeat center center;
	outline: none;
}

#upload-button:active{
	background: url(../images/upload-sprite.jpg) no-repeat center bottom;
	outline: none;
}
