/*
INTERN EDITION STYLESHEET
Christina Tran, Jeremy VanderKnyff - Summer 2006
Last updated: 7/7/06 3:05p jvanderknyff
*/


/********BASIC LAYOUT TAGS********/


body
{
	margin: 0;
	padding: 0px 10px 10px 10px;
	background: url(images/bg_body.jpg) repeat-x center top #A8C6CD fixed;
	font-family: sans-serif;
	overflow: auto;
}

#header
{

	background: transparent;
	position: absolute;
	left: 75px;
	top: 80px;
	display: inline;
	width: 225px;
}


#container
{
	text-align: right;
	background: #027ABB;
	width: 700px;
	position: relative;
	top: 80px;
	left: 255px;
	padding: 10px 0px 0px 0px;

	
}


#textarea
{
	text-align: left;
	background: #DDE6F2;
	width: 680px;
	padding: 50px 10px 10px 10px;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 18px;
}	

/********PHOTO GALLERY TAGS********/

#photogallery
{	width: 600px;
}

#thumbnails
{	position: absolute;
	top: 150px;
}

/***this makes the rollover images***/
#photogallery a
{
	padding-right:10px;
	width: 100px;
	height: 75px;
	float:left;
	display:block;
	text-decoration: none;
}
#photogallery a img
{
	height:0px;
	width:0px;
	border:0;
}
#photogallery a:hover img
{
	position:absolute;
	width:550px;
	height: 400px;
	top: 100px;
	left: 75px;
}


/********MENU TAGS********/

#menucontainer
{
	top: 165px;
	position: absolute;
	left: 80px;
	margin-top: 10px;
	background: transparent;
	display: block;
	padding: 0px 0px 0px 0px;
}

#menu
{
	margin-left: 10xp
	text-align: left;
	width: 150px;
	background-color: transparent;
	padding: 0px;

}

#menu ul
{	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	font-family: serif;
	font-size: 16px;
	font-weight: bold;
	color: #003F87;
	display: block;
	
}

#menu a
{
	text-decoration: none;
	color: #DDE6F2;

}

#menu a:hover
{
	color: white;
	background-color: #003F87;
}

#menu li
{
	position: relative;
	left: 0px;
	background: #027ABB;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	
}

#menu li.sublink
{
	color: #027ABB;
	background-color: #DDE6F2;
}

#menu li.sublink a
{
	color: #027ABB;
	background-color: #DDE6F2;
}

#menu li.sublink a:hover
{
	color: white;
	background-color: #003F87;
}

#menu a.activelink
{
	color: black;
}

#menu li.sublink a.activelink
{
	color: black;
}

/********FOOTER TAGS********/

#footer
{
	height: 30px;
}

#footer ul
{	
	list-style-type: none;
	font-family: serif;
	font-weight: bold;
	font-size: 16px;
	color: #003F87;
	
}

#footer a
{
	
	text-decoration: none;
	color: #DDE6F2;

}

#footer a:hover
{
	color: white;
	background-color: #003F87;
}

#footer li
{
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

#links
{
	width: 700px;
	position: relative;
	left: 255px;
	margin-top: 80px;
	text-align: center;
}

#links a
{
	text-decoration: none;
	color: #003F87;
}

#links a:hover
{
	text-decoration: underline;
}



/********CONTENT TAGS********/

#icon
{
	font-family: sans-serif;
	font-size: 16px;
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}

#listen a
{
	text-decoration: none;
	color: #FBB569;
}

#listen a:hover
{
	color: #52AECC;
}

#imgl
{
	float; left;
	margin: 0px 10px 10px 5px;
}

#imgr
{
	float: right;
	margin: 0px 10px 10px 5px;
}

#imgl, #imgr
{
	padding: 5px 0px 0px 0px;
	font-size: 75%;
}

#tl
{
	float: left;
	margin: 0px 10px 10px 5px;
}

#tr
{
	float: right;
	margin: 0px 5px 10px 10px;
}

#tl, #tr
{
	width: 150px;
	padding: 5px 0px 0px 0px;
	font-size: 75%;
}

#tl a, #tr a
{
	color: #027ABB;
	text-decoration: none;
}

#tl a:hover, #tr a:hover
{
	text-decoration: underline;
}

#pullquote
{	
	float: left;
	width: 150px;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
}

#credit
{
	font-size: 10px;
	color: #666666;
	font-family: sans-serif;
	text-align: right;
	font-weight: bold;
	position: relative;
	left: -5px;
}

#col
{
	display: inline;
	margin-right: 20px;
	
}

#galleryphoto
{	
	width: 362px;
	margin-left: 150px;
	margin-bottom: 100px;
	font-size: 13px;
	line-height: 17px;}

#galleryphoto img
{	border: 12px;
	border-style: solid;
	border-color: #ffffff;}

#photo img
{	border: 12px;
	border-style: solid;
	border-color: #ffffff;}

hr
{
	margin-top: 10px;
}

/********FORMAT TAGS********/

#container h1 /*<USE FOR PAGE HEADING>*/
{
	position: relative;
	top: 11px;
	color: #DDE6F2;
	padding-bottom:0px;
	padding-right: 5px;
	margin: 0px;
	font-size: 280%;
	font-family: verdana, arial, sans-serif;
}

#textarea h2 /*<USE FOR HEADLINE OR TOPIC>*/
{
	font-family: serif;
	font-size: 150%;
	display: inline;
	line-height: 130%;
}

#textarea h3 /*<USE FOR BYLINE>*/
{
	font-family: serif;
	font-size: 95%;
	display: inline;
}

#textarea a
{
	text-decoration: none;
	color: #027ABB;
}

#textarea a:hover
{
	color: #FBB569;
}


#pullquote h3 /*******USE FOR PULLQUOTE BYLINE*******/ 
{
	float: right;
	font-size: 75%;
	color: black;
	font-style: italic;
}


#links h3 /*******USE FOR CONTACT LINE*******/
{
	font-size: 70%;
}

#intro /********USE FOR SECTION INTROS********/
{	font-size: 14px;
	font-weight: bold;
	font-family: serif;
	line-height: 18px;
	color: #black;}