/*This stylesheet is designed to be used globally through multiple projects
in order to conform to the overall style and format used for Olympic College.
Currently, this style applies to the two main CMS projects located at:
\\scms\wwwroot\ocmcms (read-only site)
\\scms\cmseditors\ocmcms (read-write site)*/

/*Each section is broken down separately in order to conform to the DIV tags added
in the tables for formatting each areas contents.*/
body {margin-left:0; margin-top:0; margin-bottom:0; margin-bottom:0;}


/*Page headings*/
#content h1 {margin-bottom: 3px; margin-top: 6px;font-family: Arial, Helvetica, sans-serif; color:#000000 ; font-size: 26px; font-weight: bold;}
#content H1 a:link     { COLOR: #000000; FONT-SIZE: 26PX; font-weight: bold; }
#content H1 a:visited  { COLOR: #000000; FONT-SIZE: 26PX; font-weight: bold; }
#content H1 a:active   { COLOR: #330066; FONT-SIZE: 26PX; font-weight: bold;} 
#content H1 a:hover {text-decoration: none}

#content h2 {margin-bottom: 3px; margin-top: 6px; font-family: Arial, Helvetica, sans-serif; color:#dc241f ; font-size: 16px; font-weight: bold;}
#content H2 a:link     { COLOR: #dc241f; FONT-SIZE: 18PX; font-weight: bold; }
#content H2 a:visited  { COLOR: #dc241f; FONT-SIZE: 18PX; font-weight: bold; }
#content H2 a:active   { COLOR: #330066; FONT-SIZE: 18PX; font-weight: bold;} 
#content H2 a:hover {text-decoration: none; font-weight: bold;}

#content h3 {margin-bottom: 3px; margin-top: 6px;font-family: Arial, Helvetica, sans-serif; color:Navy ; font-size: 14px; font-weight: bold;}
#content H3 a:link     { COLOR:Navy; FONT-SIZE: 14PX; font-weight: bold; }
#content H3 a:visited  { COLOR:Navy; FONT-SIZE: 14PX; font-weight: bold; }
#content H3 a:active   { COLOR: #330066; FONT-SIZE: 14PX; font-weight: bold;} 
#content H3 a:hover {text-decoration: none}

#content h4 {margin-bottom: 3px; margin-top: 6px;font-family: Arial, Helvetica, sans-serif; color:#000000 ; font-size: 12px; font-weight: bold;}
#content H4 a:link     { COLOR: #000000; FONT-SIZE: 12PX; font-weight: bold; }
#content H4 a:visited  { COLOR: #000000; FONT-SIZE: 12PX; font-weight: bold; }
#content H4 a:active   { COLOR: #330066; FONT-SIZE: 12PX; font-weight: bold;} 
#content H4 a:hover {text-decoration: none}

/*Tan color for col1*/
#main {background: #D4CCAA;}

/*Search page specific style*/
#search {font-family: Arial, Helvetica, sans-serif; padding-left: 0px; padding-right: 0px; border: 0PX; font-size: 12px;font-style: normal;}
#search  a:link {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 12px;} 
#search  a:visited {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 12px;} 
#search  a:active {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#search  A:hover {color: #00209F; text-decoration:none}
#search  a {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/*Main body styles*/
#content   {font-family: Arial, Helvetica, sans-serif;  margin-top: 2PX;  margin-bottom: 0PX; padding-left: 0px; padding-right: 0px; border: 0PX; font-size: 12px;font-style: normal; color: #000000; font-weight: normal; text-align: left;}
#content li {font-family: Arial, Helvetica, sans-serif;  margin-top: 2PX;  margin-bottom: 0PX; padding-left: 0px; padding-right: 0px; border: 0PX; font-size: 12px;font-style: normal; color: #000000; font-weight: normal; text-align: left;}
#content ul {margin-top: 3px; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal; color: #000000; font-weight: normal;}
#content p  {font-family: Arial, Helvetica, sans-serif;  margin-top: 2PX;  margin-bottom: 0PX; padding-left: 0px; padding-right: 0px; border: 0PX; font-size: 12px;font-style: normal; color: #000000; font-weight: normal; text-align: left;}

/*#content table {width: 95%;}*/
#content td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000; font-weight: normal; text-align: left;}
#content th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight:bold; color: #000000; font-weight: normal; text-align: left;}

#content a {COLOR: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
#content a:link {COLOR: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;} 
#content a:active {color: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
#content a:visited {color: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
#content a:hover {text-decoration: none}

A:LINK {COLOR: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;} 
a:active {color: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
a:visited {color: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px;}
a:hover {text-decoration: none}

/*Main content links*/
#co A:LINK {COLOR: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal;} 
#co a:active {color: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
#co a:visited {color: #00209F;font-family: Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT: normal;}
#co a:hover {text-decoration: none}

/*Main body indentation */
.indent {padding: 0px 10px 0px 10px;} 
.indent a:link {font-size: 12px}

#leftnav  h5 {padding: 10px; display: inline; font-size: 12px;}
#leftnav  ul li {list-style-image: url(http://www.olympic.edu/Images/vsmredsquare.gif); margin-left: -10; padding-right:5;}

/*Breadcrumb*/
#bc {margin-left: 0px; margin-top: 5px;}
#bc  a:link {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 11PX; font-weight: normal;} 
#bc  a:visited {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 11PX; font-weight: normal;} 
#bc  a:active {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 11PX; font-weight: normal;}
#bc  A:hover {font-weight: normal; text-decoration: none}

/*Footer*/
#footer {font-family: Arial, Helvetica, sans-serif;  padding-left: 0px; padding-right: 0px; border: 0PX; background-color: #ffffff; font-size: 10px;font-style: normal; color: #000000; font-weight: 600; text-align: center;}
#footer  a:link {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 400;} 
#footer  a:visited {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 400;} 
#footer  a:active {color: #00209F;font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 400;}
#footer  A:hover {text-decoration: none}
#footer p {font-family: Arial, Helvetica, sans-serif;  margin-top: 2PX;  margin-bottom: 0PX; padding-left: 0px; padding-right: 0px; border: 0PX; background-color: #ffffff; font-size: 10px;font-style: normal; color: #000000; font-weight: 600; text-align: center;}

#navi {color:#000000}
#navi ul li {list-style-image: url(http://www.olympic.edu/Images/vsmredsquare.gif); margin-left: -10; padding-right:5;}

/*left-side navigation link colors and attributes*/
/*channels*/
#main  a:link    {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#main  a:visited {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#main  a:active  {color: #330066;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;}
#main  a:hover   {color: #003366; text-decoration:none;}
/*pages (postings)*/
#main  a:link    {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#main  a:visited {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#main  a:active  {color: #330066;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;}
#main  a:hover   {color: #003366; text-decoration:none;}
#main  ul li {list-style-image: url(http://www.olympic.edu/Images/vsmredsquare.gif); margin-left: -10; padding-right:5;}
#main  {font-size:12px;}

/*left column navigation*/
#leftnav h5 {margin-top: 8px; font-family: Arial, Helvetica, sans-serif; color:#000000 ; font-size: 14px; font-weight: bold; color: Black;}
#leftnav ul {margin-top: 3px; margin-bottom: 12px;}
/*left-side navigation link colors and attributes*/
/*channels*/
#lnavChan  a:link    {color: #ff0000;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#lnavChan  a:visited {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#lnavChan  a:active  {color: #330066;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;}
#lnavChan  a:hover   {color: #003366; text-decoration:none;}
#lnavChan  ul li {list-style-image: url(http://www.olympic.edu/Images/vsmredsquare.gif); margin-left: -10; padding-right:5;}

/*pages (postings)*/
#lnavPost  a:link    {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#lnavPost  a:visited {color: #003366;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;} 
#lnavPost  a:active  {color: #330066;font-family: Arial, Helvetica, sans-serif; font-size: 12PX; margin-top: 1px; text-decoration: underline;}
#lnavPost  a:hover   {color: #003366; text-decoration:none;}
#lnavPost  ul li {list-style-image: url(http://www.olympic.edu/Images/vsmredsquare.gif); margin-left: -10; padding-right:5;}

/*styles for alternate table layout formatting*/
#content .head1
{
	font-size:12px;
	font-weight:bold;				
	margin-bottom:0px;
	text-align:left;
}
#content .head2
{
	font-size:12px;
	font-weight:bold;				
	margin-bottom:0px;
	text-align:right;
	color:black;
}
#content .head3
{
	font-size:12px;
	font-weight:normal;				
	margin-bottom:0px;
	text-align:right;
	color:black;
}
#content .tblCellBC
{
	font-weight:bold;
	text-align:center;
}

/*added for advising*/

.r1 td
{
	height:26px;
}
.r2 td
{
	height:26px;
}
.r1
{
	background-color: #C0C0C0;
}
.r2
{
	background-color: #FFFFFF;
}
.AdvPrg h2
{
	margin-bottom:0px;
	margin-top:10px;
}
.AdvPrg h3
{
	margin-bottom:0px;
	margin-top:0px;
}

/*added for the new version of the VIEW home-page*/
.vtdl
{
	PADDING-RIGHT: 10px; 
	WIDTH: 310px;
}
#vtbl{}
.vtl
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/TL.gif); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 15px;
}
.vt
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/T.gif); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: repeat-x;
}
.vtr
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/TR.gif); 
	WIDTH: 23px; BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 15px;
}
.vl
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/L.gif); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: repeat-y;
}
.vc
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/rback.gif); 
	WIDTH: 221px;
}
.vr
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/R.gif); 
	WIDTH: 23px; 
	BACKGROUND-REPEAT: repeat-y;
}
.vbl
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/BL.gif); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 21px;
}
.vb
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/B.gif); 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 21px;
}
.vbr
{
	BACKGROUND-IMAGE: url(http://www.olympic.edu/images/view/BR.gif); WIDTH: 23px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 21px
}
/*Directory logo styles*/
.csp
{
	width:260px;
}
.cspI
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.cspTO
{
	background-image:url('/NR/rdonlyres/E019AD6F-EF86-45A2-850A-389EC7C3B98F/0/TestDriveBack.png'); 
	background-repeat:no-repeat; 
	height:41px; 
	width:259px;
}
.cspTO1
{
	background-image:url('/NR/rdonlyres/F9D0AEAF-9629-4505-9D0C-5FF2FDA0B457/0/TestDriveBack.png'); 
	background-repeat:no-repeat; 
	height:41px; 
	width:259px;
}
.cspT
{
	padding-top:5px;
	padding-left:37px;
	font-family:Arial;
	color:#ffffff;
	font-size:18px;
}
.cspT a, .cspT a:link, .cspT a:active, .cspT a:visited
{
	font-family:Arial;
	color:#ffffff;
	font-size:18px;
}

.cspT a:hover
{
	text-decoration:none;
}
#dText a:link, #dText a:active, #dText a:visited
{
	font-family:Arial;
	color:#ffffff;
	font-size:18px;
}